@utrecht/web-component-library-stencil
Version:
Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture
35 lines (29 loc) • 2.78 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
const index = require('./index-cdb0df7a.js');
const clsx = require('./clsx-708f7fb1.js');
const checkboxCss = ".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 UtrechtCheckboxStyle0 = checkboxCss;
const Checkbox = class {
constructor(hostRef) {
index.registerInstance(this, hostRef);
this.utrechtBlur = index.createEvent(this, "utrechtBlur", 7);
this.utrechtChange = index.createEvent(this, "utrechtChange", 7);
this.utrechtFocus = index.createEvent(this, "utrechtFocus", 7);
this.utrechtInput = index.createEvent(this, "utrechtInput", 7);
this.disabled = false;
this.readOnly = false;
this.checked = false;
this.value = '';
}
render() {
const { checked, disabled, value } = this;
return (index.h("input", { key: '237941bf96815e3a5f4934d79c081c0771f63348', class: clsx.clsx('utrecht-checkbox'), type: "checkbox", checked: checked, disabled: disabled, value: value, onBlur: (evt) => this.utrechtBlur.emit(evt), onChange: (evt) => this.utrechtChange.emit(evt), onFocus: (evt) => this.utrechtFocus.emit(evt), onInput: (evt) => {
this.checked = evt.target.checked;
this.utrechtInput.emit(evt);
} }));
}
};
Checkbox.style = UtrechtCheckboxStyle0;
exports.utrecht_checkbox = Checkbox;
//# sourceMappingURL=utrecht-checkbox.cjs.entry.js.map