p-7572cfb2.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as e,c as t,h as r,H as i,g as a}from"./p-0e3693b5.js";import{D as c}from"./p-5440a118.js";import{h as o}from"./p-3e9fe89f.js";import{D as s,a as d,b as h}from"./p-539a6785.js";import{S as n}from"./p-6a502b3f.js";let l=0;const b=class{constructor(r){e(this,r),this.changedEvent=t(this,"dwc-changed",7),this.focusedEvent=t(this,"dwc-focused",7),this.blurredEvent=t(this,"dwc-blurred",7),this.validatedEvent=t(this,"dwc-validated",7),this.inputId="checkbox-"+ ++l,this.validationExpressionEngine=new c("BBjCheckBox<dwc-checkbox> Validation",["x","value","text","component","control"]),this.builtinInvalidMessage="",this.autoValidate=!0,this.autoValidateOnLoad=!1,this.autoWasValidated=!1,this.checked=!1,this.disabled=!1,this.expanse="m",this.hasFocus=!1,this.helperText=void 0,this.indeterminate=!1,this.invalid=!1,this.invalidMessage=void 0,this.label=void 0,this.name=void 0,this.readonly=!1,this.required=!1,this.tabTraversable=0,this.validator=void 0,this.validationIcon="dwc:info",this.validationPopoverDistance=6,this.validationPopoverSkidding=0,this.validationPopoverPlacement="bottom",this.validationStyle="popover",this.valid=!1,this.value=void 0}handleStateChange(){this.$input&&(this.$input.checked=this.checked,this.$input.indeterminate=this.indeterminate),this.autoValidate&&this.validate()}connectedCallback(){var e;this.handleFocus=this.handleFocus.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),null===(e=this.slotsObserver)||void 0===e||e.connect()}disconnectedCallback(){var e;null===(e=this.slotsObserver)||void 0===e||e.disconnect()}componentWillLoad(){this.slotsObserver=new n(this.el,"helper-text")}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot),this.autoValidateOnLoad&&requestAnimationFrame((()=>this.validate()))}handleHostClick(e){e.isTrusted||this.handleClick()}async setFocus(){this.el.shadowRoot.activeElement!==this.$input&&(this.$input.disabled=this.disabled,this.$input.focus())}async removeFocus(){this.$input.blur()}async validate(){let e=!0;if(this.validator){const t=!!this.checked,r=this.el;e=this.validationExpressionEngine.evaluate(this.validator,{x:t,value:t,text:t?"1":"0",component:r,control:r})}else try{e=this.$input.checkValidity(),this.builtinInvalidMessage=this.$input.validationMessage}catch(e){}return this.invalid=!e,this.validatedEvent.emit(e),this.invalid&&(this.valid=!1),!this.invalid&&this.autoWasValidated&&(this.valid=!0),e}async getPart(e){return new Promise((t=>{t(this.el.shadowRoot.querySelector(`[part="${e}"]`))}))}handleClick(){this.disabled||this.readonly||(this.checked=!this.checked,this.indeterminate=!1,this.changedEvent.emit())}handleFocus(){this.hasFocus=!0,this.focusedEvent.emit()}handleBlur(){this.hasFocus=!1,this.blurredEvent.emit()}render(){var e,t;const a=!this.validator,c=(null===(e=this.invalidMessage)||void 0===e?void 0:e.trim().length)>0,n=a?c?this.invalidMessage:this.builtinInvalidMessage:c?this.invalidMessage:"",l=this.invalid&&(null==n?void 0:n.trim().length)>0,b=(null===(t=this.helperText)||void 0===t?void 0:t.trim().length)>0||this.slotsObserver.hasContent("helper-text");return r(i,{key:"46067bc93442eb370d24a374819598e65617e827",class:o({BBjControl:!0,BBjCheckBox:!0,"bbj-disabled":this.disabled,"bbj-focused":this.hasFocus,"bbj-readonly":this.readonly,"bbj-checked":this.checked,"bbj-unchecked":!this.checked,"bbj-indeterminate":this.indeterminate,"bbj-valid":this.valid,"bbj-invalid":this.invalid,"bbj-required":this.required})},r("div",{key:"81d9a32e454a060dcb30cfe47a9ee1f12d257eca",part:"control"},r("div",{key:"016edf058a610657387c1699e2ceea96d325502a",part:"input-wrapper"},r("span",{key:"985fab0819c9370b869cf77d93802a0491ebba0d",part:"checked-icon"},r("svg",{key:"e533d9586891768d4aede3648ee53cd7cb1bc81d",part:"checked-icon-svg",viewBox:"0 0 16 16"},r("g",{key:"8bf6e8d16d67347867049bc74e3f293dcf7c645b",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},r("g",{key:"1f4f87894bdcccc5d6ef7b22b82c76bdd1fcaada",stroke:"currentColor","stroke-width":"2"},r("g",{key:"21a55e2417297f637bfc14aa3b216ba3b46dd3ef",transform:"translate(3.428571, 3.428571)"},r("path",{key:"986821d452188a6472921bdf385241a934a0167f",d:"M0,5.71428571 L3.42857143,9.14285714"}),r("path",{key:"05a07ea9d1000a2aedb1060e1a9066675259b791",d:"M9.14285714,0 L3.42857143,9.14285714"})))))),r("span",{key:"8e0e9eca1f4ecc2af592a97da1e83f5295cfabbd",part:"indeterminate-icon"},r("svg",{key:"10a9464894bef5e9cb1cce2d96bf619a58286635",part:"checked-indeterminate-svg",viewBox:"0 0 16 16"},r("g",{key:"ddc9c4bc5f6e427ce27e8378d22ff99e752e6ce7",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},r("g",{key:"9404eb76ae1690872e87c16bbeeb65c9a864487e",stroke:"currentColor","stroke-width":"2"},r("g",{key:"26b2f14e1f9e9a01e18c565c424ee0db894ac487",transform:"translate(2.285714, 6.857143)"},r("path",{key:"f49745f8e627a0fd844f2377865bf20121a4be12",d:"M10.2857143,1.14285714 L1.14285714,1.14285714"})))))),r("input",{key:"059dab486234197f3637c5f756c51ddc715b5d98",slot:"handler",ref:e=>this.$input=e,id:this.inputId,type:"checkbox",part:"input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,"aria-checked":this.checked?"true":"false","aria-describedby":"helper-text",tabIndex:this.disabled?-1:this.tabTraversable,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur})),r("label",{key:"9ec5ca1ef4d12da7686c9cf9be44d3a0be88aa83",part:"label",htmlFor:this.inputId,innerHTML:this.label},r("slot",{key:"73469761c9e4fb7aaa224d23b29252a994120641"})),"popover"===this.validationStyle&&l&&r(h,{key:"d079815f196934c0a0d8467079a52f25aa9c0eb7",invalidMessage:n,icon:this.validationIcon,hasFocus:this.hasFocus,popoverDistance:this.validationPopoverDistance,popoverPlacement:this.validationPopoverPlacement,popoverSkidding:this.validationPopoverSkidding})),r(d,{key:"b1d946f152981b0e511fb73427bd63d361948176",helperText:this.helperText,visible:b}),"inline"===this.validationStyle&&l&&r(s,{key:"1f14a425640c48b58a46f5b48d3f2c55d2b9ad42",invalidMessage:n,icon:this.validationIcon}))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{checked:["handleStateChange"],indeterminate:["handleStateChange"]}}};b.style="@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{--_dwc-checkbox-size:var(--dwc-size-3xs);display:inline-block}:host([disabled]){cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;pointer-events:none}:host([disabled]) *{cursor:var(--dwc-disabled-cursor);user-select:none;pointer-events:none}[part=control]{align-items:stretch;color:var(--dwc-checkbox-label-color, inherit);cursor:var(--dwc-cursor-click);display:inline-flex;height:auto;padding:var(--dwc-checkbox-padding, auto);position:relative;vertical-align:middle;width:inherit}:host(.bbj-reverse-order) [part=control]{flex-direction:row-reverse}[part=label]{align-items:center;align-self:flex-start;cursor:var(--dwc-cursor-click);display:flex;gap:0.3rem;line-height:var(--dwc-font-line-height);padding-left:var(--dwc-space-s);user-select:none}:host(.bbj-reverse-order) [part=label]{padding-left:0;padding-right:var(--dwc-space-s)}:host(.bbj-whitespace-nowrap) [part=label]{white-space:nowrap}:host(.bbj-whitespace-wrap) [part=control]{height:auto}:host(.bbj-whitespace-wrap) [part=label]{white-space:normal}[part=input-wrapper]{align-items:center;align-self:flex-start;background-color:var(--dwc-checkbox-background, var(--dwc-color-default));block-size:var(--_dwc-checkbox-size);border:var(--dwc-border-width) var(--dwc-border-style) var(--dwc-checkbox-border-color, var(--dwc-color-default-dark));border-radius:var(--dwc-border-radius);box-sizing:content-box;display:flex;flex-shrink:0;height:var(--dwc-checkbox-size, var(--_dwc-checkbox-size));inline-size:var(--_dwc-checkbox-size);justify-content:center;position:relative;transition:var(--dwc-transition) border-color, var(--dwc-transition) background-color;width:var(--dwc-checkbox-size, var(--_dwc-checkbox-size))}:host(.focus-visible) [part=input-wrapper]{box-shadow:var(--dwc-checkbox-focus-ring, var(--dwc-focus-ring-default))}:host(:hover) [part=input-wrapper],:host([has-focus]) [part=input-wrapper]{background-color:var(--dwc-checkbox-hover-background, var(--dwc-color-default-light));border-color:var(--dwc-checkbox-hover-border-color, var(--dwc-color-primary))}:host([checked]) [part=input-wrapper],:host([indeterminate]) [part=input-wrapper]{background-color:var(--dwc-checkbox-checked-background, var(--dwc-color-primary));color:var(--dwc-checkbox-checked-color, var(--dwc-color-on-primary-text))}:host([checked]:not([disabled]):hover) [part=input-wrapper],:host([checked][has-focus]) [part=input-wrapper],:host([indeterminate]:not([disabled]):hover) [part=input-wrapper],:host([indeterminate][has-focus]) [part=input-wrapper]{background-color:var(--dwc-checkbox-hover-checked-background, var(--dwc-color-primary-light));border-color:var(--dwc-checkbox-hover-checked-border-color, var(--dwc-color-primary));color:var(--dwc-checkbox-hover-checked-color, var(--dwc-color-on-primary-text-light))}[part=input],[part=checked-icon],[part=indeterminate-icon]{margin:0;padding:0;position:absolute}[part=input]{opacity:0}[part=checked-icon],[part=indeterminate-icon]{display:inline-flex;height:100%;height:var(--dwc-checkbox-size, var(--_dwc-checkbox-size));opacity:0;transform:scale(0) translate3d(0, 0, 0);transition:transform var(--dwc-transition) var(--dwc-ease-inQutCubic);width:100%;width:var(--dwc-checkbox-size, var(--_dwc-checkbox-size));will-change:transform}[part=checked-icon] svg,[part=indeterminate-icon] svg{height:100%;width:100%}:host([checked]) [part=checked-icon],:host(:not([checked])[indeterminate]) [part=indeterminate-icon]{opacity:1;transform:scale(1) translate3d(0, 0, 0)}dwc-alert{--dwc-alert-padding:var(--dwc-space-s) 0;text-align:left}[part=helper-text-wrapper],[part=helper-text-wrapper] ::slotted([slot=helper-text]){color:var(--dwc-color-gray-text-light);cursor:var(--dwc-cursor-text);font-size:var(--dwc-font-size-s);font-weight:var(--dwc-font-weight-normal);line-height:var(--dwc-font-line-height-s);text-align:left;transition:color 0.2s}[part=helper-text-wrapper][data-visible]{margin-left:calc(var(--dwc-border-radius) / 4 + var(--dwc-border-width) * 2);padding-top:var(--dwc-space-s)}:host([invalid]){--dwc-checkbox-label-color:var(--dwc-color-danger-text);--dwc-checkbox-border-color:var(--dwc-border-color-danger);--dwc-checkbox-hover-border-color:var(--dwc-checkbox-border-color);--dwc-checkbox-hover-checked-border-color:var(--dwc-color-danger-light);--dwc-checkbox-focus-ring:var(--dwc-focus-ring-danger);--dwc-alert-color:var(--dwc-checkbox-label-color);--dwc-alert-icon-color:var(--dwc-alert-color)}:host([expanse=xl]){--dwc-checkbox-size:calc(var(--dwc-size-xl) / 2);font-size:var(--dwc-font-size-xl)}:host([expanse=l]){--dwc-checkbox-size:calc(var(--dwc-size-l) / 2);font-size:var(--dwc-font-size-l)}:host([expanse=m]){--dwc-checkbox-size:calc(var(--dwc-size-m) / 2);font-size:var(--dwc-font-size-m)}:host([expanse=s]){--dwc-checkbox-size:calc(var(--dwc-size-s) / 2);font-size:var(--dwc-font-size-s)}:host([expanse=xs]){--dwc-checkbox-size:calc(var(--dwc-size-xs) / 2);font-size:var(--dwc-font-size-xs)}";export{b as dwc_checkbox}