@aceshooting/lyra-ui 2.0.0 → 2.2.0

package/dist/components/checkbox/checkbox.class.js

@@ -0,0 +1,328 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, svg, nothing } from 'lit';
+import { state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { AnchoredValidityController, VALIDITY_ANCHOR } from '../../internal/anchored-validity.js';
+import { styles } from './checkbox.styles.js';
+// Mirrors the shared icon set's viewBox/stroke conventions
+// (internal/icons.ts's chevronIcon()/closeIcon()/etc.) without importing
+// that module — it's off limits here — so the glyph still reads as part of
+// the same visual language as the rest of the library's inline icons.
+const GLYPH_VIEW_BOX = '0 0 24 24';
+const GLYPH_STROKE_WIDTH = '1.75';
+function checkmarkGlyph() {
+    return svg `
+    <svg
+      part="checkmark"
+      width="1em"
+      height="1em"
+      viewBox=${GLYPH_VIEW_BOX}
+      fill="none"
+      stroke="currentColor"
+      stroke-width=${GLYPH_STROKE_WIDTH}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      focusable="false"
+    ><polyline points="5 12.5 10 17.5 19 6.5"></polyline></svg>
+  `;
+}
+/** The indeterminate/mixed-state dash — takes priority over the checkmark. */
+function indeterminateGlyph() {
+    return svg `
+    <svg
+      part="checkmark"
+      width="1em"
+      height="1em"
+      viewBox=${GLYPH_VIEW_BOX}
+      fill="none"
+      stroke="currentColor"
+      stroke-width=${GLYPH_STROKE_WIDTH}
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      focusable="false"
+    ><line x1="5" y1="12" x2="19" y2="12"></line></svg>
+  `;
+}
+export class LyraCheckbox extends LyraElement {
+    static { this.styles = [LyraElement.styles, styles]; }
+    static { this.formAssociated = true; }
+    static { this.properties = {
+        checked: { type: Boolean, reflect: true, noAccessor: true },
+        indeterminate: { type: Boolean, reflect: true, noAccessor: true },
+        disabled: { type: Boolean, reflect: true, noAccessor: true },
+        name: { reflect: true, noAccessor: true },
+        required: { type: Boolean, reflect: true, noAccessor: true },
+        value: { noAccessor: true },
+    }; }
+    /** Whether the control is disabled explicitly or by an ancestor fieldset. */
+    get effectiveDisabled() {
+        return this.disabled || this._fieldsetDisabled;
+    }
+    get checked() {
+        return this._checked;
+    }
+    set checked(next) {
+        const old = this._checked;
+        this._checked = Boolean(next);
+        this.syncFormState();
+        this.requestUpdate('checked', old);
+    }
+    get indeterminate() {
+        return this._indeterminate;
+    }
+    set indeterminate(next) {
+        const old = this._indeterminate;
+        this._indeterminate = Boolean(next);
+        this.syncFormState();
+        this.requestUpdate('indeterminate', old);
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(next) {
+        const old = this._disabled;
+        this._disabled = Boolean(next);
+        this.toggleAttribute('disabled', this._disabled);
+        this.requestUpdate('disabled', old);
+    }
+    /** The form submission key, reflected synchronously for native form APIs. */
+    get name() {
+        return this._name;
+    }
+    set name(next) {
+        const old = this._name;
+        this._name = next ?? '';
+        if (this._name) {
+            this.setAttribute('name', this._name);
+        }
+        else {
+            this.removeAttribute('name');
+        }
+        this.requestUpdate('name', old);
+    }
+    get required() {
+        return this._required;
+    }
+    set required(next) {
+        const old = this._required;
+        this._required = Boolean(next);
+        this.toggleAttribute('required', this._required);
+        this.updateValidity();
+        this.requestUpdate('required', old);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(next) {
+        const old = this._value;
+        this._value = next ?? 'on';
+        this.syncFormState();
+        this.requestUpdate('value', old);
+    }
+    constructor() {
+        super();
+        // Visual-only mixed state, matching native `<input type="checkbox">`
+        // semantics: it does not affect `checked`'s own value, and a user
+        // interaction (click/keyboard) clears it back to `false`, exactly like the
+        // native control does.
+        // Tracks whether the default slot carries any real (non-whitespace)
+        // content, so the label wrapper — and the gap next to the box — can
+        // collapse to nothing for an icon-only/aria-label-only checkbox instead of
+        // leaving a stray empty gap. See lyra-switch's identical field for why
+        // `assignedNodes` (not `assignedElements`) is checked — the common case is
+        // a bare slotted text label, e.g. `<lyra-checkbox>Accept terms</lyra-checkbox>`.
+        this.hasLabelSlot = false;
+        // Set on the control's first `blur`; gates the `data-invalid`/`aria-invalid`
+        // reflection below so validity styling never flashes on first render,
+        // mirroring `<lyra-combobox>`/`<lyra-select>`'s identical `touched` field.
+        this.touched = false;
+        // What `form.reset()` restores to — captured once from the declarative
+        // `checked` content attribute at first connect. A pre-connect `.checked`
+        // property assignment changes live state but not the reset default, matching
+        // native `checked`/`defaultChecked` semantics. `checked` reflects, so unlike `FormAssociated`'s
+        // non-reflecting `value` this can't be captured from
+        // `attributeChangedCallback` alone — that would also fire (and wrongly
+        // redefine the default) every time the property setter reflects a later
+        // user toggle back into the attribute. Guarding with a one-shot flag
+        // instead mirrors `<lyra-combobox>`'s `_defaultCaptured`/`_defaultSelected`
+        // and `<lyra-switch>`'s identical `_defaultChecked`.
+        this._defaultChecked = false;
+        this._defaultCaptured = false;
+        this._fieldsetDisabled = false;
+        this._name = '';
+        this._checked = false;
+        this._indeterminate = false;
+        this._disabled = false;
+        this._required = false;
+        this._value = 'on';
+        this.onClick = () => {
+            this.toggle();
+        };
+        this.onKeyDown = (e) => {
+            if (this.effectiveDisabled)
+                return;
+            // Space/Enter both activate, matching lyra-switch's onKeyDown (and
+            // lyra-table's sortable-header/row convention) for role-based clickable
+            // elements — bound to keydown, not keyup/native click-forwarding.
+            if (e.key === ' ' || e.key === 'Spacebar' || e.key === 'Enter') {
+                // Space would otherwise scroll the page, same as a native checkbox.
+                e.preventDefault();
+                this.toggle();
+            }
+        };
+        this.onSlotChange = () => {
+            this.recomputeHasLabelSlot();
+        };
+        this.onBlur = () => {
+            this.touched = true;
+            this.reflectInvalid();
+        };
+        this.internals = this.attachInternals();
+        this.validityController = new AnchoredValidityController(this, this.internals, () => this[VALIDITY_ANCHOR]());
+        this.syncFormState();
+    }
+    get form() {
+        return this.internals.form;
+    }
+    get labels() {
+        return this.internals.labels;
+    }
+    get validity() {
+        return this.internals.validity;
+    }
+    get validationMessage() {
+        return this.internals.validationMessage;
+    }
+    get willValidate() {
+        return this.internals.willValidate;
+    }
+    /** @internal */
+    [VALIDITY_ANCHOR]() {
+        return this.renderRoot?.querySelector('[part="base"]') ?? null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this._defaultCaptured) {
+            this._defaultCaptured = true;
+            this._defaultChecked = this.hasAttribute('checked');
+        }
+        this.updateValidity();
+        this.labelObserver = new MutationObserver(() => this.recomputeHasLabelSlot());
+        this.labelObserver.observe(this, { childList: true, subtree: true, characterData: true });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.labelObserver?.disconnect();
+        this.labelObserver = undefined;
+    }
+    willUpdate() {
+        // Seed `hasLabelSlot` from the light-DOM children synchronously before
+        // the very first render (same `!hasUpdated` guard as combobox/date-input's
+        // `hasHintSlot` etc.) so declaratively-provided label text doesn't flash
+        // hidden for one frame while waiting on the first `slotchange` event.
+        if (!this.hasUpdated) {
+            this.hasLabelSlot = Array.from(this.childNodes).some((n) => (n.textContent ?? '').trim().length > 0);
+        }
+    }
+    updateValidity() {
+        if (this.required && !this.checked) {
+            this.validityController.setValidity({ valueMissing: true }, 'Please check this box if you want to continue.');
+        }
+        else {
+            this.validityController.setValidity({});
+        }
+        this.reflectInvalid();
+    }
+    // Keeps `data-invalid` (styling hook) in lockstep with `aria-invalid`
+    // (rendered from the same expression in `render()`) any time validity
+    // could have changed, rather than waiting on Lit's async `updated()` --
+    // consistent with this component's already-synchronous
+    // `syncFormState()`/setter shape.
+    reflectInvalid() {
+        this.toggleAttribute('data-invalid', this.touched && !this.internals.validity.valid);
+    }
+    syncFormState() {
+        // A native checkbox submits its `value` content attribute (default
+        // "on") only while checked, and contributes nothing at all — not even
+        // an empty string — while unchecked.
+        const state = `${this.checked ? 'checked' : 'unchecked'}${this.indeterminate ? '/indeterminate' : ''}`;
+        this.internals.setFormValue(this.checked ? this.value : null, state);
+        this.updateValidity();
+    }
+    formResetCallback() {
+        this.checked = this._defaultChecked;
+    }
+    formStateRestoreCallback(state, _mode) {
+        const oldChecked = this._checked;
+        const oldIndeterminate = this._indeterminate;
+        this._checked = state === 'checked' || state === 'checked/indeterminate';
+        this._indeterminate = state === 'checked/indeterminate' || state === 'unchecked/indeterminate';
+        this.syncFormState();
+        this.requestUpdate('checked', oldChecked);
+        this.requestUpdate('indeterminate', oldIndeterminate);
+    }
+    formDisabledCallback(disabled) {
+        this._fieldsetDisabled = disabled;
+        this.requestUpdate();
+    }
+    checkValidity() {
+        return this.internals.checkValidity();
+    }
+    reportValidity() {
+        return this.internals.reportValidity();
+    }
+    toggle() {
+        if (this.effectiveDisabled)
+            return;
+        this.checked = !this.checked;
+        this.indeterminate = false;
+        this.emit('lyra-change', { checked: this.checked });
+    }
+    // Shared by `onSlotChange` (the "set of distributed nodes changed" case)
+    // and `labelObserver` (the "an already-slotted node mutated in place"
+    // case) so both paths agree on what counts as real label content.
+    recomputeHasLabelSlot() {
+        const slot = this.renderRoot.querySelector('slot');
+        if (!slot)
+            return;
+        const nodes = slot.assignedNodes({ flatten: true });
+        this.hasLabelSlot = nodes.some((n) => (n.textContent ?? '').trim().length > 0);
+    }
+    render() {
+        const mixed = this.indeterminate;
+        return html `
+      <span
+        part="base"
+        role="checkbox"
+        tabindex=${this.effectiveDisabled ? '-1' : '0'}
+        aria-checked=${mixed ? 'mixed' : this.checked ? 'true' : 'false'}
+        aria-required=${this.required ? 'true' : nothing}
+        aria-invalid=${this.touched && !this.internals.validity.valid ? 'true' : 'false'}
+        aria-disabled=${this.effectiveDisabled ? 'true' : nothing}
+        aria-label=${this.getAttribute('aria-label') || nothing}
+        @click=${this.onClick}
+        @keydown=${this.onKeyDown}
+        @blur=${this.onBlur}
+      >
+        <span part="box"> ${mixed ? indeterminateGlyph() : this.checked ? checkmarkGlyph() : nothing} </span>
+        <span part="label" ?hidden=${!this.hasLabelSlot}>
+          <slot @slotchange=${this.onSlotChange}></slot>
+        </span>
+      </span>
+    `;
+    }
+}
+__decorate([
+    state()
+], LyraCheckbox.prototype, "hasLabelSlot", void 0);
+__decorate([
+    state()
+], LyraCheckbox.prototype, "touched", void 0);
+//# sourceMappingURL=checkbox.class.js.map

package/dist/components/checkbox/checkbox.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.class.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.class.ts"],"names":[],"mappings":"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"}

package/dist/components/checkbox/checkbox.d.ts

@@ -1,59 +1,2 @@
-import { type TemplateResult, type PropertyValues } from 'lit';
-import { LyraElement } from '../../internal/lyra-element.js';
-/**
- * `<lyra-checkbox>` — a boolean form control. Structurally the same idea as
- * `<lyra-switch>` (form-associated via `ElementInternals`, click and
- * Space/Enter both toggle) but with checkbox semantics: `role="checkbox"` +
- * an `aria-checked` that can also be `"mixed"`, and a visual box/checkmark
- * instead of a track/thumb.
- *
- * `checked` is not a plain string, so this attaches `ElementInternals`
- * directly and implements its own `updateValidity()` rather than using the
- * `FormAssociated` mixin — see `<lyra-combobox>` for the same
- * direct-`ElementInternals` shape with a non-string value.
- *
- * @customElement lyra-checkbox
- * @slot - Label text, rendered next to the box. Clicking it toggles the
- * checkbox, the same as clicking a native checkbox's associated `<label>`.
- * If left empty, set `aria-label` on the host so the control still has an
- * accessible name.
- * @event lyra-change - The user toggled the checkbox (click or Space/Enter).
- * `detail: { checked }`. Not fired for a programmatic `.checked` assignment.
- * @csspart base - The whole interactive control (`role="checkbox"`); wraps the box and label.
- * @csspart box - The small square that shows the checkmark/indeterminate dash.
- * @csspart checkmark - The checkmark (or indeterminate dash) glyph inside the box.
- * @csspart label - The wrapper around the default slot.
- */
-export declare class LyraCheckbox extends LyraElement {
-    static styles: import("lit").CSSResultGroup[];
-    static formAssociated: boolean;
-    checked: boolean;
-    indeterminate: boolean;
-    disabled: boolean;
-    required: boolean;
-    name: string;
-    value: string;
-    private hasLabelSlot;
-    private internals;
-    private _defaultChecked;
-    private _defaultCaptured;
-    constructor();
-    connectedCallback(): void;
-    protected willUpdate(): void;
-    private updateValidity;
-    protected updated(changed: PropertyValues): void;
-    formResetCallback(): void;
-    formDisabledCallback(disabled: boolean): void;
-    checkValidity(): boolean;
-    reportValidity(): boolean;
-    private toggle;
-    private onClick;
-    private onKeyDown;
-    private onSlotChange;
-    render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'lyra-checkbox': LyraCheckbox;
-    }
-}
+export * from './checkbox.class.js';
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/components/checkbox/checkbox.js

@@ -1,230 +1,5 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, svg, nothing } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { LyraElement } from '../../internal/lyra-element.js';
+export * from './checkbox.class.js';
+import { LyraCheckbox } from './checkbox.class.js';
 import { defineElement } from '../../internal/prefix.js';
-import { styles } from './checkbox.styles.js';
-// Mirrors the shared icon set's viewBox/stroke conventions
-// (internal/icons.ts's chevronIcon()/closeIcon()/etc.) without importing
-// that module — it's off limits here — so the glyph still reads as part of
-// the same visual language as the rest of the library's inline icons.
-const GLYPH_VIEW_BOX = '0 0 24 24';
-const GLYPH_STROKE_WIDTH = '1.75';
-function checkmarkGlyph() {
-    return svg `
-    <svg
-      part="checkmark"
-      width="1em"
-      height="1em"
-      viewBox=${GLYPH_VIEW_BOX}
-      fill="none"
-      stroke="currentColor"
-      stroke-width=${GLYPH_STROKE_WIDTH}
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-      focusable="false"
-    ><polyline points="5 12.5 10 17.5 19 6.5"></polyline></svg>
-  `;
-}
-/** The indeterminate/mixed-state dash — takes priority over the checkmark. */
-function indeterminateGlyph() {
-    return svg `
-    <svg
-      part="checkmark"
-      width="1em"
-      height="1em"
-      viewBox=${GLYPH_VIEW_BOX}
-      fill="none"
-      stroke="currentColor"
-      stroke-width=${GLYPH_STROKE_WIDTH}
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-      focusable="false"
-    ><line x1="5" y1="12" x2="19" y2="12"></line></svg>
-  `;
-}
-/**
- * `<lyra-checkbox>` — a boolean form control. Structurally the same idea as
- * `<lyra-switch>` (form-associated via `ElementInternals`, click and
- * Space/Enter both toggle) but with checkbox semantics: `role="checkbox"` +
- * an `aria-checked` that can also be `"mixed"`, and a visual box/checkmark
- * instead of a track/thumb.
- *
- * `checked` is not a plain string, so this attaches `ElementInternals`
- * directly and implements its own `updateValidity()` rather than using the
- * `FormAssociated` mixin — see `<lyra-combobox>` for the same
- * direct-`ElementInternals` shape with a non-string value.
- *
- * @customElement lyra-checkbox
- * @slot - Label text, rendered next to the box. Clicking it toggles the
- * checkbox, the same as clicking a native checkbox's associated `<label>`.
- * If left empty, set `aria-label` on the host so the control still has an
- * accessible name.
- * @event lyra-change - The user toggled the checkbox (click or Space/Enter).
- * `detail: { checked }`. Not fired for a programmatic `.checked` assignment.
- * @csspart base - The whole interactive control (`role="checkbox"`); wraps the box and label.
- * @csspart box - The small square that shows the checkmark/indeterminate dash.
- * @csspart checkmark - The checkmark (or indeterminate dash) glyph inside the box.
- * @csspart label - The wrapper around the default slot.
- */
-export class LyraCheckbox extends LyraElement {
-    static { this.styles = [LyraElement.styles, styles]; }
-    static { this.formAssociated = true; }
-    constructor() {
-        super();
-        this.checked = false;
-        // Visual-only mixed state, matching native `<input type="checkbox">`
-        // semantics: it does not affect `checked`'s own value, and a user
-        // interaction (click/keyboard) clears it back to `false`, exactly like the
-        // native control does.
-        this.indeterminate = false;
-        this.disabled = false;
-        this.required = false;
-        this.name = '';
-        this.value = 'on';
-        // Tracks whether the default slot carries any real (non-whitespace)
-        // content, so the label wrapper — and the gap next to the box — can
-        // collapse to nothing for an icon-only/aria-label-only checkbox instead of
-        // leaving a stray empty gap. See lyra-switch's identical field for why
-        // `assignedNodes` (not `assignedElements`) is checked — the common case is
-        // a bare slotted text label, e.g. `<lyra-checkbox>Accept terms</lyra-checkbox>`.
-        this.hasLabelSlot = false;
-        // What `form.reset()` restores to — captured once, from whatever `checked`
-        // reads at first connect (i.e. whatever the declarative `checked`
-        // attribute parsed to, since attribute parsing happens before
-        // `connectedCallback`). `checked` reflects, so unlike `FormAssociated`'s
-        // non-reflecting `value` this can't be captured from
-        // `attributeChangedCallback` alone — that would also fire (and wrongly
-        // redefine the default) every time the property setter reflects a later
-        // user toggle back into the attribute. Guarding with a one-shot flag
-        // instead mirrors `<lyra-combobox>`'s `_defaultCaptured`/`_defaultSelected`
-        // and `<lyra-switch>`'s identical `_defaultChecked`.
-        this._defaultChecked = false;
-        this._defaultCaptured = false;
-        this.onClick = () => {
-            this.toggle();
-        };
-        this.onKeyDown = (e) => {
-            if (this.disabled)
-                return;
-            // Space/Enter both activate, matching lyra-switch's onKeyDown (and
-            // lyra-table's sortable-header/row convention) for role-based clickable
-            // elements — bound to keydown, not keyup/native click-forwarding.
-            if (e.key === ' ' || e.key === 'Spacebar' || e.key === 'Enter') {
-                // Space would otherwise scroll the page, same as a native checkbox.
-                e.preventDefault();
-                this.toggle();
-            }
-        };
-        this.onSlotChange = (e) => {
-            const nodes = e.target.assignedNodes({ flatten: true });
-            this.hasLabelSlot = nodes.some((n) => (n.textContent ?? '').trim().length > 0);
-        };
-        this.internals = this.attachInternals();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this._defaultCaptured) {
-            this._defaultCaptured = true;
-            this._defaultChecked = this.checked;
-        }
-        this.updateValidity();
-    }
-    willUpdate() {
-        // Seed `hasLabelSlot` from the light-DOM children synchronously before
-        // the very first render (same `!hasUpdated` guard as combobox/date-input's
-        // `hasHintSlot` etc.) so declaratively-provided label text doesn't flash
-        // hidden for one frame while waiting on the first `slotchange` event.
-        if (!this.hasUpdated) {
-            this.hasLabelSlot = Array.from(this.childNodes).some((n) => (n.textContent ?? '').trim().length > 0);
-        }
-    }
-    updateValidity() {
-        if (this.required && !this.checked) {
-            this.internals.setValidity({ valueMissing: true }, 'Please check this box if you want to continue.');
-        }
-        else {
-            this.internals.setValidity({});
-        }
-    }
-    updated(changed) {
-        if (changed.has('checked') || changed.has('value')) {
-            // A native checkbox submits its `value` content attribute (default
-            // "on") only while checked, and contributes nothing at all — not even
-            // an empty string — while unchecked.
-            this.internals.setFormValue(this.checked ? this.value : null);
-        }
-        if (changed.has('checked') || changed.has('required')) {
-            this.updateValidity();
-        }
-    }
-    formResetCallback() {
-        this.checked = this._defaultChecked;
-    }
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
-    checkValidity() {
-        return this.internals.checkValidity();
-    }
-    reportValidity() {
-        return this.internals.reportValidity();
-    }
-    toggle() {
-        if (this.disabled)
-            return;
-        this.checked = !this.checked;
-        this.indeterminate = false;
-        this.emit('lyra-change', { checked: this.checked });
-    }
-    render() {
-        const mixed = this.indeterminate;
-        return html `
-      <span
-        part="base"
-        role="checkbox"
-        tabindex=${this.disabled ? '-1' : '0'}
-        aria-checked=${mixed ? 'mixed' : this.checked ? 'true' : 'false'}
-        aria-required=${this.required ? 'true' : nothing}
-        aria-disabled=${this.disabled ? 'true' : nothing}
-        aria-label=${this.getAttribute('aria-label') || nothing}
-        @click=${this.onClick}
-        @keydown=${this.onKeyDown}
-      >
-        <span part="box"> ${mixed ? indeterminateGlyph() : this.checked ? checkmarkGlyph() : nothing} </span>
-        <span part="label" ?hidden=${!this.hasLabelSlot}>
-          <slot @slotchange=${this.onSlotChange}></slot>
-        </span>
-      </span>
-    `;
-    }
-}
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraCheckbox.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraCheckbox.prototype, "indeterminate", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraCheckbox.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], LyraCheckbox.prototype, "required", void 0);
-__decorate([
-    property()
-], LyraCheckbox.prototype, "name", void 0);
-__decorate([
-    property()
-], LyraCheckbox.prototype, "value", void 0);
-__decorate([
-    state()
-], LyraCheckbox.prototype, "hasLabelSlot", void 0);
 defineElement('checkbox', LyraCheckbox);
+//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC"}

package/dist/components/checkbox/checkbox.styles.d.ts

@@ -1 +1,2 @@
 export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=checkbox.styles.d.ts.map

package/dist/components/checkbox/checkbox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2ElB,CAAC"}