UNPKG

@utrecht/web-component-library-stencil

Version:

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

2 lines 2.21 kB
import{r as t,c as e,h as r}from"./p-8dcab6dc.js";import{c as o}from"./p-e91d8a25.js";const c=".utrecht-checkbox{margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;cursor:var(--utrecht-action-activate-cursor, revert);-webkit-user-select:none;user-select:none}.utrecht-checkbox--disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-checkbox--html-input:disabled{cursor:var(--utrecht-action-disabled-cursor, revert)}.utrecht-checkbox--html-input :focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}:host{display:block}:host([hidden]){display:none !important}";const s=c;const u=class{constructor(r){t(this,r);this.utrechtBlur=e(this,"utrechtBlur",7);this.utrechtChange=e(this,"utrechtChange",7);this.utrechtFocus=e(this,"utrechtFocus",7);this.utrechtInput=e(this,"utrechtInput",7);this.disabled=false;this.readOnly=false;this.checked=false;this.value=""}render(){const{checked:t,disabled:e,value:c}=this;return r("input",{key:"237941bf96815e3a5f4934d79c081c0771f63348",class:o("utrecht-checkbox"),type:"checkbox",checked:t,disabled:e,value:c,onBlur:t=>this.utrechtBlur.emit(t),onChange:t=>this.utrechtChange.emit(t),onFocus:t=>this.utrechtFocus.emit(t),onInput:t=>{this.checked=t.target.checked;this.utrechtInput.emit(t)}})}};u.style=s;export{u as utrecht_checkbox}; //# sourceMappingURL=p-36fe4680.entry.js.map