@ndwnu/design-system 1.1.1 → 2.0.0

package/esm2022/components/modal/index.mjs

@@ -1,3 +1,19 @@
-export * from './modal.service';
+import { ModalContentComponent } from './modal-content';
+import { ModalFooterComponent } from './modal-footer';
+import { ModalHeaderComponent } from './modal-header';
+import { ModalTriggerDirective } from './modal-trigger.directive';
+import { ModalComponent } from './modal.component';
+export * from './modal-content';
+export * from './modal-footer';
+export * from './modal-header';
 export * from './modal-trigger.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvbW9kYWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb2RhbC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuIl19
+export * from './modal.component';
+export * from './modal.service';
+export const MODAL_COMPONENTS = [
+    ModalComponent,
+    ModalHeaderComponent,
+    ModalContentComponent,
+    ModalFooterComponent,
+    ModalTriggerDirective,
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvbW9kYWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRW5ELGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBRWhDLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHO0lBQzlCLGNBQWM7SUFDZCxvQkFBb0I7SUFDcEIscUJBQXFCO0lBQ3JCLG9CQUFvQjtJQUNwQixxQkFBcUI7Q0FDdEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1vZGFsQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwtY29udGVudCc7XG5pbXBvcnQgeyBNb2RhbEZvb3RlckNvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwtZm9vdGVyJztcbmltcG9ydCB7IE1vZGFsSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9tb2RhbC1oZWFkZXInO1xuaW1wb3J0IHsgTW9kYWxUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnLi9tb2RhbC10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwuY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC1jb250ZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwtZm9vdGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwtaGVhZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC5zZXJ2aWNlJztcblxuZXhwb3J0IGNvbnN0IE1PREFMX0NPTVBPTkVOVFMgPSBbXG4gIE1vZGFsQ29tcG9uZW50LFxuICBNb2RhbEhlYWRlckNvbXBvbmVudCxcbiAgTW9kYWxDb250ZW50Q29tcG9uZW50LFxuICBNb2RhbEZvb3RlckNvbXBvbmVudCxcbiAgTW9kYWxUcmlnZ2VyRGlyZWN0aXZlLFxuXTtcbiJdfQ==

package/esm2022/components/modal/modal-content/index.mjs

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

package/esm2022/components/modal/modal-content/modal-content.component.mjs

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ModalContentComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalContentComponent, isStandalone: true, selector: "ndw-modal-content", ngImport: i0, template: "<ng-content />\n", styles: [":host{font-size:var(--ndw-font-size-sm);max-height:100%;overflow-y:auto}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-modal-content', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{font-size:var(--ndw-font-size-sm);max-height:100%;overflow-y:auto}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwtY29udGVudC9tb2RhbC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC1jb250ZW50L21vZGFsLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLHFCQUFxQjs4R0FBckIscUJBQXFCO2tHQUFyQixxQkFBcUIsNkVDVGxDLGtCQUNBOzsyRkRRYSxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1tb2RhbC1jb250ZW50JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuLi8uLi9jYXJkL2NhcmQtY29udGVudC9jYXJkLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENvbnRlbnRDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=

package/esm2022/components/modal/modal-footer/index.mjs

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

package/esm2022/components/modal/modal-footer/modal-footer.component.mjs

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ModalFooterComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalFooterComponent, isStandalone: true, selector: "ndw-modal-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-modal-footer', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC1mb290ZXIvbW9kYWwtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC1mb290ZXIvbW9kYWwtZm9vdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFDLE1BQU0sT0FBTyxvQkFBb0I7OEdBQXBCLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDRFQ1RqQyxrQkFDQTs7MkZEUWEsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctbW9kYWwtZm9vdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1mb290ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4uLy4uL2NhcmQvY2FyZC1mb290ZXIvY2FyZC1mb290ZXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEZvb3RlckNvbXBvbmVudCB7fVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==

package/esm2022/components/modal/modal-header/index.mjs

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

package/esm2022/components/modal/modal-header/modal-header.component.mjs

@@ -0,0 +1,19 @@
+import { Component, inject } from '@angular/core';
+import { ActionIconComponent, IconComponent } from '../../icon';
+import { ModalService } from '../../modal';
+import * as i0 from "@angular/core";
+export class ModalHeaderComponent {
+    constructor() {
+        this.modalService = inject(ModalService);
+    }
+    detachModal() {
+        this.modalService.detach();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalHeaderComponent, isStandalone: true, selector: "ndw-modal-header", ngImport: i0, template: "<ng-content />\n<ndw-action-icon ariaLabel=\"Close\" (click)=\"detachModal()\">close</ndw-action-icon>\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n", ":host{grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"], dependencies: [{ kind: "component", type: ActionIconComponent, selector: "ndw-action-icon", inputs: ["ariaLabel", "variant", "buttonType", "disabled", "size"], outputs: ["onClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-modal-header', standalone: true, imports: [IconComponent, ActionIconComponent], template: "<ng-content />\n<ndw-action-icon ariaLabel=\"Close\" (click)=\"detachModal()\">close</ndw-action-icon>\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n", ":host{grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC1oZWFkZXIvbW9kYWwtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC1oZWFkZXIvbW9kYWwtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFTM0MsTUFBTSxPQUFPLG9CQUFvQjtJQVBqQztRQVFtQixpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztLQUt0RDtJQUhRLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUM3QixDQUFDOzhHQUxVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDRFQ1pqQywwR0FFQSx1T0RNMkIsbUJBQW1COzsyRkFJakMsb0JBQW9CO2tCQVBoQyxTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBY3Rpb25JY29uQ29tcG9uZW50LCBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbic7XG5pbXBvcnQgeyBNb2RhbFNlcnZpY2UgfSBmcm9tICcuLi8uLi9tb2RhbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1tb2RhbC1oZWFkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgQWN0aW9uSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vLi4vY2FyZC9jYXJkLWhlYWRlci9jYXJkLWhlYWRlci5jb21wb25lbnQuc2NzcycsICcuL21vZGFsLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbEhlYWRlckNvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgbW9kYWxTZXJ2aWNlID0gaW5qZWN0KE1vZGFsU2VydmljZSk7XG5cbiAgcHVibGljIGRldGFjaE1vZGFsKCk6IHZvaWQge1xuICAgIHRoaXMubW9kYWxTZXJ2aWNlLmRldGFjaCgpO1xuICB9XG59XG4iLCI8bmctY29udGVudCAvPlxuPG5kdy1hY3Rpb24taWNvbiBhcmlhTGFiZWw9XCJDbG9zZVwiIChjbGljayk9XCJkZXRhY2hNb2RhbCgpXCI+Y2xvc2U8L25kdy1hY3Rpb24taWNvbj5cbiJdfQ==

package/esm2022/components/modal/modal.component.mjs

@@ -0,0 +1,32 @@
+import { Component, HostBinding, input } from '@angular/core';
+import { CardComponent } from '../card';
+import * as i0 from "@angular/core";
+export class ModalComponent extends CardComponent {
+    constructor() {
+        super(...arguments);
+        this.size = input('sm');
+        this.roleAttr = 'dialog';
+    }
+    get isSmall() {
+        return this.size() === 'sm';
+    }
+    get isMedium() {
+        return this.size() === 'md';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: ModalComponent, isStandalone: true, selector: "ndw-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.modal-size-sm": "this.isSmall", "class.modal-size-md": "this.isMedium", "attr.role": "this.roleAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n", ":host{width:var(--ndw-modal-width-sm)}:host.modal-size-md{width:var(--ndw-modal-width-md)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-modal', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n", ":host{width:var(--ndw-modal-width-sm)}:host.modal-size-md{width:var(--ndw-modal-width-md)}\n"] }]
+        }], propDecorators: { isSmall: [{
+                type: HostBinding,
+                args: ['class.modal-size-sm']
+            }], isMedium: [{
+                type: HostBinding,
+                args: ['class.modal-size-md']
+            }], roleAttr: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFXeEMsTUFBTSxPQUFPLGNBQWUsU0FBUSxhQUFhO0lBUGpEOztRQVFTLFNBQUksR0FBRyxLQUFLLENBQVksSUFBSSxDQUFDLENBQUM7UUFhckIsYUFBUSxHQUFHLFFBQVEsQ0FBQztLQUNyQztJQVpDLElBQ1csT0FBTztRQUNoQixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQ1csUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxJQUFJLENBQUM7SUFDOUIsQ0FBQzs4R0FYVSxjQUFjO2tHQUFkLGNBQWMsb1dDYjNCLGtCQUNBOzsyRkRZYSxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsRUFBRTs4QkFRQSxPQUFPO3NCQURqQixXQUFXO3VCQUFDLHFCQUFxQjtnQkFNdkIsUUFBUTtzQkFEbEIsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBTWxCLFFBQVE7c0JBRHZCLFdBQVc7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkJztcblxuZXhwb3J0IHR5cGUgTW9kYWxTaXplID0gJ3NtJyB8ICdtZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1tb2RhbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vY2FyZC9jYXJkLmNvbXBvbmVudC5zY3NzJywgJy4vbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQgZXh0ZW5kcyBDYXJkQ29tcG9uZW50IHtcbiAgcHVibGljIHNpemUgPSBpbnB1dDxNb2RhbFNpemU+KCdzbScpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MubW9kYWwtc2l6ZS1zbScpXG4gIHB1YmxpYyBnZXQgaXNTbWFsbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zaXplKCkgPT09ICdzbSc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm1vZGFsLXNpemUtbWQnKVxuICBwdWJsaWMgZ2V0IGlzTWVkaXVtKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnNpemUoKSA9PT0gJ21kJztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJylcbiAgcHVibGljIHJlYWRvbmx5IHJvbGVBdHRyID0gJ2RpYWxvZyc7XG59XG4iLCI8bmctY29udGVudCAvPlxuIl19

package/esm2022/components/modal/modal.service.mjs

@@ -2,7 +2,7 @@ import { Overlay } from '@angular/cdk/overlay';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { DestroyRef, inject, Injectable } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { EMPTY, Subject } from 'rxjs';
+import { Subject, take } from 'rxjs';
 import * as i0 from "@angular/core";
 export class ModalService {
     constructor() {
@@ -33,18 +33,13 @@ export class ModalService {
         this.overlayRef.attach(templatePortal);
         this.isOpen = true;
         this.isOpen$.next(this.isOpen);
-        this.actions()
-            .pipe(takeUntilDestroyed(this.destroyRef))
+        this.overlayRef
+            .backdropClick()
+            .pipe(takeUntilDestroyed(this.destroyRef), take(1))
             .subscribe(() => {
             this.detach();
         });
     }
-    actions() {
-        if (!this.overlayRef) {
-            return EMPTY;
-        }
-        return this.overlayRef._outsidePointerEvents;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalService, providedIn: 'root' }); }
 }
@@ -54,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                     providedIn: 'root',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFjLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLbEQsTUFBTSxPQUFPLFlBQVk7SUFIekI7UUFJbUIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxZQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRXBDLFlBQU8sR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBRWhDLFdBQU0sR0FBRyxLQUFLLENBQUM7S0E0Q3hCO0lBekNRLE1BQU07UUFDWCxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVNLElBQUksQ0FBQyxXQUFpQyxFQUFFLGdCQUFrQztRQUMvRSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDcEMsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLHNCQUFzQjtZQUNyQyxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUU7WUFDMUQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLGdCQUFnQixFQUFFO1NBQzNGLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUUvQixJQUFJLENBQUMsT0FBTyxFQUFFO2FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN6QyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLE9BQU87UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3JCLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUVELE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQztJQUMvQyxDQUFDOzhHQWpEVSxZQUFZO2tIQUFaLFlBQVksY0FGWCxNQUFNOzsyRkFFUCxZQUFZO2tCQUh4QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgRGVzdHJveVJlZiwgaW5qZWN0LCBJbmplY3RhYmxlLCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgRU1QVFksIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBvdmVybGF5ID0gaW5qZWN0KE92ZXJsYXkpO1xuXG4gIHB1YmxpYyBpc09wZW4kID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcblxuICBwcml2YXRlIGlzT3BlbiA9IGZhbHNlO1xuICBwcml2YXRlIG92ZXJsYXlSZWY/OiBPdmVybGF5UmVmO1xuXG4gIHB1YmxpYyBkZXRhY2goKTogdm9pZCB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kZXRhY2goKTtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuaXNPcGVuJC5uZXh0KHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIHB1YmxpYyBkaXNwb3NlKCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheVJlZj8uZGlzcG9zZSgpO1xuICB9XG5cbiAgcHVibGljIG9wZW4odGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPHVua25vd24+LCB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNPcGVuKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdGVtcGxhdGVQb3J0YWwgPSBuZXcgVGVtcGxhdGVQb3J0YWwodGVtcGxhdGVSZWYsIHZpZXdDb250YWluZXJSZWYpO1xuICAgIHRoaXMub3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoe1xuICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgICBiYWNrZHJvcENsYXNzOiAnbmR3LW92ZXJsYXktYmFja2Ryb3AnLFxuICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMub3ZlcmxheS5zY3JvbGxTdHJhdGVnaWVzLnJlcG9zaXRpb24oKSxcbiAgICAgIHBvc2l0aW9uU3RyYXRlZ3k6IHRoaXMub3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLmNlbnRlckhvcml6b250YWxseSgpLmNlbnRlclZlcnRpY2FsbHkoKSxcbiAgICB9KTtcblxuICAgIHRoaXMub3ZlcmxheVJlZi5hdHRhY2godGVtcGxhdGVQb3J0YWwpO1xuICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcbiAgICB0aGlzLmlzT3BlbiQubmV4dCh0aGlzLmlzT3Blbik7XG5cbiAgICB0aGlzLmFjdGlvbnMoKVxuICAgICAgLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5kZXRhY2goKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBhY3Rpb25zKCk6IE9ic2VydmFibGU8TW91c2VFdmVudD4ge1xuICAgIGlmICghdGhpcy5vdmVybGF5UmVmKSB7XG4gICAgICByZXR1cm4gRU1QVFk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMub3ZlcmxheVJlZi5fb3V0c2lkZVBvaW50ZXJFdmVudHM7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tb2RhbC9tb2RhbC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFLckMsTUFBTSxPQUFPLFlBQVk7SUFIekI7UUFJbUIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxZQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRXBDLFlBQU8sR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBRWhDLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FxQ3hCO0lBbENRLE1BQU07UUFDWCxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sT0FBTztRQUNaLElBQUksQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVNLElBQUksQ0FBQyxXQUFpQyxFQUFFLGdCQUFrQztRQUMvRSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDcEMsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLHNCQUFzQjtZQUNyQyxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUU7WUFDMUQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLGdCQUFnQixFQUFFO1NBQzNGLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUUvQixJQUFJLENBQUMsVUFBVTthQUNaLGFBQWEsRUFBRTthQUNmLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2xELFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzhHQTFDVSxZQUFZO2tIQUFaLFlBQVksY0FGWCxNQUFNOzsyRkFFUCxZQUFZO2tCQUh4QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBUZW1wbGF0ZVBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgRGVzdHJveVJlZiwgaW5qZWN0LCBJbmplY3RhYmxlLCBUZW1wbGF0ZVJlZiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuaW1wb3J0IHsgU3ViamVjdCwgdGFrZSB9IGZyb20gJ3J4anMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290Jyxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxTZXJ2aWNlIHtcbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuICBwcml2YXRlIHJlYWRvbmx5IG92ZXJsYXkgPSBpbmplY3QoT3ZlcmxheSk7XG5cbiAgcHVibGljIGlzT3BlbiQgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuXG4gIHByaXZhdGUgaXNPcGVuID0gZmFsc2U7XG4gIHByaXZhdGUgb3ZlcmxheVJlZj86IE92ZXJsYXlSZWY7XG5cbiAgcHVibGljIGRldGFjaCgpOiB2b2lkIHtcbiAgICB0aGlzLm92ZXJsYXlSZWY/LmRldGFjaCgpO1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5pc09wZW4kLm5leHQodGhpcy5pc09wZW4pO1xuICB9XG5cbiAgcHVibGljIGRpc3Bvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kaXNwb3NlKCk7XG4gIH1cblxuICBwdWJsaWMgb3Blbih0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8dW5rbm93bj4sIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0ZW1wbGF0ZVBvcnRhbCA9IG5ldyBUZW1wbGF0ZVBvcnRhbCh0ZW1wbGF0ZVJlZiwgdmlld0NvbnRhaW5lclJlZik7XG4gICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSh7XG4gICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICduZHctb3ZlcmxheS1iYWNrZHJvcCcsXG4gICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkuY2VudGVySG9yaXpvbnRhbGx5KCkuY2VudGVyVmVydGljYWxseSgpLFxuICAgIH0pO1xuXG4gICAgdGhpcy5vdmVybGF5UmVmLmF0dGFjaCh0ZW1wbGF0ZVBvcnRhbCk7XG4gICAgdGhpcy5pc09wZW4gPSB0cnVlO1xuICAgIHRoaXMuaXNPcGVuJC5uZXh0KHRoaXMuaXNPcGVuKTtcblxuICAgIHRoaXMub3ZlcmxheVJlZlxuICAgICAgLmJhY2tkcm9wQ2xpY2soKVxuICAgICAgLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZiksIHRha2UoMSkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5kZXRhY2goKTtcbiAgICAgIH0pO1xuICB9XG59XG4iXX0=

package/esm2022/components/multi-select/multi-select.component.mjs

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, input, model, viewChild, } from '@angular/core';
 import { PopoverTriggerDirective } from '../popover';
-import { CheckboxComponent, CheckboxGroupComponent, FormFieldComponent } from '../form-field';
+import { CheckboxComponent, CheckboxGroupComponent, FormFieldComponent, InputDirective, } from '../form-field';
 import { CommonModule } from '@angular/common';
 import { DropdownComponent } from '../dropdown';
 import { IconComponent } from '../icon';
@@ -8,19 +8,20 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class MultiSelectComponent {
     constructor() {
-        this.disabled = input(false);
         this.dropdownTrigger = viewChild.required(PopoverTriggerDirective);
         this.buttonText = input.required();
+        this.searchLabel = input.required();
         this.prefixIcon = input('');
-        this.chevron = input(false);
-        this.searchInputValue = model('');
         this.searchPlaceholder = input('');
         this.noResultText = input('');
+        this.chevron = input(false);
+        this.disabled = input(false);
         this.selectAllText = input({ deselect: '', select: '' });
         this.lastCheckedElementId = model();
+        this.dataSource = model([]);
+        this.searchInputValue = model('');
         this.selectAmount = computed(() => this.dataSource().filter((checkbox) => checkbox.value).length);
         this.noSearchResults = computed(() => this.dataSource().filter((checkbox) => checkbox.label.toLowerCase().includes(this.searchInputValue().toLowerCase())).length === 0);
-        this.dataSource = model([]);
     }
     filterSearch(value) {
         return value.toLowerCase().includes(this.searchInputValue().toLowerCase());
@@ -59,7 +60,7 @@ export class MultiSelectComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MultiSelectComponent, isStandalone: true, selector: "ndw-multi-select", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, searchInputValue: { classPropertyName: "searchInputValue", publicName: "searchInputValue", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, lastCheckedElementId: { classPropertyName: "lastCheckedElementId", publicName: "lastCheckedElementId", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchInputValue: "searchInputValueChange", lastCheckedElementId: "lastCheckedElementIdChange", dataSource: "dataSourceChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ndw-dropdown\n  prefixIcon=\"filter_alt\"\n  [selectAmount]=\"selectAmount()\"\n  (removablePillClicked)=\"toggleSelectAll(false)\"\n  (isOpenChange)=\"isOpenChanged($event)\"\n  [buttonText]=\"buttonText()\"\n  [disabled]=\"disabled()\"\n  [chevron]=\"chevron()\"\n  [prefixIcon]=\"prefixIcon()\"\n>\n  <ndw-form-field>\n    <input\n      ndwInput\n      type=\"search\"\n      [value]=\"searchInputValue()\"\n      (input)=\"searchInputChanged($event)\"\n      [placeholder]=\"searchPlaceholder()\"\n    />\n  </ndw-form-field>\n  @if (noSearchResults()) {\n    <div class=\"no-search-results\">\n      <ndw-icon>sentiment_dissatisfied</ndw-icon>\n      {{ noResultText() }}\n    </div>\n  } @else {\n    <ndw-checkbox-group class=\"multi-select-container\">\n      @for (checkbox of dataSource(); track checkbox.id) {\n        @if (filterSearch(checkbox.label)) {\n          <ndw-checkbox\n            [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n            [checked]=\"checkbox.value\"\n            (checkedChange)=\"checkboxChanged(checkbox.id)\"\n          >\n            {{ checkbox.label }}\n          </ndw-checkbox>\n        }\n      }\n    </ndw-checkbox-group>\n  }\n  <div class=\"ndw-dialog-footer\">\n    @if (selectAmount() === dataSource().length) {\n      <a ndwLink tabindex=\"0\" (click)=\"toggleSelectAll(false)\" (keydown)=\"toggleSelectAll(false)\">\n        {{ selectAllText().deselect }}\n      </a>\n    } @else {\n      <a ndwLink tabindex=\"0\" (click)=\"toggleSelectAll(true)\" (keydown)=\"toggleSelectAll(true)\">\n        {{ selectAllText().select }}\n      </a>\n    }\n    <div class=\"ndw-dialog-footer-total\">\n      Geselecteerd: <strong>{{ selectAmount() }}</strong>\n    </div>\n  </div>\n</ndw-dropdown>\n", styles: [".no-search-results{display:grid;justify-items:center;text-align:center;width:var(--multi-select-default-width);margin:auto;font-size:var(--ndw-font-size-sm);padding:0 var(--ndw-spacing-md);color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);font-size:var(--ndw-font-size-xs);padding-top:var(--ndw-spacing-md)}.ndw-dialog-footer a[ndwLink]{cursor:pointer}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "ndw-form-field", inputs: ["label", "disabled", "error", "info", "tooltip"] }, { kind: "component", type: CheckboxComponent, selector: "ndw-checkbox", inputs: ["checked", "switch", "disabled", "error", "indeterminate", "required"], outputs: ["checkedChange"] }, { kind: "component", type: CheckboxGroupComponent, selector: "ndw-checkbox-group" }, { kind: "component", type: DropdownComponent, selector: "ndw-dropdown", inputs: ["disabled", "chevron", "buttonText", "prefixIcon", "selectAmount"], outputs: ["removablePillClicked", "isOpenChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["interactive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MultiSelectComponent, isStandalone: true, selector: "ndw-multi-select", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, lastCheckedElementId: { classPropertyName: "lastCheckedElementId", publicName: "lastCheckedElementId", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, searchInputValue: { classPropertyName: "searchInputValue", publicName: "searchInputValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lastCheckedElementId: "lastCheckedElementIdChange", dataSource: "dataSourceChange", searchInputValue: "searchInputValueChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ndw-dropdown\n  prefixIcon=\"filter_alt\"\n  [selectAmount]=\"selectAmount()\"\n  (removablePillClicked)=\"toggleSelectAll(false)\"\n  (isOpenChange)=\"isOpenChanged($event)\"\n  [buttonText]=\"buttonText()\"\n  [disabled]=\"disabled()\"\n  [chevron]=\"chevron()\"\n  [prefixIcon]=\"prefixIcon()\"\n>\n  <ndw-form-field [label]=\"searchLabel()\" [hideLabel]=\"true\">\n    <input\n      ndwInput\n      type=\"search\"\n      [value]=\"searchInputValue()\"\n      (input)=\"searchInputChanged($event)\"\n      [placeholder]=\"searchPlaceholder()\"\n    />\n  </ndw-form-field>\n  @if (noSearchResults()) {\n    <div class=\"no-search-results\">\n      <ndw-icon>sentiment_dissatisfied</ndw-icon>\n      {{ noResultText() }}\n    </div>\n  } @else {\n    <ndw-checkbox-group class=\"multi-select-container\">\n      @for (checkbox of dataSource(); track checkbox.id) {\n        @if (filterSearch(checkbox.label)) {\n          <ndw-checkbox\n            [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n            [checked]=\"checkbox.value\"\n            (checkedChange)=\"checkboxChanged(checkbox.id)\"\n          >\n            {{ checkbox.label }}\n          </ndw-checkbox>\n        }\n      }\n    </ndw-checkbox-group>\n  }\n  <div class=\"ndw-dialog-footer\">\n    @if (selectAmount() === dataSource().length) {\n      <button ndwLink (click)=\"toggleSelectAll(false)\">\n        {{ selectAllText().deselect }}\n      </button>\n    } @else {\n      <button ndwLink (click)=\"toggleSelectAll(true)\">\n        {{ selectAllText().select }}\n      </button>\n    }\n    <div class=\"ndw-dialog-footer-total\" aria-live=\"polite\">\n      Geselecteerd: <strong>{{ selectAmount() }}</strong>\n    </div>\n  </div>\n</ndw-dropdown>\n", styles: [".no-search-results{display:grid;justify-items:center;width:var(--multi-select-default-width);margin:auto;padding:0 var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);padding-top:var(--ndw-spacing-md);font-size:var(--ndw-font-size-xs)}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "ndw-form-field", inputs: ["label", "clearSearchAriaLabel", "suffixIconAriaLabel", "hideLabel", "disabled", "error", "info", "tooltip"] }, { kind: "component", type: CheckboxComponent, selector: "ndw-checkbox", inputs: ["checked", "switch", "disabled", "error", "indeterminate", "required"], outputs: ["checkedChange"] }, { kind: "component", type: CheckboxGroupComponent, selector: "ndw-checkbox-group" }, { kind: "component", type: DropdownComponent, selector: "ndw-dropdown", inputs: ["disabled", "chevron", "buttonText", "prefixIcon", "selectAmount"], outputs: ["removablePillClicked", "isOpenChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: InputDirective, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MultiSelectComponent, decorators: [{
             type: Component,
@@ -71,6 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                         DropdownComponent,
                         CommonModule,
                         IconComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ndw-dropdown\n  prefixIcon=\"filter_alt\"\n  [selectAmount]=\"selectAmount()\"\n  (removablePillClicked)=\"toggleSelectAll(false)\"\n  (isOpenChange)=\"isOpenChanged($event)\"\n  [buttonText]=\"buttonText()\"\n  [disabled]=\"disabled()\"\n  [chevron]=\"chevron()\"\n  [prefixIcon]=\"prefixIcon()\"\n>\n  <ndw-form-field>\n    <input\n      ndwInput\n      type=\"search\"\n      [value]=\"searchInputValue()\"\n      (input)=\"searchInputChanged($event)\"\n      [placeholder]=\"searchPlaceholder()\"\n    />\n  </ndw-form-field>\n  @if (noSearchResults()) {\n    <div class=\"no-search-results\">\n      <ndw-icon>sentiment_dissatisfied</ndw-icon>\n      {{ noResultText() }}\n    </div>\n  } @else {\n    <ndw-checkbox-group class=\"multi-select-container\">\n      @for (checkbox of dataSource(); track checkbox.id) {\n        @if (filterSearch(checkbox.label)) {\n          <ndw-checkbox\n            [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n            [checked]=\"checkbox.value\"\n            (checkedChange)=\"checkboxChanged(checkbox.id)\"\n          >\n            {{ checkbox.label }}\n          </ndw-checkbox>\n        }\n      }\n    </ndw-checkbox-group>\n  }\n  <div class=\"ndw-dialog-footer\">\n    @if (selectAmount() === dataSource().length) {\n      <a ndwLink tabindex=\"0\" (click)=\"toggleSelectAll(false)\" (keydown)=\"toggleSelectAll(false)\">\n        {{ selectAllText().deselect }}\n      </a>\n    } @else {\n      <a ndwLink tabindex=\"0\" (click)=\"toggleSelectAll(true)\" (keydown)=\"toggleSelectAll(true)\">\n        {{ selectAllText().select }}\n      </a>\n    }\n    <div class=\"ndw-dialog-footer-total\">\n      Geselecteerd: <strong>{{ selectAmount() }}</strong>\n    </div>\n  </div>\n</ndw-dropdown>\n", styles: [".no-search-results{display:grid;justify-items:center;text-align:center;width:var(--multi-select-default-width);margin:auto;font-size:var(--ndw-font-size-sm);padding:0 var(--ndw-spacing-md);color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);font-size:var(--ndw-font-size-xs);padding-top:var(--ndw-spacing-md)}.ndw-dialog-footer a[ndwLink]{cursor:pointer}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"] }]
+                        InputDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ndw-dropdown\n  prefixIcon=\"filter_alt\"\n  [selectAmount]=\"selectAmount()\"\n  (removablePillClicked)=\"toggleSelectAll(false)\"\n  (isOpenChange)=\"isOpenChanged($event)\"\n  [buttonText]=\"buttonText()\"\n  [disabled]=\"disabled()\"\n  [chevron]=\"chevron()\"\n  [prefixIcon]=\"prefixIcon()\"\n>\n  <ndw-form-field [label]=\"searchLabel()\" [hideLabel]=\"true\">\n    <input\n      ndwInput\n      type=\"search\"\n      [value]=\"searchInputValue()\"\n      (input)=\"searchInputChanged($event)\"\n      [placeholder]=\"searchPlaceholder()\"\n    />\n  </ndw-form-field>\n  @if (noSearchResults()) {\n    <div class=\"no-search-results\">\n      <ndw-icon>sentiment_dissatisfied</ndw-icon>\n      {{ noResultText() }}\n    </div>\n  } @else {\n    <ndw-checkbox-group class=\"multi-select-container\">\n      @for (checkbox of dataSource(); track checkbox.id) {\n        @if (filterSearch(checkbox.label)) {\n          <ndw-checkbox\n            [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n            [checked]=\"checkbox.value\"\n            (checkedChange)=\"checkboxChanged(checkbox.id)\"\n          >\n            {{ checkbox.label }}\n          </ndw-checkbox>\n        }\n      }\n    </ndw-checkbox-group>\n  }\n  <div class=\"ndw-dialog-footer\">\n    @if (selectAmount() === dataSource().length) {\n      <button ndwLink (click)=\"toggleSelectAll(false)\">\n        {{ selectAllText().deselect }}\n      </button>\n    } @else {\n      <button ndwLink (click)=\"toggleSelectAll(true)\">\n        {{ selectAllText().select }}\n      </button>\n    }\n    <div class=\"ndw-dialog-footer-total\" aria-live=\"polite\">\n      Geselecteerd: <strong>{{ selectAmount() }}</strong>\n    </div>\n  </div>\n</ndw-dropdown>\n", styles: [".no-search-results{display:grid;justify-items:center;width:var(--multi-select-default-width);margin:auto;padding:0 var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);padding-top:var(--ndw-spacing-md);font-size:var(--ndw-font-size-xs)}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tdWx0aS1zZWxlY3QvbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tdWx0aS1zZWxlY3QvbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEVBQ0wsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDaEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7O0FBbUJ4QyxNQUFNLE9BQU8sb0JBQW9CO0lBaEJqQztRQWlCa0IsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4QixvQkFBZSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUM5RCxlQUFVLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3RDLGVBQVUsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixxQkFBZ0IsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDN0Is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LEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDMUQsTUFBTSxVQUFVLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDO1lBQzFDLE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1RSxJQUFJLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckUsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3RDLENBQUM7SUFDSCxDQUFDOzhHQWpFVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixncURBRXNCLHVCQUF1QixnRUNsQzlFLGt2REFzREEsMDlCRC9CSSxrQkFBa0Isc0hBQ2xCLGlCQUFpQixzS0FDakIsc0JBQXNCLCtEQUN0QixpQkFBaUIsd0xBQ2pCLFlBQVksNkhBQ1osYUFBYTs7MkZBSUosb0JBQW9CO2tCQWhCaEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FHaEIsSUFBSSxXQUNQO3dCQUNQLHVCQUF1Qjt3QkFDdkIsa0JBQWtCO3dCQUNsQixpQkFBaUI7d0JBQ2pCLHNCQUFzQjt3QkFDdEIsaUJBQWlCO3dCQUNqQixZQUFZO3dCQUNaLGFBQWE7cUJBQ2QsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBjb21wdXRlZCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxuICB2aWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuLi9wb3BvdmVyJztcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50LCBDaGVja2JveEdyb3VwQ29tcG9uZW50LCBGb3JtRmllbGRDb21wb25lbnQgfSBmcm9tICcuLi9mb3JtLWZpZWxkJztcbmltcG9ydCB7IENoZWNrYm94RGF0YSB9IGZyb20gJy4vY2hlY2tib3gtZGF0YS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi4vZHJvcGRvd24nO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24nO1xuaW1wb3J0IHsgU2VsZWN0QWxsVGV4dCB9IGZyb20gJy4vc2VsZWN0LWFsbC10ZXh0LmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1tdWx0aS1zZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJ211bHRpLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydtdWx0aS1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlLFxuICAgIEZvcm1GaWVsZENvbXBvbmVudCxcbiAgICBDaGVja2JveENvbXBvbmVudCxcbiAgICBDaGVja2JveEdyb3VwQ29tcG9uZW50LFxuICAgIERyb3Bkb3duQ29tcG9uZW50LFxuICAgIENvbW1vbk1vZHVsZSxcbiAgICBJY29uQ29tcG9uZW50LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTXVsdGlTZWxlY3RDb21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyByZWFkb25seSBkcm9wZG93blRyaWdnZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUpO1xuICBwdWJsaWMgcmVhZG9ubHkgYnV0dG9uVGV4dCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcHVibGljIHJlYWRvbmx5IHByZWZpeEljb24gPSBpbnB1dCgnJyk7XG4gIHB1YmxpYyByZWFkb25seSBjaGV2cm9uID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgcmVhZG9ubHkgc2VhcmNoSW5wdXRWYWx1ZSA9IG1vZGVsKCcnKTtcbiAgcHVibGljIHJlYWRvbmx5IHNlYXJjaFBsYWNlaG9sZGVyID0gaW5wdXQoJycpO1xuICBwdWJsaWMgcmVhZG9ubHkgbm9SZXN1bHRUZXh0ID0gaW5wdXQoJycpO1xuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0QWxsVGV4dCA9IGlucHV0PFNlbGVjdEFsbFRleHQ+KHsgZGVzZWxlY3Q6ICcnLCBzZWxlY3Q6ICcnIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgbGFzdENoZWNrZWRFbGVtZW50SWQgPSBtb2RlbDxDaGVja2JveERhdGFbJ2lkJ10gfCBudWxsPigpO1xuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0QW1vdW50ID0gY29tcHV0ZWQoXG4gICAgKCkgPT4gdGhpcy5kYXRhU291cmNlKCkuZmlsdGVyKChjaGVja2JveDogQ2hlY2tib3hEYXRhKSA9PiBjaGVja2JveC52YWx1ZSkubGVuZ3RoLFxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgbm9TZWFyY2hSZXN1bHRzID0gY29tcHV0ZWQoXG4gICAgKCkgPT5cbiAgICAgIHRoaXMuZGF0YVNvdXJjZSgpLmZpbHRlcigoY2hlY2tib3g6IENoZWNrYm94RGF0YSkgPT5cbiAgICAgICAgY2hlY2tib3gubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnNlYXJjaElucHV0VmFsdWUoKS50b0xvd2VyQ2FzZSgpKSxcbiAgICAgICkubGVuZ3RoID09PSAwLFxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgZGF0YVNvdXJjZSA9IG1vZGVsPENoZWNrYm94RGF0YVtdPihbXSk7XG5cbiAgcHVibGljIGZpbHRlclNlYXJjaCh2YWx1ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHZhbHVlLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXModGhpcy5zZWFyY2hJbnB1dFZhbHVlKCkudG9Mb3dlckNhc2UoKSk7XG4gIH1cblxuICBwdWJsaWMgc2VhcmNoSW5wdXRDaGFuZ2VkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy5zZWFyY2hJbnB1dFZhbHVlLnNldChpbnB1dC52YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgY2hlY2tib3hDaGFuZ2VkKGlkOiBzdHJpbmcgfCBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmRhdGFTb3VyY2UudXBkYXRlKChjaGVja2JveGVzOiBDaGVja2JveERhdGFbXSkgPT4ge1xuICAgICAgcmV0dXJuIGNoZWNrYm94ZXM/Lm1hcCgoY2hlY2tib3g6IENoZWNrYm94RGF0YSkgPT5cbiAgICAgICAgY2hlY2tib3guaWQgPT09IGlkID8geyAuLi5jaGVja2JveCwgdmFsdWU6ICFjaGVja2JveC52YWx1ZSB9IDogY2hlY2tib3gsXG4gICAgICApO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIHRvZ2dsZVNlbGVjdEFsbChzZWxlY3RBbGwgPSB0cnVlKTogdm9pZCB7XG4gICAgdGhpcy5kYXRhU291cmNlLnVwZGF0ZSgoY2hlY2tib3hlczogQ2hlY2tib3hEYXRhW10pID0+IHtcbiAgICAgIHJldHVybiBjaGVja2JveGVzLm1hcCgoY2hlY2tib3g6IENoZWNrYm94RGF0YSkgPT4gKHsgLi4uY2hlY2tib3gsIHZhbHVlOiBzZWxlY3RBbGwgfSkpO1xuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGlzT3BlbkNoYW5nZWQoaXNPcGVuOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKGlzT3Blbikge1xuICAgICAgdGhpcy5kYXRhU291cmNlLnNldChcbiAgICAgICAgdGhpcy5kYXRhU291cmNlKClcbiAgICAgICAgICAuc2xpY2UoKVxuICAgICAgICAgIC5zb3J0KChhLCBiKSA9PiBOdW1iZXIoYi52YWx1ZSkgLSBOdW1iZXIoYS52YWx1ZSkpLFxuICAgICAgKTtcbiAgICAgIHRoaXMuc2VhcmNoSW5wdXRWYWx1ZS5zZXQoJycpO1xuICAgICAgdGhpcy5kZXRlcm1pbmVMYXN0Q2hlY2tlZEVsZW1lbnQoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGRldGVybWluZUxhc3RDaGVja2VkRWxlbWVudCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kYXRhU291cmNlKCkuc29tZSgoY2hlY2tib3gpID0+ICFjaGVja2JveC52YWx1ZSkpIHtcbiAgICAgIGNvbnN0IHNvdXJjZUxpc3QgPSBbLi4udGhpcy5kYXRhU291cmNlKCldO1xuICAgICAgY29uc3QgbGFzdENoZWNrZWQgPSBzb3VyY2VMaXN0LnJldmVyc2UoKS5maW5kKChjaGVja2JveCkgPT4gY2hlY2tib3gudmFsdWUpO1xuICAgICAgdGhpcy5sYXN0Q2hlY2tlZEVsZW1lbnRJZC5zZXQobGFzdENoZWNrZWQgPyBsYXN0Q2hlY2tlZC5pZCA6IG51bGwpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmxhc3RDaGVja2VkRWxlbWVudElkLnNldChudWxsKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZHctZHJvcGRvd25cbiAgcHJlZml4SWNvbj1cImZpbHRlcl9hbHRcIlxuICBbc2VsZWN0QW1vdW50XT1cInNlbGVjdEFtb3VudCgpXCJcbiAgKHJlbW92YWJsZVBpbGxDbGlja2VkKT1cInRvZ2dsZVNlbGVjdEFsbChmYWxzZSlcIlxuICAoaXNPcGVuQ2hhbmdlKT1cImlzT3BlbkNoYW5nZWQoJGV2ZW50KVwiXG4gIFtidXR0b25UZXh0XT1cImJ1dHRvblRleHQoKVwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgW2NoZXZyb25dPVwiY2hldnJvbigpXCJcbiAgW3ByZWZpeEljb25dPVwicHJlZml4SWNvbigpXCJcbj5cbiAgPG5kdy1mb3JtLWZpZWxkPlxuICAgIDxpbnB1dFxuICAgICAgbmR3SW5wdXRcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3ZhbHVlXT1cInNlYXJjaElucHV0VmFsdWUoKVwiXG4gICAgICAoaW5wdXQpPVwic2VhcmNoSW5wdXRDaGFuZ2VkKCRldmVudClcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyKClcIlxuICAgIC8+XG4gIDwvbmR3LWZvcm0tZmllbGQ+XG4gIEBpZiAobm9TZWFyY2hSZXN1bHRzKCkpIHtcbiAgICA8ZGl2IGNsYXNzPVwibm8tc2VhcmNoLXJlc3VsdHNcIj5cbiAgICAgIDxuZHctaWNvbj5zZW50aW1lbnRfZGlzc2F0aXNmaWVkPC9uZHctaWNvbj5cbiAgICAgIHt7IG5vUmVzdWx0VGV4dCgpIH19XG4gICAgPC9kaXY+XG4gIH0gQGVsc2Uge1xuICAgIDxuZHctY2hlY2tib3gtZ3JvdXAgY2xhc3M9XCJtdWx0aS1zZWxlY3QtY29udGFpbmVyXCI+XG4gICAgICBAZm9yIChjaGVja2JveCBvZiBkYXRhU291cmNlKCk7IHRyYWNrIGNoZWNrYm94LmlkKSB7XG4gICAgICAgIEBpZiAoZmlsdGVyU2VhcmNoKGNoZWNrYm94LmxhYmVsKSkge1xuICAgICAgICAgIDxuZHctY2hlY2tib3hcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2xhc3QtY2hlY2tlZCc6IGxhc3RDaGVja2VkRWxlbWVudElkKCkgPT09IGNoZWNrYm94LmlkIH1cIlxuICAgICAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tib3gudmFsdWVcIlxuICAgICAgICAgICAgKGNoZWNrZWRDaGFuZ2UpPVwiY2hlY2tib3hDaGFuZ2VkKGNoZWNrYm94LmlkKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgY2hlY2tib3gubGFiZWwgfX1cbiAgICAgICAgICA8L25kdy1jaGVja2JveD5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvbmR3LWNoZWNrYm94LWdyb3VwPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJuZHctZGlhbG9nLWZvb3RlclwiPlxuICAgIEBpZiAoc2VsZWN0QW1vdW50KCkgPT09IGRhdGFTb3VyY2UoKS5sZW5ndGgpIHtcbiAgICAgIDxhIG5kd0xpbmsgdGFiaW5kZXg9XCIwXCIgKGNsaWNrKT1cInRvZ2dsZVNlbGVjdEFsbChmYWxzZSlcIiAoa2V5ZG93bik9XCJ0b2dnbGVTZWxlY3RBbGwoZmFsc2UpXCI+XG4gICAgICAgIHt7IHNlbGVjdEFsbFRleHQoKS5kZXNlbGVjdCB9fVxuICAgICAgPC9hPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGEgbmR3TGluayB0YWJpbmRleD1cIjBcIiAoY2xpY2spPVwidG9nZ2xlU2VsZWN0QWxsKHRydWUpXCIgKGtleWRvd24pPVwidG9nZ2xlU2VsZWN0QWxsKHRydWUpXCI+XG4gICAgICAgIHt7IHNlbGVjdEFsbFRleHQoKS5zZWxlY3QgfX1cbiAgICAgIDwvYT5cbiAgICB9XG4gICAgPGRpdiBjbGFzcz1cIm5kdy1kaWFsb2ctZm9vdGVyLXRvdGFsXCI+XG4gICAgICBHZXNlbGVjdGVlcmQ6IDxzdHJvbmc+e3sgc2VsZWN0QW1vdW50KCkgfX08L3N0cm9uZz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25kdy1kcm9wZG93bj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tdWx0aS1zZWxlY3QvbXVsdGktc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tdWx0aS1zZWxlY3QvbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEVBQ0wsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDckQsT0FBTyxFQUNMLGlCQUFpQixFQUNqQixzQkFBc0IsRUFDdEIsa0JBQWtCLEVBQ2xCLGNBQWMsR0FDZixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7OztBQW9CeEMsTUFBTSxPQUFPLG9CQUFvQjtJQWpCakM7UUFrQmtCLG9CQUFlLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBRTlELGVBQVUsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDdkMsZUFBVSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QixzQkFBaUIsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDOUIsaUJBQVksR0FBRyxLQUFLLENBQUMsRUFBRSxD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b21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbnB1dCxcbiAgbW9kZWwsXG4gIHZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3BvdmVyVHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4uL3BvcG92ZXInO1xuaW1wb3J0IHtcbiAgQ2hlY2tib3hDb21wb25lbnQsXG4gIENoZWNrYm94R3JvdXBDb21wb25lbnQsXG4gIEZvcm1GaWVsZENvbXBvbmVudCxcbiAgSW5wdXREaXJlY3RpdmUsXG59IGZyb20gJy4uL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgQ2hlY2tib3hEYXRhIH0gZnJvbSAnLi9jaGVja2JveC1kYXRhLmludGVyZmFjZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuLi9kcm9wZG93bic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgeyBTZWxlY3RBbGxUZXh0IH0gZnJvbSAnLi9zZWxlY3QtYWxsLXRleHQuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LW11bHRpLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnbXVsdGktc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ211bHRpLXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUsXG4gICAgRm9ybUZpZWxkQ29tcG9uZW50LFxuICAgIENoZWNrYm94Q29tcG9uZW50LFxuICAgIENoZWNrYm94R3JvdXBDb21wb25lbnQsXG4gICAgRHJvcGRvd25Db21wb25lbnQsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEljb25Db21wb25lbnQsXG4gICAgSW5wdXREaXJlY3RpdmUsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBNdWx0aVNlbGVjdENvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBkcm9wZG93blRyaWdnZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUpO1xuXG4gIHB1YmxpYyByZWFkb25seSBidXR0b25UZXh0ID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBwdWJsaWMgcmVhZG9ubHkgc2VhcmNoTGFiZWwgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHB1YmxpYyByZWFkb25seSBwcmVmaXhJY29uID0gaW5wdXQoJycpO1xuICBwdWJsaWMgcmVhZG9ubHkgc2VhcmNoUGxhY2Vob2xkZXIgPSBpbnB1dCgnJyk7XG4gIHB1YmxpYyByZWFkb25seSBub1Jlc3VsdFRleHQgPSBpbnB1dCgnJyk7XG4gIHB1YmxpYyByZWFkb25seSBjaGV2cm9uID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyByZWFkb25seSBzZWxlY3RBbGxUZXh0ID0gaW5wdXQ8U2VsZWN0QWxsVGV4dD4oeyBkZXNlbGVjdDogJycsIHNlbGVjdDogJycgfSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGxhc3RDaGVja2VkRWxlbWVudElkID0gbW9kZWw8Q2hlY2tib3hEYXRhWydpZCddIHwgbnVsbD4oKTtcbiAgcHVibGljIHJlYWRvbmx5IGRhdGFTb3VyY2UgPSBtb2RlbDxDaGVja2JveERhdGFbXT4oW10pO1xuICBwdWJsaWMgcmVhZG9ubHkgc2VhcmNoSW5wdXRWYWx1ZSA9IG1vZGVsKCcnKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0QW1vdW50ID0gY29tcHV0ZWQoXG4gICAgKCkgPT4gdGhpcy5kYXRhU291cmNlKCkuZmlsdGVyKChjaGVja2JveDogQ2hlY2tib3hEYXRhKSA9PiBjaGVja2JveC52YWx1ZSkubGVuZ3RoLFxuICApO1xuICBwdWJsaWMgcmVhZG9ubHkgbm9TZWFyY2hSZXN1bHRzID0gY29tcHV0ZWQoXG4gICAgKCkgPT5cbiAgICAgIHRoaXMuZGF0YVNvdXJjZSgpLmZpbHRlcigoY2hlY2tib3g6IENoZWNrYm94RGF0YSkgPT5cbiAgICAgICAgY2hlY2tib3gubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnNlYXJjaElucHV0VmFsdWUoKS50b0xvd2VyQ2FzZSgpKSxcbiAgICAgICkubGVuZ3RoID09PSAwLFxuICApO1xuXG4gIHB1YmxpYyBmaWx0ZXJTZWFyY2godmFsdWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB2YWx1ZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHRoaXMuc2VhcmNoSW5wdXRWYWx1ZSgpLnRvTG93ZXJDYXNlKCkpO1xuICB9XG5cbiAgcHVibGljIHNlYXJjaElucHV0Q2hhbmdlZChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRoaXMuc2VhcmNoSW5wdXRWYWx1ZS5zZXQoaW5wdXQudmFsdWUpO1xuICB9XG5cbiAgcHVibGljIGNoZWNrYm94Q2hhbmdlZChpZDogc3RyaW5nIHwgbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5kYXRhU291cmNlLnVwZGF0ZSgoY2hlY2tib3hlczogQ2hlY2tib3hEYXRhW10pID0+IHtcbiAgICAgIHJldHVybiBjaGVja2JveGVzPy5tYXAoKGNoZWNrYm94OiBDaGVja2JveERhdGEpID0+XG4gICAgICAgIGNoZWNrYm94LmlkID09PSBpZCA/IHsgLi4uY2hlY2tib3gsIHZhbHVlOiAhY2hlY2tib3gudmFsdWUgfSA6IGNoZWNrYm94LFxuICAgICAgKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVTZWxlY3RBbGwoc2VsZWN0QWxsID0gdHJ1ZSk6IHZvaWQge1xuICAgIHRoaXMuZGF0YVNvdXJjZS51cGRhdGUoKGNoZWNrYm94ZXM6IENoZWNrYm94RGF0YVtdKSA9PiB7XG4gICAgICByZXR1cm4gY2hlY2tib3hlcy5tYXAoKGNoZWNrYm94OiBDaGVja2JveERhdGEpID0+ICh7IC4uLmNoZWNrYm94LCB2YWx1ZTogc2VsZWN0QWxsIH0pKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBpc09wZW5DaGFuZ2VkKGlzT3BlbjogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChpc09wZW4pIHtcbiAgICAgIHRoaXMuZGF0YVNvdXJjZS5zZXQoXG4gICAgICAgIHRoaXMuZGF0YVNvdXJjZSgpXG4gICAgICAgICAgLnNsaWNlKClcbiAgICAgICAgICAuc29ydCgoYSwgYikgPT4gTnVtYmVyKGIudmFsdWUpIC0gTnVtYmVyKGEudmFsdWUpKSxcbiAgICAgICk7XG4gICAgICB0aGlzLnNlYXJjaElucHV0VmFsdWUuc2V0KCcnKTtcbiAgICAgIHRoaXMuZGV0ZXJtaW5lTGFzdENoZWNrZWRFbGVtZW50KCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBkZXRlcm1pbmVMYXN0Q2hlY2tlZEVsZW1lbnQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGF0YVNvdXJjZSgpLnNvbWUoKGNoZWNrYm94KSA9PiAhY2hlY2tib3gudmFsdWUpKSB7XG4gICAgICBjb25zdCBzb3VyY2VMaXN0ID0gWy4uLnRoaXMuZGF0YVNvdXJjZSgpXTtcbiAgICAgIGNvbnN0IGxhc3RDaGVja2VkID0gc291cmNlTGlzdC5yZXZlcnNlKCkuZmluZCgoY2hlY2tib3gpID0+IGNoZWNrYm94LnZhbHVlKTtcbiAgICAgIHRoaXMubGFzdENoZWNrZWRFbGVtZW50SWQuc2V0KGxhc3RDaGVja2VkID8gbGFzdENoZWNrZWQuaWQgOiBudWxsKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5sYXN0Q2hlY2tlZEVsZW1lbnRJZC5zZXQobnVsbCk7XG4gICAgfVxuICB9XG59XG4iLCI8bmR3LWRyb3Bkb3duXG4gIHByZWZpeEljb249XCJmaWx0ZXJfYWx0XCJcbiAgW3NlbGVjdEFtb3VudF09XCJzZWxlY3RBbW91bnQoKVwiXG4gIChyZW1vdmFibGVQaWxsQ2xpY2tlZCk9XCJ0b2dnbGVTZWxlY3RBbGwoZmFsc2UpXCJcbiAgKGlzT3BlbkNoYW5nZSk9XCJpc09wZW5DaGFuZ2VkKCRldmVudClcIlxuICBbYnV0dG9uVGV4dF09XCJidXR0b25UZXh0KClcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gIFtjaGV2cm9uXT1cImNoZXZyb24oKVwiXG4gIFtwcmVmaXhJY29uXT1cInByZWZpeEljb24oKVwiXG4+XG4gIDxuZHctZm9ybS1maWVsZCBbbGFiZWxdPVwic2VhcmNoTGFiZWwoKVwiIFtoaWRlTGFiZWxdPVwidHJ1ZVwiPlxuICAgIDxpbnB1dFxuICAgICAgbmR3SW5wdXRcbiAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgW3ZhbHVlXT1cInNlYXJjaElucHV0VmFsdWUoKVwiXG4gICAgICAoaW5wdXQpPVwic2VhcmNoSW5wdXRDaGFuZ2VkKCRldmVudClcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyKClcIlxuICAgIC8+XG4gIDwvbmR3LWZvcm0tZmllbGQ+XG4gIEBpZiAobm9TZWFyY2hSZXN1bHRzKCkpIHtcbiAgICA8ZGl2IGNsYXNzPVwibm8tc2VhcmNoLXJlc3VsdHNcIj5cbiAgICAgIDxuZHctaWNvbj5zZW50aW1lbnRfZGlzc2F0aXNmaWVkPC9uZHctaWNvbj5cbiAgICAgIHt7IG5vUmVzdWx0VGV4dCgpIH19XG4gICAgPC9kaXY+XG4gIH0gQGVsc2Uge1xuICAgIDxuZHctY2hlY2tib3gtZ3JvdXAgY2xhc3M9XCJtdWx0aS1zZWxlY3QtY29udGFpbmVyXCI+XG4gICAgICBAZm9yIChjaGVja2JveCBvZiBkYXRhU291cmNlKCk7IHRyYWNrIGNoZWNrYm94LmlkKSB7XG4gICAgICAgIEBpZiAoZmlsdGVyU2VhcmNoKGNoZWNrYm94LmxhYmVsKSkge1xuICAgICAgICAgIDxuZHctY2hlY2tib3hcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2xhc3QtY2hlY2tlZCc6IGxhc3RDaGVja2VkRWxlbWVudElkKCkgPT09IGNoZWNrYm94LmlkIH1cIlxuICAgICAgICAgICAgW2NoZWNrZWRdPVwiY2hlY2tib3gudmFsdWVcIlxuICAgICAgICAgICAgKGNoZWNrZWRDaGFuZ2UpPVwiY2hlY2tib3hDaGFuZ2VkKGNoZWNrYm94LmlkKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3sgY2hlY2tib3gubGFiZWwgfX1cbiAgICAgICAgICA8L25kdy1jaGVja2JveD5cbiAgICAgICAgfVxuICAgICAgfVxuICAgIDwvbmR3LWNoZWNrYm94LWdyb3VwPlxuICB9XG4gIDxkaXYgY2xhc3M9XCJuZHctZGlhbG9nLWZvb3RlclwiPlxuICAgIEBpZiAoc2VsZWN0QW1vdW50KCkgPT09IGRhdGFTb3VyY2UoKS5sZW5ndGgpIHtcbiAgICAgIDxidXR0b24gbmR3TGluayAoY2xpY2spPVwidG9nZ2xlU2VsZWN0QWxsKGZhbHNlKVwiPlxuICAgICAgICB7eyBzZWxlY3RBbGxUZXh0KCkuZGVzZWxlY3QgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGJ1dHRvbiBuZHdMaW5rIChjbGljayk9XCJ0b2dnbGVTZWxlY3RBbGwodHJ1ZSlcIj5cbiAgICAgICAge3sgc2VsZWN0QWxsVGV4dCgpLnNlbGVjdCB9fVxuICAgICAgPC9idXR0b24+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJuZHctZGlhbG9nLWZvb3Rlci10b3RhbFwiIGFyaWEtbGl2ZT1cInBvbGl0ZVwiPlxuICAgICAgR2VzZWxlY3RlZXJkOiA8c3Ryb25nPnt7IHNlbGVjdEFtb3VudCgpIH19PC9zdHJvbmc+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZHctZHJvcGRvd24+XG4iXX0=

package/esm2022/components/pill/pill.component.mjs

@@ -1,20 +1,33 @@
-import { Component, HostBinding, input } from '@angular/core';
+import { Component, HostBinding, input, viewChild } from '@angular/core';
 import * as i0 from "@angular/core";
 export class PillComponent {
     constructor() {
+        /**
+         * The color of the pill.
+         */
         this.color = input("green" /* PillColor.Green */);
+        /**
+         * The content of the pill.
+         */
+        this.content = viewChild('content');
     }
     get hostClass() {
         return ['ndw-paragraph-md', this.color()];
     }
+    get title() {
+        return this.content?.toString();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: PillComponent, isStandalone: true, selector: "ndw-pill", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: PillComponent, isStandalone: true, selector: "ndw-pill", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass", "title": "this.title" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container #content>\n  <ng-content />\n</ng-container>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PillComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ndw-pill', standalone: true, template: "<ng-content />\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }]
+            args: [{ selector: 'ndw-pill', standalone: true, template: "<ng-container #content>\n  <ng-content />\n</ng-container>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }]
         }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class']
+            }], title: [{
+                type: HostBinding,
+                args: ['title']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvcGlsbC9waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9waWxsL3BpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM5RCxNQUFNLE9BQU8sYUFBYTtJQU4xQjtRQU9rQixVQUFLLEdBQUcsS0FBSywrQkFBaUIsQ0FBQztLQU1oRDtJQUpDLElBQ1csU0FBUztRQUNsQixPQUFPLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDNUMsQ0FBQzs4R0FOVSxhQUFhO2tHQUFiLGFBQWEsNlBDVDFCLGtCQUNBOzsyRkRRYSxhQUFhO2tCQU56QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJOzhCQVFMLFNBQVM7c0JBRG5CLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQaWxsQ29sb3IgfSBmcm9tICcuL3BpbGwubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctcGlsbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWxsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BpbGwuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBQaWxsQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQoUGlsbENvbG9yLkdyZWVuKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGdldCBob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbJ25kdy1wYXJhZ3JhcGgtbWQnLCB0aGlzLmNvbG9yKCldO1xuICB9XG59XG4iLCI8bmctY29udGVudCAvPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvcGlsbC9waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9waWxsL3BpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTekUsTUFBTSxPQUFPLGFBQWE7SUFOMUI7UUFPRTs7V0FFRztRQUNhLFVBQUssR0FBRyxLQUFLLCtCQUFpQixDQUFDO1FBRS9DOztXQUVHO1FBQ2MsWUFBTyxHQUFHLFNBQVMsQ0FBUyxTQUFTLENBQUMsQ0FBQztLQVd6RDtJQVRDLElBQ1csU0FBUztRQUNsQixPQUFPLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVELElBQ2MsS0FBSztRQUNqQixPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUM7SUFDbEMsQ0FBQzs4R0FuQlUsYUFBYTtrR0FBYixhQUFhLHdZQ1QxQiw4REFHQTs7MkZETWEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSTs4QkFnQkwsU0FBUztzQkFEbkIsV0FBVzt1QkFBQyxPQUFPO2dCQU1OLEtBQUs7c0JBRGxCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBpbGxDb2xvciB9IGZyb20gJy4vcGlsbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1waWxsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL3BpbGwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vcGlsbC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFBpbGxDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIGNvbG9yIG9mIHRoZSBwaWxsLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQoUGlsbENvbG9yLkdyZWVuKTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIHBpbGwuXG4gICAqL1xuICBwcml2YXRlIHJlYWRvbmx5IGNvbnRlbnQgPSB2aWV3Q2hpbGQ8c3RyaW5nPignY29udGVudCcpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwdWJsaWMgZ2V0IGhvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIFsnbmR3LXBhcmFncmFwaC1tZCcsIHRoaXMuY29sb3IoKV07XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3RpdGxlJylcbiAgcHJvdGVjdGVkIGdldCB0aXRsZSgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmNvbnRlbnQ/LnRvU3RyaW5nKCk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgI2NvbnRlbnQ+XG4gIDxuZy1jb250ZW50IC8+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/components/removable-pill/removable-pill.component.mjs

@@ -1,21 +1,23 @@
-import { Component, HostBinding, input } from '@angular/core';
+import { Component, input, output } from '@angular/core';
 import { IconComponent } from '../icon';
 import * as i0 from "@angular/core";
 export class RemovablePillComponent {
     constructor() {
+        /**
+         * Disables the pill
+         */
         this.disabled = input(false);
-    }
-    get tabindexAttr() {
-        return this.disabled() ? -1 : 0;
+        /**
+         * Aria label for the remove button
+         */
+        this.removeAriaLabel = input('Verwijder');
+        this.onClick = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RemovablePillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: RemovablePillComponent, isStandalone: true, selector: "ndw-removable-pill", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.tabindex": "this.tabindexAttr" } }, ngImport: i0, template: "<ng-content /> <ndw-icon>close</ndw-icon>\n", styles: [":host{border-radius:45px;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);display:inline-grid;grid-template-columns:auto 1fr;cursor:pointer;background:var(--ndw-color-primary-050);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);color:var(--ndw-color-primary);font-size:var(--ndw-font-size-sm);outline:none;align-items:center;height:1.5rem;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{display:grid;font-size:var(--ndw-font-size-sm);width:var(--ndw-spacing-md)}:host:hover{background-color:var(--ndw-color-primary);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);color:var(--ndw-color-white)}:host:active,:host:focus{background-color:var(--ndw-color-primary-600);border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);color:var(--ndw-color-white)}:host[disabled]{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["interactive"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: RemovablePillComponent, isStandalone: true, selector: "ndw-removable-pill", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"ndw-removable-pill\" [class.ndw-removable-pill--disabled]=\"disabled()\">\n  <ng-content />\n\n  <button\n    type=\"button\"\n    class=\"ndw-removable-pill__button\"\n    [attr.aria-label]=\"removeAriaLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"onClick.emit()\"\n  >\n    <ndw-icon>close</ndw-icon>\n  </button>\n</div>\n", styles: [".ndw-removable-pill{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}.ndw-removable-pill:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}.ndw-removable-pill:active,.ndw-removable-pill:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}.ndw-removable-pill--disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}.ndw-removable-pill__button{border:0;padding:0;background-color:transparent;color:inherit}.ndw-removable-pill__button:focus{outline:none}.ndw-removable-pill__button:after{content:\"\";position:absolute;inset:0}.ndw-removable-pill ndw-icon{display:grid;width:var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RemovablePillComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ndw-removable-pill', standalone: true, imports: [IconComponent], template: "<ng-content /> <ndw-icon>close</ndw-icon>\n", styles: [":host{border-radius:45px;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);display:inline-grid;grid-template-columns:auto 1fr;cursor:pointer;background:var(--ndw-color-primary-050);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);color:var(--ndw-color-primary);font-size:var(--ndw-font-size-sm);outline:none;align-items:center;height:1.5rem;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{display:grid;font-size:var(--ndw-font-size-sm);width:var(--ndw-spacing-md)}:host:hover{background-color:var(--ndw-color-primary);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);color:var(--ndw-color-white)}:host:active,:host:focus{background-color:var(--ndw-color-primary-600);border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);color:var(--ndw-color-white)}:host[disabled]{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}\n"] }]
-        }], propDecorators: { tabindexAttr: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZhYmxlLXBpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL3JlbW92YWJsZS1waWxsL3JlbW92YWJsZS1waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9yZW1vdmFibGUtcGlsbC9yZW1vdmFibGUtcGlsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFTeEMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFTLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7S0FNaEM7SUFKQyxJQUNXLFlBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs4R0FOVSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwyUkNWbkMsNkNBQ0EseWdDRE1ZLGFBQWE7OzJGQUdaLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUVQLENBQUMsYUFBYSxDQUFDOzhCQU9iLFlBQVk7c0JBRHRCLFdBQVc7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1yZW1vdmFibGUtcGlsbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZW1vdmFibGUtcGlsbC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50XSxcbiAgc3R5bGVVcmw6ICcuL3JlbW92YWJsZS1waWxsLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgUmVtb3ZhYmxlUGlsbENvbXBvbmVudCB7XG4gIHB1YmxpYyBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKVxuICBwdWJsaWMgZ2V0IHRhYmluZGV4QXR0cigpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkKCkgPyAtMSA6IDA7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+IDxuZHctaWNvbj5jbG9zZTwvbmR3LWljb24+XG4iXX0=
+            args: [{ selector: 'ndw-removable-pill', standalone: true, imports: [IconComponent], template: "<div class=\"ndw-removable-pill\" [class.ndw-removable-pill--disabled]=\"disabled()\">\n  <ng-content />\n\n  <button\n    type=\"button\"\n    class=\"ndw-removable-pill__button\"\n    [attr.aria-label]=\"removeAriaLabel()\"\n    [disabled]=\"disabled()\"\n    (click)=\"onClick.emit()\"\n  >\n    <ndw-icon>close</ndw-icon>\n  </button>\n</div>\n", styles: [".ndw-removable-pill{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}.ndw-removable-pill:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}.ndw-removable-pill:active,.ndw-removable-pill:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}.ndw-removable-pill--disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}.ndw-removable-pill__button{border:0;padding:0;background-color:transparent;color:inherit}.ndw-removable-pill__button:focus{outline:none}.ndw-removable-pill__button:after{content:\"\";position:absolute;inset:0}.ndw-removable-pill ndw-icon{display:grid;width:var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZhYmxlLXBpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL3JlbW92YWJsZS1waWxsL3JlbW92YWJsZS1waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9yZW1vdmFibGUtcGlsbC9yZW1vdmFibGUtcGlsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFTeEMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFOztXQUVHO1FBQ0ksYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUvQjs7V0FFRztRQUNJLG9CQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRXJDLFlBQU8sR0FBRyxNQUFNLEVBQVEsQ0FBQztLQUNqQzs4R0FaWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixrWkNWbkMsOFZBYUEsazNDRE5ZLGFBQWE7OzJGQUdaLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUVQLENBQUMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1yZW1vdmFibGUtcGlsbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZW1vdmFibGUtcGlsbC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50XSxcbiAgc3R5bGVVcmw6ICcuL3JlbW92YWJsZS1waWxsLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgUmVtb3ZhYmxlUGlsbENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEaXNhYmxlcyB0aGUgcGlsbFxuICAgKi9cbiAgcHVibGljIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiBBcmlhIGxhYmVsIGZvciB0aGUgcmVtb3ZlIGJ1dHRvblxuICAgKi9cbiAgcHVibGljIHJlbW92ZUFyaWFMYWJlbCA9IGlucHV0KCdWZXJ3aWpkZXInKTtcblxuICBwdWJsaWMgb25DbGljayA9IG91dHB1dDx2b2lkPigpO1xufVxuIiwiPGRpdiBjbGFzcz1cIm5kdy1yZW1vdmFibGUtcGlsbFwiIFtjbGFzcy5uZHctcmVtb3ZhYmxlLXBpbGwtLWRpc2FibGVkXT1cImRpc2FibGVkKClcIj5cbiAgPG5nLWNvbnRlbnQgLz5cblxuICA8YnV0dG9uXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJuZHctcmVtb3ZhYmxlLXBpbGxfX2J1dHRvblwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJyZW1vdmVBcmlhTGFiZWwoKVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICAgIChjbGljayk9XCJvbkNsaWNrLmVtaXQoKVwiXG4gID5cbiAgICA8bmR3LWljb24+Y2xvc2U8L25kdy1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19

package/esm2022/components/toast/index.mjs

@@ -0,0 +1,3 @@
+export * from './toast.component';
+export * from './toast.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvdG9hc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90b2FzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90b2FzdC5zZXJ2aWNlJztcbiJdfQ==

package/esm2022/components/toast/toast.component.mjs

@@ -0,0 +1,74 @@
+import { Component, Renderer2, inject, model, output, viewChild, } from '@angular/core';
+import { IconComponent } from '../icon';
+import * as i0 from "@angular/core";
+export class ToastComponent {
+    constructor() {
+        this.message = model('');
+        this.close = output();
+        this.interval = null;
+        this.renderer = inject(Renderer2);
+        this.toastContainer = viewChild('toastContainer');
+    }
+    ngOnInit() {
+        this.message.set(this.truncateText(this.message()));
+        this.open();
+    }
+    ngOnDestroy() {
+        if (this.interval !== null) {
+            clearInterval(this.interval);
+        }
+        this.close.emit();
+    }
+    open() {
+        const intervalTime = 10;
+        const totalTicks = 10000 / intervalTime;
+        let currentTick = 0;
+        this.interval = setInterval(() => {
+            currentTick++;
+            const percentage = (currentTick / totalTicks) * 100;
+            this.updateGradient(percentage);
+            if (currentTick >= totalTicks) {
+                this.startFadeOut();
+            }
+        }, intervalTime);
+    }
+    updateGradient(percentage) {
+        if (!this.checkForExistingToast()) {
+            return;
+        }
+        const toastElement = this.toastContainer()?.nativeElement;
+        toastElement.style.background =
+            'linear-gradient(to left, var(--ndw-color-grey-600) ' +
+                `${percentage}%, var(--ndw-color-grey-700) ${percentage}%)`;
+    }
+    startFadeOut() {
+        if (!this.checkForExistingToast()) {
+            return;
+        }
+        const toastElement = this.toastContainer()?.nativeElement;
+        this.renderer.addClass(toastElement, 'fade-out');
+        setTimeout(() => {
+            this.ngOnDestroy();
+        }, 200);
+    }
+    checkForExistingToast() {
+        if (!this.toastContainer()?.nativeElement) {
+            this.ngOnDestroy();
+            return false;
+        }
+        return true;
+    }
+    truncateText(text) {
+        if (text.length > 75) {
+            return text.substring(0, 75) + '...';
+        }
+        return text;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: ToastComponent, isStandalone: true, selector: "ndw-toast", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { message: "messageChange", close: "close" }, viewQueries: [{ propertyName: "toastContainer", first: true, predicate: ["toastContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"toast-container\" #toastContainer>\n  <div class=\"toast-content\">\n    {{ message() }}\n  </div>\n  <ndw-icon (click)=\"startFadeOut()\">close</ndw-icon>\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ndw-toast', standalone: true, imports: [IconComponent], template: "<div class=\"toast-container\" #toastContainer>\n  <div class=\"toast-content\">\n    {{ message() }}\n  </div>\n  <ndw-icon (click)=\"startFadeOut()\">close</ndw-icon>\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL3RvYXN0L3RvYXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy90b2FzdC90b2FzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUlULFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFReEMsTUFBTSxPQUFPLGNBQWM7SUFOM0I7UUFPa0IsWUFBTyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwQixVQUFLLEdBQUcsTUFBTSxFQUFRLENBQUM7UUFDL0IsYUFBUSxHQUEwQyxJQUFJLENBQUM7UUFDOUMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixtQkFBYyxHQUFHLFNBQVMsQ0FBYSxnQkFBZ0IsQ0FBQyxDQUFDO0tBbUUzRTtJQWpFUSxRQUFRO1FBQ2IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUMzQixhQUFhLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQy9CLENBQUM7UUFDRCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTSxJQUFJO1FBQ1QsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ3hCLE1BQU0sVUFBVSxHQUFHLEtBQUssR0FBRyxZQUFZLENBQUM7UUFDeEMsSUFBSSxXQUFXLEdBQUcsQ0FBQyxDQUFDO1FBRXBCLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUMvQixXQUFXLEVBQUUsQ0FBQztZQUNkLE1BQU0sVUFBVSxHQUFHLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEdBQUcsQ0FBQztZQUNwRCxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBRWhDLElBQUksV0FBVyxJQUFJLFVBQVUsRUFBRSxDQUFDO2dCQUM5QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsQ0FBQztRQUNILENBQUMsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUNuQixDQUFDO0lBRU8sY0FBYyxDQUFDLFVBQWtCO1FBQ3ZDLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUUsRUFBRSxDQUFDO1lBQ2xDLE9BQU87UUFDVCxDQUFDO1FBRUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLGFBQWEsQ0FBQztRQUMxRCxZQUFZLENBQUMsS0FBSyxDQUFDLFVBQVU7WUFDM0IscURBQXFEO2dCQUNyRCxHQUFHLFVBQVUsZ0NBQWdDLFVBQVUsSUFBSSxDQUFDO0lBQ2hFLENBQUM7SUFFUyxZQUFZO1FBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUUsRUFBRSxDQUFDO1lBQ2xDLE9BQU87UUFDVCxDQUFDO1FBRUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLGFBQWEsQ0FBQztRQUMxRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDakQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNyQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBRU8scUJBQXFCO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsYUFBYSxFQUFFLENBQUM7WUFDMUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ25CLE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVPLFlBQVksQ0FBQyxJQUFZO1FBQy9CLElBQUksSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLEVBQUUsQ0FBQztZQUNyQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQztRQUN2QyxDQUFDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzhHQXZFVSxjQUFjO2tHQUFkLGNBQWMsd1lDbkIzQixvTEFNQSw0Q0RXWSxhQUFhOzsyRkFFWixjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBRVAsQ0FBQyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBSZW5kZXJlcjIsXG4gIGluamVjdCxcbiAgbW9kZWwsXG4gIG91dHB1dCxcbiAgdmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LXRvYXN0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW0ljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIHJlYWRvbmx5IG1lc3NhZ2UgPSBtb2RlbCgnJyk7XG4gIHB1YmxpYyByZWFkb25seSBjbG9zZSA9IG91dHB1dDx2b2lkPigpO1xuICBwcml2YXRlIGludGVydmFsOiBSZXR1cm5UeXBlPHR5cGVvZiBzZXRJbnRlcnZhbD4gfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuICBwcml2YXRlIHJlYWRvbmx5IHRvYXN0Q29udGFpbmVyID0gdmlld0NoaWxkPEVsZW1lbnRSZWY+KCd0b2FzdENvbnRhaW5lcicpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1lc3NhZ2Uuc2V0KHRoaXMudHJ1bmNhdGVUZXh0KHRoaXMubWVzc2FnZSgpKSk7XG4gICAgdGhpcy5vcGVuKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaW50ZXJ2YWwgIT09IG51bGwpIHtcbiAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5pbnRlcnZhbCk7XG4gICAgfVxuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICB9XG5cbiAgcHVibGljIG9wZW4oKTogdm9pZCB7XG4gICAgY29uc3QgaW50ZXJ2YWxUaW1lID0gMTA7XG4gICAgY29uc3QgdG90YWxUaWNrcyA9IDEwMDAwIC8gaW50ZXJ2YWxUaW1lO1xuICAgIGxldCBjdXJyZW50VGljayA9IDA7XG5cbiAgICB0aGlzLmludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgY3VycmVudFRpY2srKztcbiAgICAgIGNvbnN0IHBlcmNlbnRhZ2UgPSAoY3VycmVudFRpY2sgLyB0b3RhbFRpY2tzKSAqIDEwMDtcbiAgICAgIHRoaXMudXBkYXRlR3JhZGllbnQocGVyY2VudGFnZSk7XG5cbiAgICAgIGlmIChjdXJyZW50VGljayA+PSB0b3RhbFRpY2tzKSB7XG4gICAgICAgIHRoaXMuc3RhcnRGYWRlT3V0KCk7XG4gICAgICB9XG4gICAgfSwgaW50ZXJ2YWxUaW1lKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlR3JhZGllbnQocGVyY2VudGFnZTogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNoZWNrRm9yRXhpc3RpbmdUb2FzdCgpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgdG9hc3RFbGVtZW50ID0gdGhpcy50b2FzdENvbnRhaW5lcigpPy5uYXRpdmVFbGVtZW50O1xuICAgIHRvYXN0RWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kID1cbiAgICAgICdsaW5lYXItZ3JhZGllbnQodG8gbGVmdCwgdmFyKC0tbmR3LWNvbG9yLWdyZXktNjAwKSAnICtcbiAgICAgIGAke3BlcmNlbnRhZ2V9JSwgdmFyKC0tbmR3LWNvbG9yLWdyZXktNzAwKSAke3BlcmNlbnRhZ2V9JSlgO1xuICB9XG5cbiAgcHJvdGVjdGVkIHN0YXJ0RmFkZU91dCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY2hlY2tGb3JFeGlzdGluZ1RvYXN0KCkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0b2FzdEVsZW1lbnQgPSB0aGlzLnRvYXN0Q29udGFpbmVyKCk/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0b2FzdEVsZW1lbnQsICdmYWRlLW91dCcpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5uZ09uRGVzdHJveSgpO1xuICAgIH0sIDIwMCk7XG4gIH1cblxuICBwcml2YXRlIGNoZWNrRm9yRXhpc3RpbmdUb2FzdCgpOiBib29sZWFuIHtcbiAgICBpZiAoIXRoaXMudG9hc3RDb250YWluZXIoKT8ubmF0aXZlRWxlbWVudCkge1xuICAgICAgdGhpcy5uZ09uRGVzdHJveSgpO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHByaXZhdGUgdHJ1bmNhdGVUZXh0KHRleHQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgaWYgKHRleHQubGVuZ3RoID4gNzUpIHtcbiAgICAgIHJldHVybiB0ZXh0LnN1YnN0cmluZygwLCA3NSkgKyAnLi4uJztcbiAgICB9XG4gICAgcmV0dXJuIHRleHQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0b2FzdC1jb250YWluZXJcIiAjdG9hc3RDb250YWluZXI+XG4gIDxkaXYgY2xhc3M9XCJ0b2FzdC1jb250ZW50XCI+XG4gICAge3sgbWVzc2FnZSgpIH19XG4gIDwvZGl2PlxuICA8bmR3LWljb24gKGNsaWNrKT1cInN0YXJ0RmFkZU91dCgpXCI+Y2xvc2U8L25kdy1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2022/components/toast/toast.service.mjs

@@ -0,0 +1,43 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { inject, Injectable } from '@angular/core';
+import { ToastComponent } from './toast.component';
+import * as i0 from "@angular/core";
+export class ToastService {
+    constructor() {
+        this.overlay = inject(Overlay);
+        this.isOpen = false;
+    }
+    detach() {
+        this.overlayRef?.detach();
+        this.isOpen = false;
+    }
+    dispose() {
+        this.overlayRef?.dispose();
+    }
+    open(message) {
+        if (this.isOpen) {
+            this.detach();
+        }
+        this.overlayRef = this.overlay.create({
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            positionStrategy: this.overlay.position().global().centerHorizontally().top('1.5rem'),
+        });
+        const toastPortal = new ComponentPortal(ToastComponent);
+        const toastComponentRef = this.overlayRef.attach(toastPortal);
+        toastComponentRef.instance.message.set(message);
+        toastComponentRef.instance.close.subscribe(() => {
+            this.detach();
+        });
+        this.isOpen = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Quc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy90b2FzdC90b2FzdC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQUtuRCxNQUFNLE9BQU8sWUFBWTtJQUh6QjtRQUltQixZQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRW5DLFdBQU0sR0FBRyxLQUFLLENBQUM7S0FnQ3hCO0lBN0JRLE1BQU07UUFDWCxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRU0sSUFBSSxDQUFDLE9BQWU7UUFDekIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUM7UUFFRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO1lBQ3BDLGNBQWMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRTtZQUMxRCxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixFQUFFLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztTQUN0RixDQUFDLENBQUM7UUFFSCxNQUFNLFdBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUN4RCxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTlELGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2hELGlCQUFpQixDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM5QyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDOzhHQWxDVSxZQUFZO2tIQUFaLFlBQVksY0FGWCxNQUFNOzsyRkFFUCxZQUFZO2tCQUh4QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IGluamVjdCwgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9hc3RDb21wb25lbnQgfSBmcm9tICcuL3RvYXN0LmNvbXBvbmVudCc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdFNlcnZpY2Uge1xuICBwcml2YXRlIHJlYWRvbmx5IG92ZXJsYXkgPSBpbmplY3QoT3ZlcmxheSk7XG5cbiAgcHJpdmF0ZSBpc09wZW4gPSBmYWxzZTtcbiAgcHVibGljIG92ZXJsYXlSZWY/OiBPdmVybGF5UmVmO1xuXG4gIHB1YmxpYyBkZXRhY2goKTogdm9pZCB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kZXRhY2goKTtcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICB9XG5cbiAgcHVibGljIGRpc3Bvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kaXNwb3NlKCk7XG4gIH1cblxuICBwdWJsaWMgb3BlbihtZXNzYWdlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcbiAgICAgIHRoaXMuZGV0YWNoKCk7XG4gICAgfVxuXG4gICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSh7XG4gICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkuY2VudGVySG9yaXpvbnRhbGx5KCkudG9wKCcxLjVyZW0nKSxcbiAgICB9KTtcblxuICAgIGNvbnN0IHRvYXN0UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChUb2FzdENvbXBvbmVudCk7XG4gICAgY29uc3QgdG9hc3RDb21wb25lbnRSZWYgPSB0aGlzLm92ZXJsYXlSZWYuYXR0YWNoKHRvYXN0UG9ydGFsKTtcblxuICAgIHRvYXN0Q29tcG9uZW50UmVmLmluc3RhbmNlLm1lc3NhZ2Uuc2V0KG1lc3NhZ2UpO1xuICAgIHRvYXN0Q29tcG9uZW50UmVmLmluc3RhbmNlLmNsb3NlLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmRldGFjaCgpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5pc09wZW4gPSB0cnVlO1xuICB9XG59XG4iXX0=