@utrecht/web-component-library-stencil 1.0.0-alpha.196 → 1.0.0-alpha.199

package/dist/utrecht/p-df7b5348.entry.js

@@ -1 +0,0 @@
-import{r as c,c as o,h as t}from"./p-8ca6b8b1.js";import{c as e}from"./p-4070c1e5.js";const r=class{constructor(t){c(this,t),this.utrechtBlur=o(this,"utrechtBlur",7),this.utrechtChange=o(this,"utrechtChange",7),this.utrechtFocus=o(this,"utrechtFocus",7),this.utrechtInput=o(this,"utrechtInput",7),this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.invalid=!1,this.required=!1}render(){const{checked:c,disabled:o,indeterminate:r,invalid:u,required:h}=this,s=()=>{this.disabled||(this.checked=!this.checked,this.utrechtInput.emit(this),this.utrechtChange.emit(this))};return t("div",{class:"utrecht-custom-checkbox",role:"checkbox",tabIndex:o?null:0,"aria-checked":r?"mixed":c?"true":"false","aria-disabled":o?"true":null,"aria-invalid":u?"true":null,"aria-required":h?"true":null,onClick:()=>{s()},onKeyPress:c=>{"Space"!==c.code&&" "!==c.key||c.preventDefault()},onKeyUp:c=>{"Space"!==c.code&&" "!==c.key||s()}},t("div",{class:e("utrecht-custom-checkbox__box",!1,c&&"utrecht-custom-checkbox__box--checked",!c&&"utrecht-custom-checkbox__box--not-checked",o&&"utrecht-custom-checkbox__box--disabled",u&&"utrecht-custom-checkbox__box--invalid",r&&"utrecht-custom-checkbox__box--indeterminate")},c&&t("utrecht-icon-checkmark",{class:"utrecht-custom-checkbox__icon"},"✔"),r&&t("utrecht-icon-indeterminate",{class:"utrecht-custom-checkbox__icon"},"■")))}};r.style=".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}.utrecht-checkbox--disabled,.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-checkbox--html-input:focus:not(:focus-visible){box-shadow:none;outline-style:none}.utrecht-custom-checkbox{--utrecht-icon-size:var(--utrecht-custom-checkbox-icon-size, calc(0.75 * var(--utrecht-custom-checkbox-size)));display:inline-block;height:var(--utrecht-custom-checkbox-size);position:relative;width:var(--utrecht-custom-checkbox-size)}.utrecht-custom-checkbox__input,.utrecht-custom-checkbox__box{left:0;position:absolute;top:0}.utrecht-custom-checkbox__input{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;height:var(--utrecht-custom-checkbox-size);opacity:0%;width:var(--utrecht-custom-checkbox-size);z-index:10}.utrecht-custom-checkbox__box{align-items:center;background-color:var(--utrecht-custom-checkbox-background-color);border-color:var(--utrecht-custom-checkbox-border-color, var(--utrecht-form-input-border-color));border-radius:var(--utrecht-custom-checkbox-border-radius, var(--utrecht-form-input-border-radius));border-style:solid;border-width:var(--utrecht-custom-checkbox-border-width, var(--utrecht-form-input-border-width));box-sizing:border-box;color:var(--utrecht-custom-checkbox-color);display:flex;height:var(--utrecht-custom-checkbox-size);justify-content:center;pointer-events:none;width:var(--utrecht-custom-checkbox-size);z-index:1000}.utrecht-custom-checkbox__box--checked{background-color:var(--utrecht-custom-checkbox-checked-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-checked-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-checked-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-checked-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--disabled{background-color:var(--utrecht-custom-checkbox-disabled-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-disabled-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-disabled-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-disabled-color, var(--utrecht-custom-checkbox-color));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-custom-checkbox__box--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box{color:var(--utrecht-custom-checkbox-indeterminate-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--invalid{background-color:var(--utrecht-custom-checkbox-invalid-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-invalid-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-invalid-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-invalid-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--active{background-color:var(--utrecht-custom-checkbox-active-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-active-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-active-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-active-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus,.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{background-color:var(--utrecht-custom-checkbox-focus-background-color, var(--utrecht-custom-checkbox-background-color));border-color:var(--utrecht-custom-checkbox-focus-border-color, var(--utrecht-custom-checkbox-border-color));border-width:var(--utrecht-custom-checkbox-focus-border-width, var(--utrecht-custom-checkbox-border-width));color:var(--utrecht-custom-checkbox-focus-color, var(--utrecht-custom-checkbox-color))}.utrecht-custom-checkbox__box--focus-visible{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus~.utrecht-custom-checkbox__box{box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-color:var(--utrecht-focus-outline-color, transparent);outline-offset:0;outline-style:var(--utrecht-focus-outline-style, solid);outline-width:var(--utrecht-focus-outline-width, 0)}.utrecht-custom-checkbox__input:focus:not(:focus-visible)~.utrecht-custom-checkbox__box{box-shadow:none;outline-style:none}.utrecht-custom-checkbox__icon--checked,.utrecht-custom-checkbox__icon--indeterminate{display:none}.utrecht-custom-checkbox__box--checked .utrecht-custom-checkbox__icon--checked{display:block}.utrecht-custom-checkbox__box--indeterminate .utrecht-custom-checkbox__icon--indeterminate,.utrecht-custom-checkbox__input:indeterminate~.utrecht-custom-checkbox__box .utrecht-custom-checkbox__icon--indeterminate{display:block}:host{display:block}:host([hidden]){display:none !important}";export{r as utrecht_custom_checkbox}