@nldd/design-system 0.8.37

package/dist/components/index.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Nederlandse Digitale Dienst Design System Components
+ *
+ * Import this file to register all components:
+ * import '@nldd/design-system';
+ *
+ * Or import individual components:
+ * import '@nldd/design-system/button';
+ */
+export { NLDDButton } from './actions/button/button.js';
+export { NLDDIconButton } from './actions/icon-button/icon-button.js';
+export { NLDDSplitButton } from './actions/split-button/split-button.js';
+export { NLDDButtonGroup } from './actions/button-group/button-group.js';
+export { NLDDButtonBar } from './actions/button-bar/button-bar.js';
+export { NLDDToolbar } from './actions/toolbar/toolbar.js';
+export { NLDDLink } from './actions/link/link.js';
+export { NLDDIcon } from './content/icon/icon.js';
+export { NLDDRichText } from './content/rich-text/rich-text.js';
+export { NLDDTitle } from './content/title/title.js';
+export { NLDDTooltip } from './content/tooltip/tooltip.js';
+export { NLDDBlockquote } from './content/blockquote/blockquote.js';
+export { NLDDTag } from './content/tag/tag.js';
+export { NLDDKeyboardShortcut } from './content/keyboard-shortcut/keyboard-shortcut.js';
+export { NLDDForm } from './forms/form/form.js';
+export { NLDDFormActions } from './forms/form-actions/form-actions.js';
+export { NLDDFormField } from './forms/form-field/form-field.js';
+export { NLDDFormSection } from './forms/form-section/form-section.js';
+export { NLDDTextField } from './inputs/text-field/text-field.js';
+export { NLDDPasswordField } from './inputs/password-field/password-field.js';
+export { NLDDSearchField } from './inputs/search-field/search-field.js';
+export { NLDDNumberField } from './inputs/number-field/number-field.js';
+export { NLDDDropdown } from './inputs/dropdown/dropdown.js';
+export { NLDDComboBox } from './inputs/combo-box/combo-box.js';
+export { NLDDStepper } from './inputs/stepper/stepper.js';
+export { NLDDCheckbox } from './inputs/checkbox/checkbox.js';
+export { NLDDCheckboxField } from './inputs/checkbox-field/checkbox-field.js';
+export { NLDDRadioButton } from './inputs/radio-button/radio-button.js';
+export { NLDDRadioButtonField } from './inputs/radio-button-field/radio-button-field.js';
+export { NLDDRadioButtonGroup } from './inputs/radio-button-group/radio-button-group.js';
+export { NLDDSwitch } from './inputs/switch/switch.js';
+export { NLDDSwitchField } from './inputs/switch-field/switch-field.js';
+export { NLDDSegmentedControl } from './inputs/segmented-control/segmented-control.js';
+export { NLDDToggleButton } from './inputs/toggle-button/toggle-button.js';
+export { NLDDToggleButtonGroup } from './inputs/toggle-button-group/toggle-button-group.js';
+export { NLDDToken } from './inputs/token/token.js';
+export { NLDDAppView } from './layout/app-view/app-view.js';
+export { NLDDBarSplitView } from './layout/split-views/bar-split-view/bar-split-view.js';
+export { NLDDNavigationSplitView } from './layout/split-views/navigation-split-view/navigation-split-view.js';
+export { NLDDSideBySideSplitView } from './layout/split-views/side-by-side-split-view/side-by-side-split-view.js';
+export { NLDDStackedSplitView } from './layout/split-views/stacked-split-view/stacked-split-view.js';
+export { NLDDSplitViewPane } from './layout/split-views/split-view-pane/split-view-pane.js';
+export { NLDDPage } from './layout/page/page.js';
+export { NLDDSimpleSection } from './layout/page-sections/simple-section/simple-section.js';
+export { NLDDFullBleedSection } from './layout/page-sections/full-bleed-section/full-bleed-section.js';
+export { NLDDOneThirdTwoThirdsSection } from './layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js';
+export { NLDDTwoThirdsOneThirdSection } from './layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js';
+export { NLDDOneHalfOneHalfSection } from './layout/page-sections/one-half-one-half-section/one-half-one-half-section.js';
+export { NLDDBox } from './layout/box/box.js';
+export { NLDDCard } from './layout/card/card.js';
+export { NLDDCollection } from './layout/collection/collection.js';
+export { NLDDSpacer } from './layout/spacer/spacer.js';
+export { NLDDContainer } from './layout/container/container.js';
+export { NLDDDivider } from './layout/divider/divider.js';
+export { NLDDPopover } from './layout/popover/popover.js';
+export { NLDDSheet } from './layout/sheet/sheet.js';
+export { NLDDWindow } from './layout/window/window.js';
+export { NLDDMenu } from './lists-and-menus/menu/menu.js';
+export { NLDDList } from './lists-and-menus/list/list.js';
+export { NLDDListItem } from './lists-and-menus/list-item/list-item.js';
+export { NLDDCell } from './lists-and-menus/cells/cell/cell.js';
+export { NLDDSpacerCell } from './lists-and-menus/cells/spacer-cell/spacer-cell.js';
+export { NLDDIconCell } from './lists-and-menus/cells/icon-cell/icon-cell.js';
+export { NLDDTitleCell } from './lists-and-menus/cells/title-cell/title-cell.js';
+export { NLDDTextCell } from './lists-and-menus/cells/text-cell/text-cell.js';
+export { NLDDDescriptionCell } from './lists-and-menus/cells/description-cell/description-cell.js';
+export { NLDDDragHandleCell } from './lists-and-menus/cells/drag-handle-cell/drag-handle-cell.js';
+export { NLDDTimelineTrackCell } from './lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js';
+export { NLDDMenuBar } from './navigation/menu-bar/menu-bar.js';
+export { NLDDMenuBarItem } from './navigation/menu-bar-item/menu-bar-item.js';
+export { NLDDSkipLink } from './navigation/skip-link/skip-link.js';
+export { NLDDTopNavigationBar } from './navigation/top-navigation-bar/top-navigation-bar.js';
+export { NLDDTopTitleBar } from './navigation/top-title-bar/top-title-bar.js';
+export { NLDDTabBar } from './navigation/tab-bar/tab-bar.js';
+export { NLDDDocumentTabBar } from './navigation/document-tab-bar/document-tab-bar.js';
+export { NLDDPagination } from './navigation/pagination/pagination.js';
+export { NLDDModalDialog } from './status-and-feedback/modal-dialog/modal-dialog.js';
+export { NLDDInlineDialog } from './status-and-feedback/inline-dialog/inline-dialog.js';
+export { NLDDBadge } from './status-and-feedback/badge/badge.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/index.js

@@ -0,0 +1,98 @@
+/**
+ * Nederlandse Digitale Dienst Design System Components
+ *
+ * Import this file to register all components:
+ * import '@nldd/design-system';
+ *
+ * Or import individual components:
+ * import '@nldd/design-system/button';
+ */
+// # Action components
+export { NLDDButton } from './actions/button/button.js';
+export { NLDDIconButton } from './actions/icon-button/icon-button.js';
+export { NLDDSplitButton } from './actions/split-button/split-button.js';
+export { NLDDButtonGroup } from './actions/button-group/button-group.js';
+export { NLDDButtonBar } from './actions/button-bar/button-bar.js';
+export { NLDDToolbar } from './actions/toolbar/toolbar.js';
+export { NLDDLink } from './actions/link/link.js';
+// # Content components
+export { NLDDIcon } from './content/icon/icon.js';
+export { NLDDRichText } from './content/rich-text/rich-text.js';
+export { NLDDTitle } from './content/title/title.js';
+export { NLDDTooltip } from './content/tooltip/tooltip.js';
+export { NLDDBlockquote } from './content/blockquote/blockquote.js';
+export { NLDDTag } from './content/tag/tag.js';
+export { NLDDKeyboardShortcut } from './content/keyboard-shortcut/keyboard-shortcut.js';
+// # Forms components
+export { NLDDForm } from './forms/form/form.js';
+export { NLDDFormActions } from './forms/form-actions/form-actions.js';
+export { NLDDFormField } from './forms/form-field/form-field.js';
+export { NLDDFormSection } from './forms/form-section/form-section.js';
+// # Input components
+export { NLDDTextField } from './inputs/text-field/text-field.js';
+export { NLDDPasswordField } from './inputs/password-field/password-field.js';
+export { NLDDSearchField } from './inputs/search-field/search-field.js';
+export { NLDDNumberField } from './inputs/number-field/number-field.js';
+export { NLDDDropdown } from './inputs/dropdown/dropdown.js';
+export { NLDDComboBox } from './inputs/combo-box/combo-box.js';
+export { NLDDStepper } from './inputs/stepper/stepper.js';
+export { NLDDCheckbox } from './inputs/checkbox/checkbox.js';
+export { NLDDCheckboxField } from './inputs/checkbox-field/checkbox-field.js';
+export { NLDDRadioButton } from './inputs/radio-button/radio-button.js';
+export { NLDDRadioButtonField } from './inputs/radio-button-field/radio-button-field.js';
+export { NLDDRadioButtonGroup } from './inputs/radio-button-group/radio-button-group.js';
+export { NLDDSwitch } from './inputs/switch/switch.js';
+export { NLDDSwitchField } from './inputs/switch-field/switch-field.js';
+export { NLDDSegmentedControl } from './inputs/segmented-control/segmented-control.js';
+export { NLDDToggleButton } from './inputs/toggle-button/toggle-button.js';
+export { NLDDToggleButtonGroup } from './inputs/toggle-button-group/toggle-button-group.js';
+export { NLDDToken } from './inputs/token/token.js';
+// # Layout components
+export { NLDDAppView } from './layout/app-view/app-view.js';
+export { NLDDBarSplitView } from './layout/split-views/bar-split-view/bar-split-view.js';
+export { NLDDNavigationSplitView } from './layout/split-views/navigation-split-view/navigation-split-view.js';
+export { NLDDSideBySideSplitView } from './layout/split-views/side-by-side-split-view/side-by-side-split-view.js';
+export { NLDDStackedSplitView } from './layout/split-views/stacked-split-view/stacked-split-view.js';
+export { NLDDSplitViewPane } from './layout/split-views/split-view-pane/split-view-pane.js';
+export { NLDDPage } from './layout/page/page.js';
+export { NLDDSimpleSection } from './layout/page-sections/simple-section/simple-section.js';
+export { NLDDFullBleedSection } from './layout/page-sections/full-bleed-section/full-bleed-section.js';
+export { NLDDOneThirdTwoThirdsSection } from './layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js';
+export { NLDDTwoThirdsOneThirdSection } from './layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js';
+export { NLDDOneHalfOneHalfSection } from './layout/page-sections/one-half-one-half-section/one-half-one-half-section.js';
+export { NLDDBox } from './layout/box/box.js';
+export { NLDDCard } from './layout/card/card.js';
+export { NLDDCollection } from './layout/collection/collection.js';
+export { NLDDSpacer } from './layout/spacer/spacer.js';
+export { NLDDContainer } from './layout/container/container.js';
+export { NLDDDivider } from './layout/divider/divider.js';
+export { NLDDPopover } from './layout/popover/popover.js';
+export { NLDDSheet } from './layout/sheet/sheet.js';
+export { NLDDWindow } from './layout/window/window.js';
+// # List and Menu components
+export { NLDDMenu } from './lists-and-menus/menu/menu.js';
+export { NLDDList } from './lists-and-menus/list/list.js';
+export { NLDDListItem } from './lists-and-menus/list-item/list-item.js';
+export { NLDDCell } from './lists-and-menus/cells/cell/cell.js';
+export { NLDDSpacerCell } from './lists-and-menus/cells/spacer-cell/spacer-cell.js';
+export { NLDDIconCell } from './lists-and-menus/cells/icon-cell/icon-cell.js';
+export { NLDDTitleCell } from './lists-and-menus/cells/title-cell/title-cell.js';
+export { NLDDTextCell } from './lists-and-menus/cells/text-cell/text-cell.js';
+export { NLDDDescriptionCell } from './lists-and-menus/cells/description-cell/description-cell.js';
+export { NLDDDragHandleCell } from './lists-and-menus/cells/drag-handle-cell/drag-handle-cell.js';
+export { NLDDTimelineTrackCell } from './lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js';
+// # Navigation components
+export { NLDDMenuBar } from './navigation/menu-bar/menu-bar.js';
+export { NLDDMenuBarItem } from './navigation/menu-bar-item/menu-bar-item.js';
+export { NLDDSkipLink } from './navigation/skip-link/skip-link.js';
+export { NLDDTopNavigationBar } from './navigation/top-navigation-bar/top-navigation-bar.js';
+export { NLDDTopTitleBar } from './navigation/top-title-bar/top-title-bar.js';
+export { NLDDTabBar } from './navigation/tab-bar/tab-bar.js';
+export { NLDDDocumentTabBar } from './navigation/document-tab-bar/document-tab-bar.js';
+export { NLDDPagination } from './navigation/pagination/pagination.js';
+// # Status and Feedback components
+export { NLDDModalDialog } from './status-and-feedback/modal-dialog/modal-dialog.js';
+export { NLDDInlineDialog } from './status-and-feedback/inline-dialog/inline-dialog.js';
+export { NLDDBadge } from './status-and-feedback/badge/badge.js';
+// Auto-register happens on import of individual component files
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

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

@@ -0,0 +1,33 @@
+/**
+ * Nederlandse Digitale Dienst Checkbox Component (Lit + TypeScript)
+ *
+ * @element nldd-checkbox
+ * @attr {boolean} checked       - Checked state
+ * @attr {boolean} disabled      - Disabled state
+ * @attr {boolean} indeterminate - Indeterminate state (takes precedence over checked visually)
+ * @attr {string}  value         - Value for form submission
+ * @attr {string}  name          - Name for form submission
+ * @attr {string}  accessible-label - Accessible label forwarded as aria-label to the native input.
+ *   Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
+ *
+ * @fires change - Fired when the checkbox state changes; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+export declare class NLDDCheckbox extends LitElement {
+    static styles: import("lit").CSSResult;
+    checked: boolean;
+    disabled: boolean;
+    indeterminate: boolean;
+    value: string;
+    name: string;
+    accessibleLabel: string;
+    toggle(): void;
+    _handleChange(e: Event): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-checkbox': NLDDCheckbox;
+    }
+}
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAGtB,KAAK,SAAQ;IAGb,IAAI,SAAM;IAGV,eAAe,SAAM;IAEd,MAAM,IAAI,IAAI;IAWd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}

package/dist/components/inputs/checkbox/checkbox.js

@@ -0,0 +1,83 @@
+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;
+};
+/**
+ * Nederlandse Digitale Dienst Checkbox Component (Lit + TypeScript)
+ *
+ * @element nldd-checkbox
+ * @attr {boolean} checked       - Checked state
+ * @attr {boolean} disabled      - Disabled state
+ * @attr {boolean} indeterminate - Indeterminate state (takes precedence over checked visually)
+ * @attr {string}  value         - Value for form submission
+ * @attr {string}  name          - Name for form submission
+ * @attr {string}  accessible-label - Accessible label forwarded as aria-label to the native input.
+ *   Note: aria-labelledby is not supported as IDREF resolution cannot cross shadow DOM boundaries.
+ *
+ * @fires change - Fired when the checkbox state changes; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { checkboxStyles } from './checkbox.styles.js';
+import { checkboxTemplate } from './checkbox.template.js';
+let NLDDCheckbox = class NLDDCheckbox extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.disabled = false;
+        this.indeterminate = false;
+        this.value = 'on';
+        this.name = '';
+        this.accessibleLabel = '';
+    }
+    toggle() {
+        if (this.disabled)
+            return;
+        this.checked = !this.checked;
+        this.indeterminate = false;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { checked: this.checked, value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _handleChange(e) {
+        const input = e.target;
+        this.checked = input.checked;
+        this.indeterminate = input.indeterminate;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { checked: this.checked, value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return checkboxTemplate(this);
+    }
+};
+NLDDCheckbox.styles = checkboxStyles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCheckbox.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCheckbox.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCheckbox.prototype, "indeterminate", void 0);
+__decorate([
+    property({ type: String })
+], NLDDCheckbox.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], NLDDCheckbox.prototype, "name", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDCheckbox.prototype, "accessibleLabel", void 0);
+NLDDCheckbox = __decorate([
+    customElement('nldd-checkbox')
+], NLDDCheckbox);
+export { NLDDCheckbox };
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGnD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAIN,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,kBAAa,GAAG,KAAK,CAAC;QAGtB,UAAK,GAAG,IAAI,CAAC;QAGb,SAAI,GAAG,EAAE,CAAC;QAGV,oBAAe,GAAG,EAAE,CAAC;IA2BtB,CAAC;IAzBO,MAAM;QACZ,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;;AA5Ce,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACrB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrC;AAnBT,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA8CxB"}

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

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

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

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

package/dist/components/inputs/checkbox/checkbox.styles.js

@@ -0,0 +1,128 @@
+import { css } from 'lit';
+export const checkboxStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		width: var(--semantics-controls-xs-min-size);
+		height: var(--semantics-controls-xs-min-size);
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Native input */
+
+	.checkbox__input {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		opacity: 0;
+		z-index: 1;
+	}
+
+
+	/* # Visual box */
+
+	.checkbox__box {
+		position: relative;
+		box-sizing: border-box;
+		width: var(--semantics-controls-xs-min-size);
+		height: var(--semantics-controls-xs-min-size);
+		border-radius: var(--semantics-controls-xs-corner-radius);
+		border: var(--components-checkbox-border-thickness) solid var(--components-checkbox-border-color);
+		background-color: var(--components-checkbox-background-color);
+		color: transparent;
+	}
+
+
+	/* # Selected */
+
+	.checkbox__input:checked ~ .checkbox__box,
+	.checkbox__input:indeterminate ~ .checkbox__box {
+		border-color: var(--components-checkbox-is-selected-border-color);
+		background-color: var(--components-checkbox-is-selected-background-color);
+		color: var(--components-checkbox-is-selected-icon-color);
+	}
+
+
+	/* # Hover */
+
+	.checkbox__input:hover:not(:disabled) ~ .checkbox__box {
+		border-color: var(--components-checkbox-is-hovered-border-color);
+	}
+
+	.checkbox__input:checked:hover:not(:disabled) ~ .checkbox__box,
+	.checkbox__input:indeterminate:hover:not(:disabled) ~ .checkbox__box {
+		border-color: var(--components-checkbox-is-selected-is-hovered-border-color);
+		background-color: var(--components-checkbox-is-selected-is-hovered-background-color);
+		color: var(--components-checkbox-is-selected-is-hovered-icon-color);
+	}
+
+
+	/* # Active */
+
+	.checkbox__input:active:not(:disabled) ~ .checkbox__box {
+		border-color: var(--components-checkbox-is-active-border-color);
+	}
+
+	.checkbox__input:checked:active:not(:disabled) ~ .checkbox__box,
+	.checkbox__input:indeterminate:active:not(:disabled) ~ .checkbox__box {
+		border-color: var(--components-checkbox-is-selected-is-active-border-color);
+		background-color: var(--components-checkbox-is-selected-is-active-background-color);
+		color: var(--components-checkbox-is-selected-is-active-icon-color);
+	}
+
+
+	/* # Focus */
+
+	.checkbox__input:focus-visible ~ .checkbox__box {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+
+
+	/* # Disabled */
+
+	.checkbox__input:disabled ~ .checkbox__box {
+		opacity: var(--primitives-opacity-disabled);
+	}
+
+
+	/* # Icons */
+
+	.checkbox__check-icon,
+	.checkbox__indeterminate-icon {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: var(--primitives-space-24);
+		height: var(--primitives-space-24);
+		display: none;
+	}
+
+	.checkbox__input:checked ~ .checkbox__box .checkbox__check-icon {
+		display: block;
+	}
+
+	.checkbox__input:checked:indeterminate ~ .checkbox__box .checkbox__check-icon {
+		display: none;
+	}
+
+	.checkbox__input:indeterminate ~ .checkbox__box .checkbox__indeterminate-icon {
+		display: block;
+	}
+`;
+//# sourceMappingURL=checkbox.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6HhC,CAAC"}

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

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit';
+import type { NLDDCheckbox } from './checkbox.js';
+import './../../content/icon/icon.js';
+export declare function checkboxTemplate(component: NLDDCheckbox): TemplateResult;
+//# sourceMappingURL=checkbox.template.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,8BAA8B,CAAC;AAEtC,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,YAAY,GAAG,cAAc,CAiBxE"}

package/dist/components/inputs/checkbox/checkbox.template.js

@@ -0,0 +1,21 @@
+import { html, nothing } from 'lit';
+import './../../content/icon/icon.js';
+export function checkboxTemplate(component) {
+    return html `
+		<input class="checkbox__input"
+			type="checkbox"
+			.checked=${component.checked}
+			.indeterminate=${component.indeterminate}
+			?disabled=${component.disabled}
+			name=${component.name || ''}
+			value=${component.value}
+			aria-label=${component.accessibleLabel || nothing}
+			@change=${component._handleChange}
+		>
+		<div class="checkbox__box" aria-hidden="true">
+			<nldd-icon class="checkbox__check-icon" name="check-mark-small"></nldd-icon>
+			<nldd-icon class="checkbox__indeterminate-icon" name="minus-extra-small"></nldd-icon>
+		</div>
+	`;
+}
+//# sourceMappingURL=checkbox.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox/checkbox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,UAAU,gBAAgB,CAAC,SAAuB;IACvD,OAAO,IAAI,CAAA;;;cAGE,SAAS,CAAC,OAAO;oBACX,SAAS,CAAC,aAAa;eAC5B,SAAS,CAAC,QAAQ;UACvB,SAAS,CAAC,IAAI,IAAI,EAAE;WACnB,SAAS,CAAC,KAAK;gBACV,SAAS,CAAC,eAAe,IAAI,OAAO;aACvC,SAAS,CAAC,aAAa;;;;;;EAMlC,CAAC;AACH,CAAC"}

package/dist/components/inputs/checkbox-field/checkbox-field.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Nederlandse Digitale Dienst Checkbox Field Component (Lit + TypeScript)
+ *
+ * A checkbox with an inline label for use in forms.
+ *
+ * @element nldd-checkbox-field
+ * @attr {boolean} checked       - Checked state
+ * @attr {boolean} indeterminate - Indeterminate state
+ * @attr {boolean} disabled      - Disabled state
+ * @attr {string}  value         - Value for form submission
+ * @attr {string}  name          - Name for form submission
+ * @attr {string}  label         - Label text for the checkbox
+ *
+ * @fires change - When checked state changes; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+export declare class NLDDCheckboxField extends LitElement {
+    static styles: import("lit").CSSResult;
+    checked: boolean;
+    indeterminate: boolean;
+    disabled: boolean;
+    value: string;
+    name: string;
+    label: string;
+    _handleLabelClick(e: Event): void;
+    _handleChange(e: Event): void;
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nldd-checkbox-field': NLDDCheckboxField;
+    }
+}
+//# sourceMappingURL=checkbox-field.d.ts.map

package/dist/components/inputs/checkbox-field/checkbox-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,iBAAkB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAAuB;IAG7C,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,KAAK,SAAQ;IAGb,IAAI,SAAM;IAGV,KAAK,SAAM;IAEJ,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAOjC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}

package/dist/components/inputs/checkbox-field/checkbox-field.js

@@ -0,0 +1,81 @@
+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;
+};
+/**
+ * Nederlandse Digitale Dienst Checkbox Field Component (Lit + TypeScript)
+ *
+ * A checkbox with an inline label for use in forms.
+ *
+ * @element nldd-checkbox-field
+ * @attr {boolean} checked       - Checked state
+ * @attr {boolean} indeterminate - Indeterminate state
+ * @attr {boolean} disabled      - Disabled state
+ * @attr {string}  value         - Value for form submission
+ * @attr {string}  name          - Name for form submission
+ * @attr {string}  label         - Label text for the checkbox
+ *
+ * @fires change - When checked state changes; detail: { checked: boolean, value: string }
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { checkboxFieldStyles } from './checkbox-field.styles.js';
+import { checkboxFieldTemplate } from './checkbox-field.template.js';
+let NLDDCheckboxField = class NLDDCheckboxField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.indeterminate = false;
+        this.disabled = false;
+        this.value = 'on';
+        this.name = '';
+        this.label = '';
+    }
+    _handleLabelClick(e) {
+        if (this.disabled)
+            return;
+        if (e.target.closest?.('nldd-checkbox'))
+            return;
+        const checkbox = this.shadowRoot?.querySelector('nldd-checkbox');
+        checkbox?.toggle();
+    }
+    _handleChange(e) {
+        const { checked } = e.detail;
+        this.checked = checked;
+        this.indeterminate = false;
+        this.dispatchEvent(new CustomEvent('change', {
+            detail: { checked: this.checked, value: this.value },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return checkboxFieldTemplate(this);
+    }
+};
+NLDDCheckboxField.styles = checkboxFieldStyles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCheckboxField.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCheckboxField.prototype, "indeterminate", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDCheckboxField.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String })
+], NLDDCheckboxField.prototype, "value", void 0);
+__decorate([
+    property({ type: String })
+], NLDDCheckboxField.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], NLDDCheckboxField.prototype, "label", void 0);
+NLDDCheckboxField = __decorate([
+    customElement('nldd-checkbox-field')
+], NLDDCheckboxField);
+export { NLDDCheckboxField };
+//# sourceMappingURL=checkbox-field.js.map

package/dist/components/inputs/checkbox-field/checkbox-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/checkbox-field/checkbox-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAI9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAIN,YAAO,GAAG,KAAK,CAAC;QAGhB,kBAAa,GAAG,KAAK,CAAC;QAGtB,aAAQ,GAAG,KAAK,CAAC;QAGjB,UAAK,GAAG,IAAI,CAAC;QAGb,SAAI,GAAG,EAAE,CAAC;QAGV,UAAK,GAAG,EAAE,CAAC;IAuBZ,CAAC;IArBO,iBAAiB,CAAC,CAAQ;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,eAAe,CAAC;YAAE,OAAO;QACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAwB,CAAC;QACxF,QAAQ,EAAE,MAAM,EAAE,CAAC;IACpB,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,MAAM,EAAE,OAAO,EAAE,GAAI,CAAuC,CAAC,MAAM,CAAC;QACpE,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACpD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;;AAxCe,wBAAM,GAAG,mBAAmB,AAAtB,CAAuB;AAG7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACrB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACd;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAChB;AAnBC,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA0C7B"}

package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts

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