@ndwnu/design-system 0.0.1-beta.1 → 1.0.0

package/esm2022/components/card/card.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class CardComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: CardComponent, isStandalone: true, selector: "ndw-card", ngImport: i0, template: "<div class=\"ndw-card-title\">\n  <ng-content select=\"[title]\"></ng-content>\n</div>\n<div class=\"ndw-card-body\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n<div class=\"ndw-card-footer\">\n  <ng-content select=\"[footer]\"></ng-content>\n</div>", styles: [":host{display:grid;border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);padding:var(--ndw-spacing-lg);box-shadow:var(--ndw-elevation-content)}.ndw-card-title{display:flex;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;margin-bottom:var(--ndw-spacing-xs)}.ndw-card-body{font-size:var(--ndw-font-size-sm)}.ndw-card-footer{display:flex;gap:var(--ndw-spacing-xs);margin-top:var(--ndw-spacing-xs);font-size:var(--ndw-font-size-sm)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: CardComponent, isStandalone: true, selector: "ndw-card", ngImport: i0, template: "<div class=\"ndw-card-title\">\n  <ng-content select=\"[title]\"></ng-content>\n</div>\n<div class=\"ndw-card-body\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n<div class=\"ndw-card-footer\">\n  <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [":host{display:grid;border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);padding:var(--ndw-spacing-lg);box-shadow:var(--ndw-elevation-content)}:host[cardModal] .ndw-card-body{max-height:100%;overflow-y:auto;width:500px}:host[cardModal] .ndw-card-footer{display:flex;justify-content:flex-end;gap:var(--ndw-spacing-md)}.ndw-card-title{display:flex;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;margin-bottom:var(--ndw-spacing-xs)}.ndw-card-body{font-size:var(--ndw-font-size-sm)}.ndw-card-footer{display:flex;gap:var(--ndw-spacing-xs);margin-top:var(--ndw-spacing-xs);font-size:var(--ndw-font-size-sm)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<div class=\"ndw-card-title\">\n  <ng-content select=\"[title]\"></ng-content>\n</div>\n<div class=\"ndw-card-body\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n<div class=\"ndw-card-footer\">\n  <ng-content select=\"[footer]\"></ng-content>\n</div>", styles: [":host{display:grid;border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);padding:var(--ndw-spacing-lg);box-shadow:var(--ndw-elevation-content)}.ndw-card-title{display:flex;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;margin-bottom:var(--ndw-spacing-xs)}.ndw-card-body{font-size:var(--ndw-font-size-sm)}.ndw-card-footer{display:flex;gap:var(--ndw-spacing-xs);margin-top:var(--ndw-spacing-xs);font-size:var(--ndw-font-size-sm)}\n"] }]
+            args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<div class=\"ndw-card-title\">\n  <ng-content select=\"[title]\"></ng-content>\n</div>\n<div class=\"ndw-card-body\">\n  <ng-content select=\"[body]\"></ng-content>\n</div>\n<div class=\"ndw-card-footer\">\n  <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [":host{display:grid;border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);padding:var(--ndw-spacing-lg);box-shadow:var(--ndw-elevation-content)}:host[cardModal] .ndw-card-body{max-height:100%;overflow-y:auto;width:500px}:host[cardModal] .ndw-card-footer{display:flex;justify-content:flex-end;gap:var(--ndw-spacing-md)}.ndw-card-title{display:flex;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;margin-bottom:var(--ndw-spacing-xs)}.ndw-card-body{font-size:var(--ndw-font-size-sm)}.ndw-card-footer{display:flex;gap:var(--ndw-spacing-xs);margin-top:var(--ndw-spacing-xs);font-size:var(--ndw-font-size-sm)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTtrR0FBYixhQUFhLG9FQ1QxQix3UUFRTTs7MkZEQ08sYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2FyZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJuZHctY2FyZC10aXRsZVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibmR3LWNhcmQtYm9keVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuZHctY2FyZC1mb290ZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTtrR0FBYixhQUFhLG9FQ1QxQiwwUUFTQTs7MkZEQWEsYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2FyZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJuZHctY2FyZC10aXRsZVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibmR3LWNhcmQtYm9keVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYm9keV1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJuZHctY2FyZC1mb290ZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Zvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/components/collapsible/collapsible.animation.mjs

@@ -0,0 +1,36 @@
+import { animate, group, state, style, transition, trigger } from '@angular/animations';
+export const collapsibleAnimation = [
+    trigger('collapsible', [
+        state('in', style({
+            'max-height': '100vh',
+            opacity: '1',
+            visibility: 'visible',
+        })),
+        state('out', style({
+            'max-height': '0',
+            opacity: '0',
+            visibility: 'hidden',
+        })),
+        transition('in => out', [
+            group([
+                animate('500ms ease-in-out', style({
+                    'max-height': '0px',
+                    opacity: '0',
+                    visibility: 'hidden',
+                })),
+            ]),
+        ]),
+        transition('out => in', [
+            group([
+                animate('300ms ease-in-out', style({
+                    opacity: '1',
+                })),
+                animate('500ms ease-in-out', style({
+                    'max-height': '100vh',
+                    visibility: 'visible',
+                })),
+            ]),
+        ]),
+    ]),
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV4RixNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRztJQUNsQyxPQUFPLENBQUMsYUFBYSxFQUFFO1FBQ3JCLEtBQUssQ0FDSCxJQUFJLEVBQ0osS0FBSyxDQUFDO1lBQ0osWUFBWSxFQUFFLE9BQU87WUFDckIsT0FBTyxFQUFFLEdBQUc7WUFDWixVQUFVLEVBQUUsU0FBUztTQUN0QixDQUFDLENBQ0g7UUFDRCxLQUFLLENBQ0gsS0FBSyxFQUNMLEtBQUssQ0FBQztZQUNKLFlBQVksRUFBRSxHQUFHO1lBQ2pCLE9BQU8sRUFBRSxHQUFHO1lBQ1osVUFBVSxFQUFFLFFBQVE7U0FDckIsQ0FBQyxDQUNIO1FBQ0QsVUFBVSxDQUFDLFdBQVcsRUFBRTtZQUN0QixLQUFLLENBQUM7Z0JBQ0osT0FBTyxDQUNMLG1CQUFtQixFQUNuQixLQUFLLENBQUM7b0JBQ0osWUFBWSxFQUFFLEtBQUs7b0JBQ25CLE9BQU8sRUFBRSxHQUFHO29CQUNaLFVBQVUsRUFBRSxRQUFRO2lCQUNyQixDQUFDLENBQ0g7YUFDRixDQUFDO1NBQ0gsQ0FBQztRQUNGLFVBQVUsQ0FBQyxXQUFXLEVBQUU7WUFDdEIsS0FBSyxDQUFDO2dCQUNKLE9BQU8sQ0FDTCxtQkFBbUIsRUFDbkIsS0FBSyxDQUFDO29CQUNKLE9BQU8sRUFBRSxHQUFHO2lCQUNiLENBQUMsQ0FDSDtnQkFDRCxPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQztvQkFDSixZQUFZLEVBQUUsT0FBTztvQkFDckIsVUFBVSxFQUFFLFNBQVM7aUJBQ3RCLENBQUMsQ0FDSDthQUNGLENBQUM7U0FDSCxDQUFDO0tBQ0gsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBncm91cCwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBjb2xsYXBzaWJsZUFuaW1hdGlvbiA9IFtcbiAgdHJpZ2dlcignY29sbGFwc2libGUnLCBbXG4gICAgc3RhdGUoXG4gICAgICAnaW4nLFxuICAgICAgc3R5bGUoe1xuICAgICAgICAnbWF4LWhlaWdodCc6ICcxMDB2aCcsXG4gICAgICAgIG9wYWNpdHk6ICcxJyxcbiAgICAgICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgICAgfSksXG4gICAgKSxcbiAgICBzdGF0ZShcbiAgICAgICdvdXQnLFxuICAgICAgc3R5bGUoe1xuICAgICAgICAnbWF4LWhlaWdodCc6ICcwJyxcbiAgICAgICAgb3BhY2l0eTogJzAnLFxuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgIH0pLFxuICAgICksXG4gICAgdHJhbnNpdGlvbignaW4gPT4gb3V0JywgW1xuICAgICAgZ3JvdXAoW1xuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICc1MDBtcyBlYXNlLWluLW91dCcsXG4gICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgJ21heC1oZWlnaHQnOiAnMHB4JyxcbiAgICAgICAgICAgIG9wYWNpdHk6ICcwJyxcbiAgICAgICAgICAgIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICAgICAgICAgIH0pLFxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgXSksXG4gICAgdHJhbnNpdGlvbignb3V0ID0+IGluJywgW1xuICAgICAgZ3JvdXAoW1xuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICczMDBtcyBlYXNlLWluLW91dCcsXG4gICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgb3BhY2l0eTogJzEnLFxuICAgICAgICAgIH0pLFxuICAgICAgICApLFxuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICc1MDBtcyBlYXNlLWluLW91dCcsXG4gICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgJ21heC1oZWlnaHQnOiAnMTAwdmgnLFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgICAgICAgIH0pLFxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0pLFxuXTtcbiJdfQ==

package/esm2022/components/collapsible/collapsible.component.mjs

@@ -1,8 +1,9 @@
 import { NgClass } from '@angular/common';
-import { Component, HostBinding, inject, input, model } from '@angular/core';
+import { Component, HostBinding, computed, inject, input, model } from '@angular/core';
 import { AccordionService } from '../accordion';
 import { BadgeComponent } from '../badge';
 import { IconComponent } from '../icon';
+import { collapsibleAnimation } from './collapsible.animation';
 import * as i0 from "@angular/core";
 export class CollapsibleComponent {
     constructor() {
@@ -11,6 +12,7 @@ export class CollapsibleComponent {
         this.value = input();
         this.expanded = model(false);
         this.accordionService = inject(AccordionService);
+        this.animationState = computed(() => (this.expanded() ? 'in' : 'out'));
     }
     get expandedClass() {
         return this.expanded();
@@ -19,7 +21,7 @@ export class CollapsibleComponent {
         this.toggle();
     }
     onKeydown(event) {
-        if (event.key !== 'Enter' && event.key !== ' ') {
+        if (event.key !== 'Enter') {
             return;
         }
         event.preventDefault();
@@ -32,17 +34,13 @@ export class CollapsibleComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: CollapsibleComponent, isStandalone: true, selector: "ndw-collapsible", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.expanded": "this.expandedClass" } }, ngImport: i0, template: "<header tabindex=\"0\" (click)=\"onClick()\" (keydown)=\"onKeydown($event)\">\n  <div class=\"title\">\n    {{ title() }}\n    @if (value(); as value) {\n      <ndw-badge [value]=\"value\" />\n    }\n  </div>\n  <ndw-icon name=\"chevron-down\" />\n</header>\n<section>\n  <ng-content />\n</section>\n", styles: ["header{align-items:center;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);cursor:pointer;display:flex;gap:var(--ndw-spacing-xs);justify-content:space-between;padding-block:var(--ndw-spacing-md);transition:color var(--ndw-animation-speed-default) ease-in-out}header .title{display:flex;gap:var(--ndw-spacing-xs)}header ndw-icon{color:var(--ndw-color-primary);height:var(--ndw-spacing-lg);transition:transform var(--ndw-animation-speed-default) ease-in-out;width:var(--ndw-spacing-lg)}header:hover{color:var(--ndw-color-primary)}header:active,header:focus{box-shadow:var(--ndw-elevation-info);color:var(--ndw-color-primary);outline:none}section{display:none;height:0;margin-bottom:0;overflow:hidden;transition:height var(--ndw-animation-speed-slow) ease-in-out}:host(.expanded) header ndw-icon{transform:rotate(-180deg)}:host(.expanded) section{display:block;height:fit-content;margin-bottom:var(--ndw-spacing-md)}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: CollapsibleComponent, isStandalone: true, selector: "ndw-collapsible", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.expanded": "this.expandedClass" } }, ngImport: i0, template: "<header tabindex=\"0\" (click)=\"onClick()\" (keydown)=\"onKeydown($event)\">\n  <div class=\"title\">\n    {{ title() }}\n    @if (value(); as value) {\n      <ndw-badge [value]=\"value\" />\n    }\n  </div>\n  <ndw-icon name=\"chevron-down\" />\n</header>\n<section [@collapsible]=\"animationState()\">\n  <ng-content />\n</section>\n", styles: [":host{display:block;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}header{align-items:center;cursor:pointer;display:flex;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);justify-content:space-between;padding-block:var(--ndw-spacing-md);transition:color var(--ndw-animation-speed-fast) ease-in-out}header .title{display:flex;gap:var(--ndw-spacing-xs)}header ndw-icon{color:var(--ndw-color-primary);height:var(--ndw-spacing-lg);transition:transform var(--ndw-animation-speed-fast) ease-in-out;width:var(--ndw-spacing-lg)}header:hover{color:var(--ndw-color-primary)}header:focus-visible{box-shadow:var(--ndw-elevation-info);color:var(--ndw-color-primary);outline:none}section{display:none;height:fit-content;margin-block:0;overflow:hidden;transition:height var(--ndw-animation-speed-slow) ease-in-out}:host(.expanded) header ndw-icon{transform:rotate(-180deg)}:host(.expanded) section{display:block;margin-block:var(--ndw-spacing-sm) var(--ndw-spacing-md)}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }], animations: [collapsibleAnimation] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CollapsibleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ndw-collapsible', standalone: true, imports: [
-                        BadgeComponent,
-                        IconComponent,
-                        NgClass,
-                    ], template: "<header tabindex=\"0\" (click)=\"onClick()\" (keydown)=\"onKeydown($event)\">\n  <div class=\"title\">\n    {{ title() }}\n    @if (value(); as value) {\n      <ndw-badge [value]=\"value\" />\n    }\n  </div>\n  <ndw-icon name=\"chevron-down\" />\n</header>\n<section>\n  <ng-content />\n</section>\n", styles: ["header{align-items:center;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);cursor:pointer;display:flex;gap:var(--ndw-spacing-xs);justify-content:space-between;padding-block:var(--ndw-spacing-md);transition:color var(--ndw-animation-speed-default) ease-in-out}header .title{display:flex;gap:var(--ndw-spacing-xs)}header ndw-icon{color:var(--ndw-color-primary);height:var(--ndw-spacing-lg);transition:transform var(--ndw-animation-speed-default) ease-in-out;width:var(--ndw-spacing-lg)}header:hover{color:var(--ndw-color-primary)}header:active,header:focus{box-shadow:var(--ndw-elevation-info);color:var(--ndw-color-primary);outline:none}section{display:none;height:0;margin-bottom:0;overflow:hidden;transition:height var(--ndw-animation-speed-slow) ease-in-out}:host(.expanded) header ndw-icon{transform:rotate(-180deg)}:host(.expanded) section{display:block;height:fit-content;margin-bottom:var(--ndw-spacing-md)}\n"] }]
+            args: [{ selector: 'ndw-collapsible', standalone: true, imports: [BadgeComponent, IconComponent, NgClass], animations: [collapsibleAnimation], template: "<header tabindex=\"0\" (click)=\"onClick()\" (keydown)=\"onKeydown($event)\">\n  <div class=\"title\">\n    {{ title() }}\n    @if (value(); as value) {\n      <ndw-badge [value]=\"value\" />\n    }\n  </div>\n  <ndw-icon name=\"chevron-down\" />\n</header>\n<section [@collapsible]=\"animationState()\">\n  <ng-content />\n</section>\n", styles: [":host{display:block;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}header{align-items:center;cursor:pointer;display:flex;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);justify-content:space-between;padding-block:var(--ndw-spacing-md);transition:color var(--ndw-animation-speed-fast) ease-in-out}header .title{display:flex;gap:var(--ndw-spacing-xs)}header ndw-icon{color:var(--ndw-color-primary);height:var(--ndw-spacing-lg);transition:transform var(--ndw-animation-speed-fast) ease-in-out;width:var(--ndw-spacing-lg)}header:hover{color:var(--ndw-color-primary)}header:focus-visible{box-shadow:var(--ndw-elevation-info);color:var(--ndw-color-primary);outline:none}section{display:none;height:fit-content;margin-block:0;overflow:hidden;transition:height var(--ndw-animation-speed-slow) ease-in-out}:host(.expanded) header ndw-icon{transform:rotate(-180deg)}:host(.expanded) section{display:block;margin-block:var(--ndw-spacing-sm) var(--ndw-spacing-md)}\n"] }]
         }], propDecorators: { expandedClass: [{
                 type: HostBinding,
                 args: ['class.expanded']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jb2xsYXBzaWJsZS9jb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2hELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDMUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFheEMsTUFBTSxPQUFPLG9CQUFvQjtJQVhqQztRQVlTLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNqQyxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFFeEIsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVkLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0tBMEI5RDtJQXhCQyxJQUNXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFvQjtRQUNuQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssR0FBRyxFQUFFLENBQUM7WUFDL0MsT0FBTztRQUNULENBQUM7UUFFRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFTyxNQUFNO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNwQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3RCxDQUFDO0lBQ0gsQ0FBQzs4R0FoQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IseXFCQ2xCakMsOFNBWUEsbytCRERJLGNBQWMseUVBQ2QsYUFBYTs7MkZBTUosb0JBQW9CO2tCQVhoQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUDt3QkFDUCxjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsT0FBTztxQkFDUjs4QkFjVSxhQUFhO3NCQUR2QixXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgaW5qZWN0LCBpbnB1dCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQWNjb3JkaW9uU2VydmljZSB9IGZyb20gJy4uL2FjY29yZGlvbic7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uL2JhZGdlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWNvbGxhcHNpYmxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIEJhZGdlQ29tcG9uZW50LFxuICAgIEljb25Db21wb25lbnQsXG4gICAgTmdDbGFzcyxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNpYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NvbGxhcHNpYmxlLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBDb2xsYXBzaWJsZUNvbXBvbmVudCB7XG4gIHB1YmxpYyBpbmRleCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcHVibGljIHRpdGxlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBwdWJsaWMgdmFsdWUgPSBpbnB1dDxudW1iZXI+KCk7XG5cbiAgcHVibGljIGV4cGFuZGVkID0gbW9kZWwoZmFsc2UpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uU2VydmljZSA9IGluamVjdChBY2NvcmRpb25TZXJ2aWNlKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmV4cGFuZGVkJylcbiAgcHVibGljIGdldCBleHBhbmRlZENsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmV4cGFuZGVkKCk7XG4gIH1cblxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICB9XG5cbiAgcHVibGljIG9uS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5rZXkgIT09ICdFbnRlcicgJiYgZXZlbnQua2V5ICE9PSAnICcpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMudG9nZ2xlKCk7XG4gIH1cblxuICBwcml2YXRlIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkLnNldCghdGhpcy5leHBhbmRlZCgpKTtcbiAgICBpZiAodGhpcy5leHBhbmRlZCgpKSB7XG4gICAgICB0aGlzLmFjY29yZGlvblNlcnZpY2Uuc2V0RXhwYW5kZWRDb2xsYXBzaWJsZSh0aGlzLmluZGV4KCkpO1xuICAgIH1cbiAgfVxufVxuIiwiPGhlYWRlciB0YWJpbmRleD1cIjBcIiAoY2xpY2spPVwib25DbGljaygpXCIgKGtleWRvd24pPVwib25LZXlkb3duKCRldmVudClcIj5cbiAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAge3sgdGl0bGUoKSB9fVxuICAgIEBpZiAodmFsdWUoKTsgYXMgdmFsdWUpIHtcbiAgICAgIDxuZHctYmFkZ2UgW3ZhbHVlXT1cInZhbHVlXCIgLz5cbiAgICB9XG4gIDwvZGl2PlxuICA8bmR3LWljb24gbmFtZT1cImNoZXZyb24tZG93blwiIC8+XG48L2hlYWRlcj5cbjxzZWN0aW9uPlxuICA8bmctY29udGVudCAvPlxuPC9zZWN0aW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jb2xsYXBzaWJsZS9jb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFeEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBVS9ELE1BQU0sT0FBTyxvQkFBb0I7SUFSakM7UUFTUyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ2pDLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFZCxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQU90RCxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0tBcUIxRTtJQTFCQyxJQUNXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUlNLE9BQU87UUFDWixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFvQjtRQUNuQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDMUIsT0FBTztRQUNULENBQUM7UUFFRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFTyxNQUFNO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNwQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3RCxDQUFDO0lBQ0gsQ0FBQzs4R0FsQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IseXFCQ2pCakMsa1ZBWUEseWhDREFZLGNBQWMseUVBQUUsYUFBYSx3RUFHM0IsQ0FBQyxvQkFBb0IsQ0FBQzs7MkZBRXZCLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxjQUFjLEVBQUUsYUFBYSxFQUFFLE9BQU8sQ0FBQyxjQUdyQyxDQUFDLG9CQUFvQixDQUFDOzhCQVl2QixhQUFhO3NCQUR2QixXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIG1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFjY29yZGlvblNlcnZpY2UgfSBmcm9tICcuLi9hY2NvcmRpb24nO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9iYWRnZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5cbmltcG9ydCB7IGNvbGxhcHNpYmxlQW5pbWF0aW9uIH0gZnJvbSAnLi9jb2xsYXBzaWJsZS5hbmltYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctY29sbGFwc2libGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQmFkZ2VDb21wb25lbnQsIEljb25Db21wb25lbnQsIE5nQ2xhc3NdLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sbGFwc2libGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY29sbGFwc2libGUuY29tcG9uZW50LnNjc3MnLFxuICBhbmltYXRpb25zOiBbY29sbGFwc2libGVBbmltYXRpb25dLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xsYXBzaWJsZUNvbXBvbmVudCB7XG4gIHB1YmxpYyBpbmRleCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcHVibGljIHRpdGxlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBwdWJsaWMgdmFsdWUgPSBpbnB1dDxudW1iZXI+KCk7XG5cbiAgcHVibGljIGV4cGFuZGVkID0gbW9kZWwoZmFsc2UpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uU2VydmljZSA9IGluamVjdChBY2NvcmRpb25TZXJ2aWNlKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmV4cGFuZGVkJylcbiAgcHVibGljIGdldCBleHBhbmRlZENsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmV4cGFuZGVkKCk7XG4gIH1cblxuICBwdWJsaWMgYW5pbWF0aW9uU3RhdGUgPSBjb21wdXRlZCgoKSA9PiAodGhpcy5leHBhbmRlZCgpID8gJ2luJyA6ICdvdXQnKSk7XG5cbiAgcHVibGljIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy50b2dnbGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoZXZlbnQua2V5ICE9PSAnRW50ZXInKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSB0b2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZC5zZXQoIXRoaXMuZXhwYW5kZWQoKSk7XG4gICAgaWYgKHRoaXMuZXhwYW5kZWQoKSkge1xuICAgICAgdGhpcy5hY2NvcmRpb25TZXJ2aWNlLnNldEV4cGFuZGVkQ29sbGFwc2libGUodGhpcy5pbmRleCgpKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxoZWFkZXIgdGFiaW5kZXg9XCIwXCIgKGNsaWNrKT1cIm9uQ2xpY2soKVwiIChrZXlkb3duKT1cIm9uS2V5ZG93bigkZXZlbnQpXCI+XG4gIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxuICAgIHt7IHRpdGxlKCkgfX1cbiAgICBAaWYgKHZhbHVlKCk7IGFzIHZhbHVlKSB7XG4gICAgICA8bmR3LWJhZGdlIFt2YWx1ZV09XCJ2YWx1ZVwiIC8+XG4gICAgfVxuICA8L2Rpdj5cbiAgPG5kdy1pY29uIG5hbWU9XCJjaGV2cm9uLWRvd25cIiAvPlxuPC9oZWFkZXI+XG48c2VjdGlvbiBbQGNvbGxhcHNpYmxlXT1cImFuaW1hdGlvblN0YXRlKClcIj5cbiAgPG5nLWNvbnRlbnQgLz5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2022/components/dropdown/dropdown-trigger.directive.mjs

@@ -0,0 +1,99 @@
+import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { DestroyRef, Directive, ElementRef, HostListener, ViewContainerRef, effect, inject, input, model, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { first } from 'rxjs';
+import * as i0 from "@angular/core";
+export class DropdownTriggerDirective {
+    toggle() {
+        if (!this.toggleOnClick()) {
+            return;
+        }
+        this.isOpen.set(!this.isOpen());
+    }
+    trapFocus() {
+        if (this.overlayRef?.overlayElement) {
+            this.focusTrapFactory.create(this.overlayRef?.overlayElement);
+        }
+    }
+    constructor() {
+        this.dropdownContent = input.required({ alias: 'ndwDropdownTrigger' });
+        this.toggleOnClick = input(true);
+        this.isOpen = model(false);
+        this.destroyRef = inject(DestroyRef);
+        this.elementRef = inject((ElementRef));
+        this.overlay = inject(Overlay);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.focusTrapFactory = inject(ConfigurableFocusTrapFactory);
+        effect(() => {
+            if (this.isOpen()) {
+                this.open();
+            }
+            else {
+                this.close();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.isOpen.set(false);
+    }
+    open() {
+        const position = {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 4,
+            panelClass: 'ndw-dropdown-panel',
+        };
+        const templatePortal = new TemplatePortal(this.dropdownContent(), this.viewContainerRef);
+        this.overlayRef = this.overlay.create({
+            hasBackdrop: true,
+            backdropClass: 'cdk-overlay-transparent-backdrop',
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            positionStrategy: this.overlay
+                .position()
+                .flexibleConnectedTo(this.elementRef)
+                .withPositions([position]),
+        });
+        this.overlayRef.attach(templatePortal);
+        this.closeOverlayOnEscapeKey(this.overlayRef);
+        this.closeOverlayOnBackdropClick(this.overlayRef);
+    }
+    closeOverlayOnEscapeKey(overlayRef) {
+        overlayRef.overlayElement.onkeydown = (event) => {
+            if (event.key === 'Escape') {
+                this.isOpen.set(false);
+            }
+        };
+    }
+    closeOverlayOnBackdropClick(overlayRef) {
+        overlayRef
+            .backdropClick()
+            .pipe(takeUntilDestroyed(this.destroyRef), first())
+            .subscribe(() => {
+            this.isOpen.set(false);
+        });
+    }
+    close() {
+        this.overlayRef?.detach();
+        this.elementRef.nativeElement.focus();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.0", type: DropdownTriggerDirective, isStandalone: true, selector: "[ndwDropdownTrigger]", inputs: { dropdownContent: { classPropertyName: "dropdownContent", publicName: "ndwDropdownTrigger", isSignal: true, isRequired: true, transformFunction: null }, toggleOnClick: { classPropertyName: "toggleOnClick", publicName: "toggleOnClick", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { listeners: { "click": "toggle()", "keydown.tab": "trapFocus()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ndwDropdownTrigger]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { toggle: [{
+                type: HostListener,
+                args: ['click']
+            }], trapFocus: [{
+                type: HostListener,
+                args: ['keydown.tab']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tdHJpZ2dlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24tdHJpZ2dlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakUsT0FBTyxFQUFxQixPQUFPLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFHWixnQkFBZ0IsRUFDaEIsTUFBTSxFQUNOLE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBTTdCLE1BQU0sT0FBTyx3QkFBd0I7SUFNNUIsTUFBTTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUMxQixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUdNLFNBQVM7UUFDZCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsY0FBYyxFQUFFLENBQUM7WUFDcEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBQ2hFLENBQUM7SUFDSCxDQUFDO0lBVUQ7UUE1Qk8sb0JBQWUsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUF1QixFQUFFLEtBQUssRUFBRSxvQkFBb0IsRUFBRSxDQUFDLENBQUM7UUFDeEYsa0JBQWEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUIsV0FBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQWtCckIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsTUFBTSxDQUEwQixDQUFBLFVBQXVCLENBQUEsQ0FBQyxDQUFDO1FBQ3RFLFlBQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDMUIscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDNUMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFLOUQsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRU8sSUFBSTtRQUNWLE1BQU0sUUFBUSxHQUFzQjtZQUNsQyxPQUFPLEVBQUUsT0FBTztZQUNoQixPQUFPLEVBQUUsUUFBUTtZQUNqQixRQUFRLEVBQUUsT0FBTztZQUNqQixRQUFRLEVBQUUsS0FBSztZQUNmLE9BQU8sRUFBRSxDQUFDO1lBQ1YsVUFBVSxFQUFFLG9CQUFvQjtTQUNqQyxDQUFDO1FBQ0YsTUFBTSxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRXpGLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDcEMsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLGtDQUFrQztZQUNqRCxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUU7WUFDMUQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE9BQU87aUJBQzNCLFFBQVEsRUFBRTtpQkFDVixtQkFBbUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2lCQUNwQyxhQUFhLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUV2QyxJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVPLHVCQUF1QixDQUFDLFVBQXNCO1FBQ3BELFVBQVUsQ0FBQyxjQUFjLENBQUMsU0FBUyxHQUFHLENBQUMsS0FBb0IsRUFBUSxFQUFFO1lBQ25FLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxRQUFRLEVBQUUsQ0FBQztnQkFDM0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDekIsQ0FBQztRQUNILENBQUMsQ0FBQztJQUNKLENBQUM7SUFFTywyQkFBMkIsQ0FBQyxVQUFzQjtRQUN4RCxVQUFVO2FBQ1AsYUFBYSxFQUFFO2FBQ2YsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQzthQUNsRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sS0FBSztRQUNYLElBQUksQ0FBQyxVQUFVLEVBQUUsTUFBTSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEMsQ0FBQzs4R0F6RlUsd0JBQXdCO2tHQUF4Qix3QkFBd0I7OzJGQUF4Qix3QkFBd0I7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCO3dEQU9RLE1BQU07c0JBRFosWUFBWTt1QkFBQyxPQUFPO2dCQVVkLFNBQVM7c0JBRGYsWUFBWTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlndXJhYmxlRm9jdXNUcmFwRmFjdG9yeSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uLCBPdmVybGF5LCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gIERlc3Ryb3lSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBPbkRlc3Ryb3ksXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q29udGFpbmVyUmVmLFxuICBlZmZlY3QsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IGZpcnN0IH0gZnJvbSAncnhqcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tuZHdEcm9wZG93blRyaWdnZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25UcmlnZ2VyRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHVibGljIGRyb3Bkb3duQ29udGVudCA9IGlucHV0LnJlcXVpcmVkPFRlbXBsYXRlUmVmPHVua25vd24+Pih7IGFsaWFzOiAnbmR3RHJvcGRvd25UcmlnZ2VyJyB9KTtcbiAgcHVibGljIHRvZ2dsZU9uQ2xpY2sgPSBpbnB1dCh0cnVlKTtcbiAgcHVibGljIGlzT3BlbiA9IG1vZGVsKGZhbHNlKTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHB1YmxpYyB0b2dnbGUoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLnRvZ2dsZU9uQ2xpY2soKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaXNPcGVuLnNldCghdGhpcy5pc09wZW4oKSk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duLnRhYicpXG4gIHB1YmxpYyB0cmFwRm9jdXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMub3ZlcmxheVJlZj8ub3ZlcmxheUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuZm9jdXNUcmFwRmFjdG9yeS5jcmVhdGUodGhpcy5vdmVybGF5UmVmPy5vdmVybGF5RWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuICBwcml2YXRlIGVsZW1lbnRSZWYgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KTtcbiAgcHJpdmF0ZSBvdmVybGF5ID0gaW5qZWN0KE92ZXJsYXkpO1xuICBwcml2YXRlIHZpZXdDb250YWluZXJSZWYgPSBpbmplY3QoVmlld0NvbnRhaW5lclJlZik7XG4gIHByaXZhdGUgZm9jdXNUcmFwRmFjdG9yeSA9IGluamVjdChDb25maWd1cmFibGVGb2N1c1RyYXBGYWN0b3J5KTtcblxuICBwcml2YXRlIG92ZXJsYXlSZWY/OiBPdmVybGF5UmVmO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuaXNPcGVuKCkpIHtcbiAgICAgICAgdGhpcy5vcGVuKCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5pc09wZW4uc2V0KGZhbHNlKTtcbiAgfVxuXG4gIHByaXZhdGUgb3BlbigpOiB2b2lkIHtcbiAgICBjb25zdCBwb3NpdGlvbjogQ29ubmVjdGVkUG9zaXRpb24gPSB7XG4gICAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICAgIG9mZnNldFk6IDQsXG4gICAgICBwYW5lbENsYXNzOiAnbmR3LWRyb3Bkb3duLXBhbmVsJyxcbiAgICB9O1xuICAgIGNvbnN0IHRlbXBsYXRlUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKHRoaXMuZHJvcGRvd25Db250ZW50KCksIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG5cbiAgICB0aGlzLm92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKHtcbiAgICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxuICAgICAgYmFja2Ryb3BDbGFzczogJ2Nkay1vdmVybGF5LXRyYW5zcGFyZW50LWJhY2tkcm9wJyxcbiAgICAgIHNjcm9sbFN0cmF0ZWd5OiB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5yZXBvc2l0aW9uKCksXG4gICAgICBwb3NpdGlvblN0cmF0ZWd5OiB0aGlzLm92ZXJsYXlcbiAgICAgICAgLnBvc2l0aW9uKClcbiAgICAgICAgLmZsZXhpYmxlQ29ubmVjdGVkVG8odGhpcy5lbGVtZW50UmVmKVxuICAgICAgICAud2l0aFBvc2l0aW9ucyhbcG9zaXRpb25dKSxcbiAgICB9KTtcbiAgICB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKHRlbXBsYXRlUG9ydGFsKTtcblxuICAgIHRoaXMuY2xvc2VPdmVybGF5T25Fc2NhcGVLZXkodGhpcy5vdmVybGF5UmVmKTtcbiAgICB0aGlzLmNsb3NlT3ZlcmxheU9uQmFja2Ryb3BDbGljayh0aGlzLm92ZXJsYXlSZWYpO1xuICB9XG5cbiAgcHJpdmF0ZSBjbG9zZU92ZXJsYXlPbkVzY2FwZUtleShvdmVybGF5UmVmOiBPdmVybGF5UmVmKTogdm9pZCB7XG4gICAgb3ZlcmxheVJlZi5vdmVybGF5RWxlbWVudC5vbmtleWRvd24gPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkID0+IHtcbiAgICAgIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XG4gICAgICB9XG4gICAgfTtcbiAgfVxuXG4gIHByaXZhdGUgY2xvc2VPdmVybGF5T25CYWNrZHJvcENsaWNrKG92ZXJsYXlSZWY6IE92ZXJsYXlSZWYpOiB2b2lkIHtcbiAgICBvdmVybGF5UmVmXG4gICAgICAuYmFja2Ryb3BDbGljaygpXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSwgZmlyc3QoKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLmlzT3Blbi5zZXQoZmFsc2UpO1xuICAgICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheVJlZj8uZGV0YWNoKCk7XG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgfVxufVxuIl19

package/esm2022/components/dropdown/dropdown.component.mjs

@@ -1,75 +1,20 @@
-import { Component, HostBinding, HostListener, input } from '@angular/core';
-import { OverlayModule } from '@angular/cdk/overlay';
+import { ChangeDetectionStrategy, Component, computed, input, viewChild } from '@angular/core';
+import { ButtonDirective } from '../button';
 import { IconComponent } from '../icon';
+import { DropdownTriggerDirective } from './dropdown-trigger.directive';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/overlay";
 export class DropdownComponent {
     constructor() {
-        this.dropdownId = `dropdown-${Math.random()}`;
-        this.dropdownContainerId = `overlay-${Math.random()}`;
-        this.label = input();
-        this.placeholder = input();
-        this.autoWidth = input(true);
-        this.isOpen = false;
         this.disabled = input(false);
-        this.autoClose = input(true);
-        this.overlayPositions = [
-            {
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'top',
-            },
-            {
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'bottom',
-            },
-        ];
-    }
-    get isActive() {
-        return this.isOpen ? this.isOpen : null;
-    }
-    onClick() {
-        if (!this.disabled()) {
-            this.isOpen = !this.isOpen;
-        }
-    }
-    onAttach() {
-        const dropdownContainer = document.getElementById(this.dropdownContainerId);
-        const dropdown = document.getElementById(this.dropdownId);
-        if (dropdownContainer && dropdown && this.autoWidth()) {
-            dropdownContainer.style.width = dropdown.offsetWidth + 'px';
-        }
-    }
-    closeOverlay(event) {
-        event.stopPropagation();
-        this.isOpen = false;
-    }
-    onDropDownKeyDown(event) {
-        if (event.key !== 'Enter' || this.disabled()) {
-            return;
-        }
-        this.isOpen = !this.isOpen;
-    }
-    onKeyDown(event) {
-        if (event.key !== 'Escape' || this.disabled()) {
-            return;
-        }
-        this.isOpen = false;
+        this.dropdownTrigger = viewChild.required(DropdownTriggerDirective);
+        this.buttonIcon = computed(() => this.dropdownTrigger().isOpen() ? 'chevron-up' : 'chevron-down');
+        this.buttonText = input.required();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autoWidth: { classPropertyName: "autoWidth", publicName: "autoWidth", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.active": "this.isActive" } }, ngImport: i0, template: "<div\n  class=\"ndw-dropdown\"\n  [attr.tabindex]=\"disabled() ? null : 0\"\n  [attr.disabled]=\"disabled() ? true : null\"\n  [attr.active]=\"isOpen ? true : null\"\n  #cdkOverlayOrigin\n  [attr.id]=\"dropdownId\"\n  (keydown)=\"onDropDownKeyDown($event)\">\n  @if (label(); as label) {\n    <span class=\"ndw-dropdown-label\">{{ label }}</span>\n  }\n  @else if (placeholder()) {\n    <span class=\"ndw-dropdown-placeholder\">{{ placeholder() }}</span>\n  }\n  <ndw-icon class=\"ndw-dropdown-icon\" name=\"chevron-down\"/>\n</div>\n  \n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"cdkOverlayOrigin\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayWidth]=\"'flexible'\"\n  [cdkConnectedOverlayOpen]=\"isOpen\"\n  (attach)=\"onAttach()\"\n  (overlayOutsideClick)=\"autoClose() ? closeOverlay($event) : null\"\n  (overlayKeydown)=\"onKeyDown($event)\"\n>\n  <div class=\"ndw-dropdown-container\" [attr.id]=\"dropdownContainerId\">\n    <ng-content select=\"[dropdownContent]\"/>\n  </div>\n</ng-template>", styles: [":host{display:grid}:host[active] .ndw-dropdown{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary)}:host[active] .ndw-dropdown-icon{transform:var(--ndw-rotate-half)}.ndw-dropdown{display:flex;align-items:center;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-sm);position:relative;cursor:pointer;padding:var(--ndw-spacing-sm) var(--ndw-spacing-xl) var(--ndw-spacing-sm) var(--ndw-spacing-sm);border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);transition:var(--ndw-animation-speed-fast) ease-in-out;overflow:hidden}.ndw-dropdown[disabled]{background-color:var(--ndw-color-grey-100);pointer-events:none}.ndw-dropdown[disabled]:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dropdown[disabled] .ndw-dropdown-icon{color:var(--ndw-color-grey-300)}.ndw-dropdown[disabled] .ndw-dropdown-label{color:var(--ndw-color-grey-400)}.ndw-dropdown:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300)}.ndw-dropdown:focus-visible{border:var(--ndw-border-size-sm) solid var(--ndw-color-info-500);box-shadow:var(--ndw-elevation-info);outline:none}.ndw-dropdown .ndw-dropdown-label,.ndw-dropdown .ndw-dropdown-placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ndw-dropdown-placeholder{color:var(--ndw-color-grey-300)}.ndw-dropdown-container{margin-top:var(--ndw-spacing-2xs);padding:var(--ndw-spacing-sm);border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);box-shadow:var(--ndw-elevation-dropdown)}.ndw-dropdown-icon{position:absolute;right:12px;color:var(--ndw-color-primary);height:var(--ndw-icon-size-lg);width:var(--ndw-icon-size-lg);transition:var(--ndw-animation-speed-fast) ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.0", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  type=\"button\"\n  ndwButton\n  filter\n  [ndwDropdownTrigger]=\"dropdownContent\"\n  [disabled]=\"disabled()\"\n>\n  {{ buttonText() }}\n  <ndw-icon [name]=\"buttonIcon()\" />\n</button>\n<ng-template #dropdownContent>\n  <ng-content />\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "directive", type: DropdownTriggerDirective, selector: "[ndwDropdownTrigger]", inputs: ["ndwDropdownTrigger", "toggleOnClick", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ndw-dropdown', standalone: true, imports: [OverlayModule, IconComponent], template: "<div\n  class=\"ndw-dropdown\"\n  [attr.tabindex]=\"disabled() ? null : 0\"\n  [attr.disabled]=\"disabled() ? true : null\"\n  [attr.active]=\"isOpen ? true : null\"\n  #cdkOverlayOrigin\n  [attr.id]=\"dropdownId\"\n  (keydown)=\"onDropDownKeyDown($event)\">\n  @if (label(); as label) {\n    <span class=\"ndw-dropdown-label\">{{ label }}</span>\n  }\n  @else if (placeholder()) {\n    <span class=\"ndw-dropdown-placeholder\">{{ placeholder() }}</span>\n  }\n  <ndw-icon class=\"ndw-dropdown-icon\" name=\"chevron-down\"/>\n</div>\n  \n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"cdkOverlayOrigin\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayWidth]=\"'flexible'\"\n  [cdkConnectedOverlayOpen]=\"isOpen\"\n  (attach)=\"onAttach()\"\n  (overlayOutsideClick)=\"autoClose() ? closeOverlay($event) : null\"\n  (overlayKeydown)=\"onKeyDown($event)\"\n>\n  <div class=\"ndw-dropdown-container\" [attr.id]=\"dropdownContainerId\">\n    <ng-content select=\"[dropdownContent]\"/>\n  </div>\n</ng-template>", styles: [":host{display:grid}:host[active] .ndw-dropdown{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary)}:host[active] .ndw-dropdown-icon{transform:var(--ndw-rotate-half)}.ndw-dropdown{display:flex;align-items:center;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-sm);position:relative;cursor:pointer;padding:var(--ndw-spacing-sm) var(--ndw-spacing-xl) var(--ndw-spacing-sm) var(--ndw-spacing-sm);border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);transition:var(--ndw-animation-speed-fast) ease-in-out;overflow:hidden}.ndw-dropdown[disabled]{background-color:var(--ndw-color-grey-100);pointer-events:none}.ndw-dropdown[disabled]:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dropdown[disabled] .ndw-dropdown-icon{color:var(--ndw-color-grey-300)}.ndw-dropdown[disabled] .ndw-dropdown-label{color:var(--ndw-color-grey-400)}.ndw-dropdown:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300)}.ndw-dropdown:focus-visible{border:var(--ndw-border-size-sm) solid var(--ndw-color-info-500);box-shadow:var(--ndw-elevation-info);outline:none}.ndw-dropdown .ndw-dropdown-label,.ndw-dropdown .ndw-dropdown-placeholder{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ndw-dropdown-placeholder{color:var(--ndw-color-grey-300)}.ndw-dropdown-container{margin-top:var(--ndw-spacing-2xs);padding:var(--ndw-spacing-sm);border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);box-shadow:var(--ndw-elevation-dropdown)}.ndw-dropdown-icon{position:absolute;right:12px;color:var(--ndw-color-primary);height:var(--ndw-icon-size-lg);width:var(--ndw-icon-size-lg);transition:var(--ndw-animation-speed-fast) ease-in-out}\n"] }]
-        }], propDecorators: { isActive: [{
-                type: HostBinding,
-                args: ['attr.active']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBcUIsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7O0FBVXhDLE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFRUyxlQUFVLEdBQUcsWUFBWSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztRQUN6Qyx3QkFBbUIsR0FBRyxXQUFXLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDO1FBQ2pELFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixnQkFBVyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzlCLGNBQVMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDeEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN4QixxQkFBZ0IsR0FBd0I7WUFDN0M7Z0JBQ0UsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLE9BQU8sRUFBRSxRQUFRO2dCQUNqQixRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLEtBQUs7YUFDaEI7WUFDRDtnQkFDRSxPQUFPLEVBQUUsT0FBTztnQkFDaEIsT0FBTyxFQUFFLFFBQVE7Z0JBQ2pCLFFBQVEsRUFBRSxPQUFPO2dCQUNqQixRQUFRLEVBQUUsUUFBUTthQUNuQjtTQUNGLENBQUM7S0F5Q0g7SUF2Q0MsSUFDYyxRQUFRO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQzFDLENBQUM7SUFHTSxPQUFPO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBRU0sUUFBUTtRQUNiLE1BQU0saUJBQWlCLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUM1RSxNQUFNLFFBQVEsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUUxRCxJQUFJLGlCQUFpQixJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztZQUN0RCxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQzlELENBQUM7SUFDSCxDQUFDO0lBRU0sWUFBWSxDQUFDLEtBQVk7UUFDOUIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxLQUFvQjtRQUMzQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQzdDLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDN0IsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFvQjtRQUNuQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQzlDLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQzs4R0E5RFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsbzBCQ1o5QixvaUNBOEJjLHV4RER0QkYsYUFBYSxpaUNBQUUsYUFBYTs7MkZBSTNCLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLGFBQWEsQ0FBQzs4QkE2QnpCLFFBQVE7c0JBRHJCLFdBQVc7dUJBQUMsYUFBYTtnQkFNbkIsT0FBTztzQkFEYixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uLCBPdmVybGF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24nO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1kcm9wZG93bicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtPdmVybGF5TW9kdWxlLCBJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCB7XG4gIHB1YmxpYyBkcm9wZG93bklkID0gYGRyb3Bkb3duLSR7TWF0aC5yYW5kb20oKX1gO1xuICBwdWJsaWMgZHJvcGRvd25Db250YWluZXJJZCA9IGBvdmVybGF5LSR7TWF0aC5yYW5kb20oKX1gO1xuICBwdWJsaWMgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHB1YmxpYyBwbGFjZWhvbGRlciA9IGlucHV0PHN0cmluZz4oKTtcbiAgcHVibGljIGF1dG9XaWR0aCA9IGlucHV0KHRydWUpO1xuICBwdWJsaWMgaXNPcGVuID0gZmFsc2U7XG4gIHB1YmxpYyBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgcHVibGljIGF1dG9DbG9zZSA9IGlucHV0KHRydWUpO1xuICBwdWJsaWMgb3ZlcmxheVBvc2l0aW9uczogQ29ubmVjdGVkUG9zaXRpb25bXSA9IFtcbiAgICB7XG4gICAgICBvcmlnaW5YOiAnc3RhcnQnLFxuICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdzdGFydCcsXG4gICAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgb3ZlcmxheVk6ICdib3R0b20nLFxuICAgIH0sXG4gIF07XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFjdGl2ZScpXG4gIHByb3RlY3RlZCBnZXQgaXNBY3RpdmUoKTogYm9vbGVhbiB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmlzT3BlbiA/IHRoaXMuaXNPcGVuIDogbnVsbDtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgcHVibGljIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKCkpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvbkF0dGFjaCgpOiB2b2lkIHtcbiAgICBjb25zdCBkcm9wZG93bkNvbnRhaW5lciA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuZHJvcGRvd25Db250YWluZXJJZCk7XG4gICAgY29uc3QgZHJvcGRvd24gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCh0aGlzLmRyb3Bkb3duSWQpO1xuXG4gICAgaWYgKGRyb3Bkb3duQ29udGFpbmVyICYmIGRyb3Bkb3duICYmIHRoaXMuYXV0b1dpZHRoKCkpIHtcbiAgICAgIGRyb3Bkb3duQ29udGFpbmVyLnN0eWxlLndpZHRoID0gZHJvcGRvd24ub2Zmc2V0V2lkdGggKyAncHgnO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjbG9zZU92ZXJsYXkoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgfVxuXG4gIHB1YmxpYyBvbkRyb3BEb3duS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5rZXkgIT09ICdFbnRlcicgfHwgdGhpcy5kaXNhYmxlZCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICB9XG5cbiAgcHVibGljIG9uS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5rZXkgIT09ICdFc2NhcGUnIHx8IHRoaXMuZGlzYWJsZWQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwibmR3LWRyb3Bkb3duXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwiZGlzYWJsZWQoKSA/IG51bGwgOiAwXCJcbiAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSA/IHRydWUgOiBudWxsXCJcbiAgW2F0dHIuYWN0aXZlXT1cImlzT3BlbiA/IHRydWUgOiBudWxsXCJcbiAgI2Nka092ZXJsYXlPcmlnaW5cbiAgW2F0dHIuaWRdPVwiZHJvcGRvd25JZFwiXG4gIChrZXlkb3duKT1cIm9uRHJvcERvd25LZXlEb3duKCRldmVudClcIj5cbiAgQGlmIChsYWJlbCgpOyBhcyBsYWJlbCkge1xuICAgIDxzcGFuIGNsYXNzPVwibmR3LWRyb3Bkb3duLWxhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gIH1cbiAgQGVsc2UgaWYgKHBsYWNlaG9sZGVyKCkpIHtcbiAgICA8c3BhbiBjbGFzcz1cIm5kdy1kcm9wZG93bi1wbGFjZWhvbGRlclwiPnt7IHBsYWNlaG9sZGVyKCkgfX08L3NwYW4+XG4gIH1cbiAgPG5kdy1pY29uIGNsYXNzPVwibmR3LWRyb3Bkb3duLWljb25cIiBuYW1lPVwiY2hldnJvbi1kb3duXCIvPlxuPC9kaXY+XG4gIFxuPG5nLXRlbXBsYXRlXG4gIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcmlnaW5dPVwiY2RrT3ZlcmxheU9yaWdpblwiXG4gIFtjZGtDb25uZWN0ZWRPdmVybGF5UG9zaXRpb25zXT1cIm92ZXJsYXlQb3NpdGlvbnNcIlxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheVdpZHRoXT1cIidmbGV4aWJsZSdcIlxuICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiaXNPcGVuXCJcbiAgKGF0dGFjaCk9XCJvbkF0dGFjaCgpXCJcbiAgKG92ZXJsYXlPdXRzaWRlQ2xpY2spPVwiYXV0b0Nsb3NlKCkgPyBjbG9zZU92ZXJsYXkoJGV2ZW50KSA6IG51bGxcIlxuICAob3ZlcmxheUtleWRvd24pPVwib25LZXlEb3duKCRldmVudClcIlxuPlxuICA8ZGl2IGNsYXNzPVwibmR3LWRyb3Bkb3duLWNvbnRhaW5lclwiIFthdHRyLmlkXT1cImRyb3Bkb3duQ29udGFpbmVySWRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHJvcGRvd25Db250ZW50XVwiLz5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==
+            args: [{ selector: 'ndw-dropdown', standalone: true, imports: [ButtonDirective, DropdownTriggerDirective, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  type=\"button\"\n  ndwButton\n  filter\n  [ndwDropdownTrigger]=\"dropdownContent\"\n  [disabled]=\"disabled()\"\n>\n  {{ buttonText() }}\n  <ndw-icon [name]=\"buttonIcon()\" />\n</button>\n<ng-template #dropdownContent>\n  <ng-content />\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFVeEUsTUFBTSxPQUFPLGlCQUFpQjtJQVI5QjtRQVNrQixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLG9CQUFlLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQy9ELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ3pDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQ2hFLENBQUM7UUFDYyxlQUFVLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO0tBQ3ZEOzhHQVBZLGlCQUFpQjtrR0FBakIsaUJBQWlCLDRZQUV5Qix3QkFBd0IsZ0VDZi9FLDRRQWFBLG9KREhZLGVBQWUsd0RBQUUsd0JBQXdCLHVKQUFFLGFBQWE7OzJGQUd2RCxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsY0FBYyxjQUdaLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSx3QkFBd0IsRUFBRSxhQUFhLENBQUMsbUJBQ2xELHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcbmltcG9ydCB7IERyb3Bkb3duVHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vZHJvcGRvd24tdHJpZ2dlci5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJ2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtCdXR0b25EaXJlY3RpdmUsIERyb3Bkb3duVHJpZ2dlckRpcmVjdGl2ZSwgSWNvbkNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgcHVibGljIHJlYWRvbmx5IGRyb3Bkb3duVHJpZ2dlciA9IHZpZXdDaGlsZC5yZXF1aXJlZChEcm9wZG93blRyaWdnZXJEaXJlY3RpdmUpO1xuICBwdWJsaWMgcmVhZG9ubHkgYnV0dG9uSWNvbiA9IGNvbXB1dGVkKCgpID0+XG4gICAgdGhpcy5kcm9wZG93blRyaWdnZXIoKS5pc09wZW4oKSA/ICdjaGV2cm9uLXVwJyA6ICdjaGV2cm9uLWRvd24nLFxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgYnV0dG9uVGV4dCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbn1cbiIsIjxidXR0b25cbiAgdHlwZT1cImJ1dHRvblwiXG4gIG5kd0J1dHRvblxuICBmaWx0ZXJcbiAgW25kd0Ryb3Bkb3duVHJpZ2dlcl09XCJkcm9wZG93bkNvbnRlbnRcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4+XG4gIHt7IGJ1dHRvblRleHQoKSB9fVxuICA8bmR3LWljb24gW25hbWVdPVwiYnV0dG9uSWNvbigpXCIgLz5cbjwvYnV0dG9uPlxuPG5nLXRlbXBsYXRlICNkcm9wZG93bkNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IC8+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/components/dropdown/index.mjs

@@ -1,2 +1,3 @@
+export * from './dropdown-trigger.directive';
 export * from './dropdown.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZHJvcGRvd24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZHJvcGRvd24uY29tcG9uZW50JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZHJvcGRvd24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/components/form-field/checkbox/checkbox.component.mjs

@@ -0,0 +1,91 @@
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, HostBinding, HostListener, input, model, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { IconComponent } from '../../icon';
+import * as i0 from "@angular/core";
+export class CheckboxComponent {
+    constructor() {
+        this.checked = model(false);
+        this.switch = input(false);
+        this.disabled = input(false);
+        this.error = input(false);
+        this.indeterminate = input(false);
+        this.required = input(false);
+        this.switched = model(false);
+        this.uuid = crypto.randomUUID();
+    }
+    get checkedClass() {
+        return this.checked();
+    }
+    get disabledClass() {
+        return this.disabled();
+    }
+    get indeterminateClass() {
+        return this.indeterminate();
+    }
+    get tabindexAttr() {
+        return this.disabled() ? -1 : 0;
+    }
+    onClick() {
+        this.checked.set(!this.checked());
+        if (this.switch()) {
+            this.switched.set(true);
+        }
+    }
+    onKeyDown(event) {
+        if (event.key !== 'Enter' || this.disabled()) {
+            return;
+        }
+        this.checked.set(!this.checked());
+        if (this.switch()) {
+            this.switched.set(true);
+        }
+        event.preventDefault();
+    }
+    writeValue(value) {
+        this.checked.set(value);
+    }
+    registerOnChange(fn) {
+        this.checked.subscribe(fn);
+    }
+    registerOnTouched() {
+        // noop
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: CheckboxComponent, isStandalone: true, selector: "ndw-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, switch: { classPropertyName: "switch", publicName: "switch", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, switched: { classPropertyName: "switched", publicName: "switched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", switched: "switchedChange" }, host: { listeners: { "click": "onClick()", "keydown": "onKeyDown($event)" }, properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass", "class.indeterminate": "this.indeterminateClass", "attr.tabindex": "this.tabindexAttr" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: CheckboxComponent,
+                multi: true,
+            },
+        ], ngImport: i0, template: "<input\n  type=\"checkbox\"\n  [id]=\"'checkbox-' + uuid\"\n  [checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  [required]=\"required()\"\n/>\n@if (!switch()) {\n  <div class=\"checkbox\" [ngClass]=\"{ error: error() }\">\n    @if (checked()) {\n      <ndw-icon name=\"check\" />\n    } @else if (indeterminate()) {\n      <ndw-icon name=\"minus\" />\n    }\n  </div>\n} @else {\n  <div class=\"switch\" [ngClass]=\"{ error: error(), switched: switched() }\">\n    <div class=\"switch-icon\">\n      @if (checked()) {\n        <ndw-icon name=\"check\" />\n      } @else {\n        <ndw-icon name=\"x\" />\n      }\n    </div>\n  </div>\n}\n<label tabindex=\"-1\" [for]=\"'checkbox-' + uuid\" (click)=\"onClick()\" (keydown)=\"onKeyDown($event)\">\n  <ng-content />\n</label>\n", styles: [":host{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ndw-spacing-xs);height:1.375rem;width:fit-content}input{display:none}.checkbox{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-white);display:flex;height:1.25rem;position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-in-out,border-color var(--ndw-animation-speed-fast) ease-in-out,box-shadow var(--ndw-animation-speed-fast) ease-in-out;width:1.25rem}.checkbox ndw-icon{height:calc(100% * var(--ndw-border-size-sm) * 2);inset:calc(var(--ndw-border-size-sm) * -1);position:absolute;width:calc(100% * var(--ndw-border-size-sm) * 2)}.checkbox.error{background-color:var(--ndw-color-negative-100);border-color:var(--ndw-color-negative-500)}.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg);transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out}.switch.switched .switch-icon{animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}.switch .switch-icon{background-color:var(--ndw-color-grey-300);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center}.switch .switch-icon ndw-icon{color:var(--ndw-color-white);width:var(--ndw-spacing-sm);height:var(--ndw-spacing-sm)}label{font-family:var(--ndw-font-family);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;margin-top:var(--ndw-spacing-2xs);width:fit-content}label:focus{outline:none}:host(.checked) .checkbox,:host(.indeterminate) .checkbox{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) .checkbox.error,:host(.indeterminate) .checkbox.error{background-color:var(--ndw-color-negative-500);border-color:var(--ndw-color-negative-500)}:host(.checked) .switch,:host(.indeterminate) .switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) .switch .switch-icon,:host(.indeterminate) .switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) .switch .switch-icon ndw-icon,:host(.indeterminate) .switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(:hover) .checkbox{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}:host(:hover) .switch{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-500)}:host(:hover) .switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) .checkbox,:host(.indeterminate:hover) .checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) .switch,:host(.indeterminate:hover) .switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) .switch ndw-icon,:host(.indeterminate:hover) .switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus){outline:none}:host(:focus) .checkbox{box-shadow:var(--ndw-elevation-info)}:host(:focus) .switch{border-color:var(--ndw-color-info-500);box-shadow:var(--ndw-elevation-info)}:host(:active) .checkbox,:host(:focus) .checkbox,:host(:not(.checked):active) .checkbox,:host(:not(.indeterminate):active) .checkbox{border-color:var(--ndw-color-info-500)}:host(:active) .switch,:host(:focus) .switch,:host(:not(.checked):active) .switch,:host(:not(.indeterminate):active) .switch{border-color:var(--ndw-color-info-500)}:host(.checked:focus) .checkbox,:host(.indeterminate:focus) .checkbox{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) .checkbox{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.disabled) .switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .checkbox,:host(.indeterminate.disabled) .checkbox{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch,:host(.indeterminate.disabled) .switch{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch .switch-icon,:host(.indeterminate.disabled) .switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) .switch .switch-icon ndw-icon,:host(.indeterminate.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-200)}@keyframes translateToRight{0%{transform:translate(0);background-color:var(--ndw-color-grey-300)}to{transform:translate(20px);background-color:var(--ndw-color-white)}}@keyframes translateToLeft{0%{transform:translate(20px);background-color:var(--ndw-color-white)}to{transform:translate(0);background-color:var(--ndw-color-grey-300)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-checkbox', standalone: true, imports: [IconComponent, NgClass], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: CheckboxComponent,
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  type=\"checkbox\"\n  [id]=\"'checkbox-' + uuid\"\n  [checked]=\"checked()\"\n  [disabled]=\"disabled()\"\n  [required]=\"required()\"\n/>\n@if (!switch()) {\n  <div class=\"checkbox\" [ngClass]=\"{ error: error() }\">\n    @if (checked()) {\n      <ndw-icon name=\"check\" />\n    } @else if (indeterminate()) {\n      <ndw-icon name=\"minus\" />\n    }\n  </div>\n} @else {\n  <div class=\"switch\" [ngClass]=\"{ error: error(), switched: switched() }\">\n    <div class=\"switch-icon\">\n      @if (checked()) {\n        <ndw-icon name=\"check\" />\n      } @else {\n        <ndw-icon name=\"x\" />\n      }\n    </div>\n  </div>\n}\n<label tabindex=\"-1\" [for]=\"'checkbox-' + uuid\" (click)=\"onClick()\" (keydown)=\"onKeyDown($event)\">\n  <ng-content />\n</label>\n", styles: [":host{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ndw-spacing-xs);height:1.375rem;width:fit-content}input{display:none}.checkbox{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-white);display:flex;height:1.25rem;position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-in-out,border-color var(--ndw-animation-speed-fast) ease-in-out,box-shadow var(--ndw-animation-speed-fast) ease-in-out;width:1.25rem}.checkbox ndw-icon{height:calc(100% * var(--ndw-border-size-sm) * 2);inset:calc(var(--ndw-border-size-sm) * -1);position:absolute;width:calc(100% * var(--ndw-border-size-sm) * 2)}.checkbox.error{background-color:var(--ndw-color-negative-100);border-color:var(--ndw-color-negative-500)}.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg);transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out}.switch.switched .switch-icon{animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}.switch .switch-icon{background-color:var(--ndw-color-grey-300);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center}.switch .switch-icon ndw-icon{color:var(--ndw-color-white);width:var(--ndw-spacing-sm);height:var(--ndw-spacing-sm)}label{font-family:var(--ndw-font-family);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;margin-top:var(--ndw-spacing-2xs);width:fit-content}label:focus{outline:none}:host(.checked) .checkbox,:host(.indeterminate) .checkbox{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) .checkbox.error,:host(.indeterminate) .checkbox.error{background-color:var(--ndw-color-negative-500);border-color:var(--ndw-color-negative-500)}:host(.checked) .switch,:host(.indeterminate) .switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) .switch .switch-icon,:host(.indeterminate) .switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) .switch .switch-icon ndw-icon,:host(.indeterminate) .switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(:hover) .checkbox{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}:host(:hover) .switch{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-500)}:host(:hover) .switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) .checkbox,:host(.indeterminate:hover) .checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) .switch,:host(.indeterminate:hover) .switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) .switch ndw-icon,:host(.indeterminate:hover) .switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus){outline:none}:host(:focus) .checkbox{box-shadow:var(--ndw-elevation-info)}:host(:focus) .switch{border-color:var(--ndw-color-info-500);box-shadow:var(--ndw-elevation-info)}:host(:active) .checkbox,:host(:focus) .checkbox,:host(:not(.checked):active) .checkbox,:host(:not(.indeterminate):active) .checkbox{border-color:var(--ndw-color-info-500)}:host(:active) .switch,:host(:focus) .switch,:host(:not(.checked):active) .switch,:host(:not(.indeterminate):active) .switch{border-color:var(--ndw-color-info-500)}:host(.checked:focus) .checkbox,:host(.indeterminate:focus) .checkbox{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) .checkbox{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.disabled) .switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .checkbox,:host(.indeterminate.disabled) .checkbox{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch,:host(.indeterminate.disabled) .switch{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch .switch-icon,:host(.indeterminate.disabled) .switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) .switch .switch-icon ndw-icon,:host(.indeterminate.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-200)}@keyframes translateToRight{0%{transform:translate(0);background-color:var(--ndw-color-grey-300)}to{transform:translate(20px);background-color:var(--ndw-color-white)}}@keyframes translateToLeft{0%{transform:translate(20px);background-color:var(--ndw-color-white)}to{transform:translate(0);background-color:var(--ndw-color-grey-300)}}\n"] }]
+        }], propDecorators: { checkedClass: [{
+                type: HostBinding,
+                args: ['class.checked']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }], indeterminateClass: [{
+                type: HostBinding,
+                args: ['class.indeterminate']
+            }], tabindexAttr: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFpQjNDLE1BQU0sT0FBTyxpQkFBaUI7SUFmOUI7UUFnQlMsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixXQUFNLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsVUFBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixrQkFBYSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFeEIsU0FBSSxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztLQXVEbkM7SUFyREMsSUFDVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUNXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELElBQ1csa0JBQWtCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUNXLFlBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUdNLE9BQU87UUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBRWxDLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFHTSxTQUFTLENBQUMsS0FBb0I7UUFDbkMsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUM3QyxPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDbEMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixDQUFDO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBNEI7UUFDbEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixPQUFPO0lBQ1QsQ0FBQzs4R0EvRFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsbXhDQVhqQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxpQkFBaUI7Z0JBQzlCLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkN2QkgsZ3hCQTZCQSw2L0tEYlksYUFBYSxzRkFBRSxPQUFPOzsyRkFZckIsaUJBQWlCO2tCQWY3QixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLGFBQ3RCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsbUJBQW1COzRCQUM5QixLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRixtQkFHZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFjcEMsWUFBWTtzQkFEdEIsV0FBVzt1QkFBQyxlQUFlO2dCQU1qQixhQUFhO3NCQUR2QixXQUFXO3VCQUFDLGdCQUFnQjtnQkFNbEIsa0JBQWtCO3NCQUQ1QixXQUFXO3VCQUFDLHFCQUFxQjtnQkFNdkIsWUFBWTtzQkFEdEIsV0FBVzt1QkFBQyxlQUFlO2dCQU1yQixPQUFPO3NCQURiLFlBQVk7dUJBQUMsT0FBTztnQkFVZCxTQUFTO3NCQURmLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBpbnB1dCxcbiAgbW9kZWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1jaGVja2JveCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50LCBOZ0NsYXNzXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogQ2hlY2tib3hDb21wb25lbnQsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIHB1YmxpYyBjaGVja2VkID0gbW9kZWwoZmFsc2UpO1xuICBwdWJsaWMgc3dpdGNoID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyBlcnJvciA9IGlucHV0KGZhbHNlKTtcbiAgcHVibGljIGluZGV0ZXJtaW5hdGUgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyByZXF1aXJlZCA9IGlucHV0KGZhbHNlKTtcbiAgcHVibGljIHN3aXRjaGVkID0gbW9kZWwoZmFsc2UpO1xuXG4gIHB1YmxpYyB1dWlkID0gY3J5cHRvLnJhbmRvbVVVSUQoKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNoZWNrZWQnKVxuICBwdWJsaWMgZ2V0IGNoZWNrZWRDbGFzcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5jaGVja2VkKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc2FibGVkJylcbiAgcHVibGljIGdldCBkaXNhYmxlZENsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmluZGV0ZXJtaW5hdGUnKVxuICBwdWJsaWMgZ2V0IGluZGV0ZXJtaW5hdGVDbGFzcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbmRldGVybWluYXRlKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKVxuICBwdWJsaWMgZ2V0IHRhYmluZGV4QXR0cigpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkKCkgPyAtMSA6IDA7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHB1YmxpYyBvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZC5zZXQoIXRoaXMuY2hlY2tlZCgpKTtcblxuICAgIGlmICh0aGlzLnN3aXRjaCgpKSB7XG4gICAgICB0aGlzLnN3aXRjaGVkLnNldCh0cnVlKTtcbiAgICB9XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgcHVibGljIG9uS2V5RG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5rZXkgIT09ICdFbnRlcicgfHwgdGhpcy5kaXNhYmxlZCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5jaGVja2VkLnNldCghdGhpcy5jaGVja2VkKCkpO1xuICAgIGlmICh0aGlzLnN3aXRjaCgpKSB7XG4gICAgICB0aGlzLnN3aXRjaGVkLnNldCh0cnVlKTtcbiAgICB9XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2VkLnNldCh2YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5jaGVja2VkLnN1YnNjcmliZShmbik7XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoKTogdm9pZCB7XG4gICAgLy8gbm9vcFxuICB9XG59XG4iLCI8aW5wdXRcbiAgdHlwZT1cImNoZWNrYm94XCJcbiAgW2lkXT1cIidjaGVja2JveC0nICsgdXVpZFwiXG4gIFtjaGVja2VkXT1cImNoZWNrZWQoKVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgW3JlcXVpcmVkXT1cInJlcXVpcmVkKClcIlxuLz5cbkBpZiAoIXN3aXRjaCgpKSB7XG4gIDxkaXYgY2xhc3M9XCJjaGVja2JveFwiIFtuZ0NsYXNzXT1cInsgZXJyb3I6IGVycm9yKCkgfVwiPlxuICAgIEBpZiAoY2hlY2tlZCgpKSB7XG4gICAgICA8bmR3LWljb24gbmFtZT1cImNoZWNrXCIgLz5cbiAgICB9IEBlbHNlIGlmIChpbmRldGVybWluYXRlKCkpIHtcbiAgICAgIDxuZHctaWNvbiBuYW1lPVwibWludXNcIiAvPlxuICAgIH1cbiAgPC9kaXY+XG59IEBlbHNlIHtcbiAgPGRpdiBjbGFzcz1cInN3aXRjaFwiIFtuZ0NsYXNzXT1cInsgZXJyb3I6IGVycm9yKCksIHN3aXRjaGVkOiBzd2l0Y2hlZCgpIH1cIj5cbiAgICA8ZGl2IGNsYXNzPVwic3dpdGNoLWljb25cIj5cbiAgICAgIEBpZiAoY2hlY2tlZCgpKSB7XG4gICAgICAgIDxuZHctaWNvbiBuYW1lPVwiY2hlY2tcIiAvPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxuZHctaWNvbiBuYW1lPVwieFwiIC8+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxufVxuPGxhYmVsIHRhYmluZGV4PVwiLTFcIiBbZm9yXT1cIidjaGVja2JveC0nICsgdXVpZFwiIChjbGljayk9XCJvbkNsaWNrKClcIiAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiPlxuICA8bmctY29udGVudCAvPlxuPC9sYWJlbD5cbiJdfQ==

package/esm2022/components/form-field/checkbox/index.mjs

@@ -0,0 +1,2 @@
+export * from './checkbox.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZm9ybS1maWVsZC9jaGVja2JveC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC5jb21wb25lbnQnO1xuIl19

package/esm2022/components/form-field/checkbox-group/checkbox-group.component.mjs

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CheckboxGroupComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: CheckboxGroupComponent, isStandalone: true, selector: "ndw-checkbox-group", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-checkbox-group', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvY2hlY2tib3gtZ3JvdXAvY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLHNCQUFzQjs4R0FBdEIsc0JBQXNCO2tHQUF0QixzQkFBc0IsOEVDVG5DLGtCQUNBOzsyRkRRYSxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1jaGVja2JveC1ncm91cCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2hlY2tib3gtZ3JvdXAuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveEdyb3VwQ29tcG9uZW50IHt9XG4iLCI8bmctY29udGVudCAvPlxuIl19

package/esm2022/components/form-field/checkbox-group/index.mjs

@@ -0,0 +1,2 @@
+export * from './checkbox-group.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZm9ybS1maWVsZC9jaGVja2JveC1ncm91cC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC1ncm91cC5jb21wb25lbnQnO1xuIl19

package/esm2022/components/form-field/error/error.component.mjs

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { IconComponent } from '../../icon';
+import * as i0 from "@angular/core";
+export class ErrorComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ErrorComponent, isStandalone: true, selector: "ndw-error", ngImport: i0, template: "<ndw-icon name=\"error\" />\n<ng-content />\n", styles: [":host{align-content:center;align-items:center;color:var(--ndw-color-negative-700);display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;height:1rem;line-height:100%}ndw-icon{width:.875rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-error', standalone: true, imports: [IconComponent], template: "<ndw-icon name=\"error\" />\n<ng-content />\n", styles: [":host{align-content:center;align-items:center;color:var(--ndw-color-negative-700);display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;height:1rem;line-height:100%}ndw-icon{width:.875rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvZXJyb3IvZXJyb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvZXJyb3IvZXJyb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVMzQyxNQUFNLE9BQU8sY0FBYzs4R0FBZCxjQUFjO2tHQUFkLGNBQWMscUVDWDNCLCtDQUVBLDhVREtZLGFBQWE7OzJGQUlaLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1lcnJvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2Vycm9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2Vycm9yLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgRXJyb3JDb21wb25lbnQge31cbiIsIjxuZHctaWNvbiBuYW1lPVwiZXJyb3JcIiAvPlxuPG5nLWNvbnRlbnQgLz5cbiJdfQ==

package/esm2022/components/form-field/error/index.mjs

@@ -0,0 +1,2 @@
+export * from './error.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZm9ybS1maWVsZC9lcnJvci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9lcnJvci5jb21wb25lbnQnO1xuIl19