@ndwnu/design-system 3.0.1 → 5.0.0

package/models/aria.model.d.ts

@@ -0,0 +1 @@
+export type AriaLive = 'polite' | 'assertive' | 'off';

package/models/index.d.ts

@@ -0,0 +1 @@
+export * from './aria.model';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndwnu/design-system",
-  "version": "3.0.1",
+  "version": "5.0.0",
   "peerDependencies": {
     "@angular/cdk": "^18.0.1",
     "@angular/common": "^18.0.1",

package/components/modal/modal-trigger.directive.d.ts

@@ -1,16 +0,0 @@
-import { OnChanges, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { CardComponent } from '../card';
-import * as i0 from "@angular/core";
-export declare class ModalTriggerDirective implements OnChanges, OnDestroy, OnInit {
-    private modalService;
-    private viewContainerRef;
-    ndwModalTrigger: import("@angular/core").InputSignal<TemplateRef<CardComponent>>;
-    isOpen: import("@angular/core").ModelSignal<boolean>;
-    onClick(): void;
-    ngOnChanges(): void;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private open;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, "[ndwModalTrigger]", never, { "ndwModalTrigger": { "alias": "ndwModalTrigger"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, never, true, never>;
-}

package/components/removable-pill/index.d.ts

@@ -1 +0,0 @@
-export * from './removable-pill.component';

package/components/removable-pill/removable-pill.component.d.ts

@@ -1,14 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class RemovablePillComponent {
-    /**
-     * Disables the pill
-     */
-    disabled: import("@angular/core").InputSignal<boolean>;
-    /**
-     * Aria label for the remove button
-     */
-    removeAriaLabel: import("@angular/core").InputSignal<string>;
-    onClick: import("@angular/core").OutputEmitterRef<Event>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RemovablePillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RemovablePillComponent, "ndw-removable-pill", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
-}

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

@@ -1,46 +0,0 @@
-import { Directive, HostListener, ViewContainerRef, inject, input, model, } from '@angular/core';
-import { ModalService } from './modal.service';
-import * as i0 from "@angular/core";
-export class ModalTriggerDirective {
-    constructor() {
-        this.modalService = inject(ModalService);
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.ndwModalTrigger = input.required();
-        this.isOpen = model(false);
-    }
-    onClick() {
-        this.open();
-    }
-    ngOnChanges() {
-        if (this.isOpen()) {
-            this.open();
-        }
-        else {
-            this.modalService.detach();
-        }
-    }
-    ngOnInit() {
-        this.modalService.isOpen$.subscribe((isOpen) => {
-            this.isOpen.set(isOpen);
-        });
-    }
-    ngOnDestroy() {
-        this.modalService.dispose();
-    }
-    open() {
-        this.modalService.open(this.ndwModalTrigger(), this.viewContainerRef);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.3", type: ModalTriggerDirective, isStandalone: true, selector: "[ndwModalTrigger]", inputs: { ndwModalTrigger: { classPropertyName: "ndwModalTrigger", publicName: "ndwModalTrigger", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalTriggerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ndwModalTrigger]',
-                    standalone: true,
-                }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBS1osZ0JBQWdCLEVBQ2hCLE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBSXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFNL0MsTUFBTSxPQUFPLHFCQUFxQjtJQUpsQztRQUtVLGlCQUFZLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BDLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRTdDLG9CQUFlLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBOEIsQ0FBQztRQUUvRCxXQUFNLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBNEI5QjtJQXpCUSxPQUFPO1FBQ1osSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2QsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDZCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDN0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFTyxJQUFJO1FBQ1YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7OEdBakNVLHFCQUFxQjtrR0FBckIscUJBQXFCOzsyRkFBckIscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFVUSxPQUFPO3NCQURiLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0TGlzdGVuZXIsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q29udGFpbmVyUmVmLFxuICBpbmplY3QsXG4gIGlucHV0LFxuICBtb2RlbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkJztcblxuaW1wb3J0IHsgTW9kYWxTZXJ2aWNlIH0gZnJvbSAnLi9tb2RhbC5zZXJ2aWNlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW25kd01vZGFsVHJpZ2dlcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbFRyaWdnZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT25Jbml0IHtcbiAgcHJpdmF0ZSBtb2RhbFNlcnZpY2UgPSBpbmplY3QoTW9kYWxTZXJ2aWNlKTtcbiAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmID0gaW5qZWN0KFZpZXdDb250YWluZXJSZWYpO1xuXG4gIHB1YmxpYyBuZHdNb2RhbFRyaWdnZXIgPSBpbnB1dC5yZXF1aXJlZDxUZW1wbGF0ZVJlZjxDYXJkQ29tcG9uZW50Pj4oKTtcblxuICBwdWJsaWMgaXNPcGVuID0gbW9kZWwoZmFsc2UpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSlcbiAgcHVibGljIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy5vcGVuKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaXNPcGVuKCkpIHtcbiAgICAgIHRoaXMub3BlbigpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm1vZGFsU2VydmljZS5kZXRhY2goKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5tb2RhbFNlcnZpY2UuaXNPcGVuJC5zdWJzY3JpYmUoKGlzT3BlbikgPT4ge1xuICAgICAgdGhpcy5pc09wZW4uc2V0KGlzT3Blbik7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5tb2RhbFNlcnZpY2UuZGlzcG9zZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBvcGVuKCk6IHZvaWQge1xuICAgIHRoaXMubW9kYWxTZXJ2aWNlLm9wZW4odGhpcy5uZHdNb2RhbFRyaWdnZXIoKSwgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgfVxufVxuIl19

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

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

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

@@ -1,23 +0,0 @@
-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);
-        /**
-         * 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 }, 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($event)\"\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: "<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($event)\"\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZhYmxlLXBpbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL3JlbW92YWJsZS1waWxsL3JlbW92YWJsZS1waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9yZW1vdmFibGUtcGlsbC9yZW1vdmFibGUtcGlsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFTeEMsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQVFFOztXQUVHO1FBQ0ksYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUvQjs7V0FFRztRQUNJLG9CQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRXJDLFlBQU8sR0FBRyxNQUFNLEVBQVMsQ0FBQztLQUNsQzs4R0FaWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixrWkNWbkMsb1dBYUEsazNDRE5ZLGFBQWE7OzJGQUdaLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUVQLENBQUMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1yZW1vdmFibGUtcGlsbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9yZW1vdmFibGUtcGlsbC5jb21wb25lbnQuaHRtbCcsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50XSxcbiAgc3R5bGVVcmw6ICcuL3JlbW92YWJsZS1waWxsLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgUmVtb3ZhYmxlUGlsbENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEaXNhYmxlcyB0aGUgcGlsbFxuICAgKi9cbiAgcHVibGljIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiBBcmlhIGxhYmVsIGZvciB0aGUgcmVtb3ZlIGJ1dHRvblxuICAgKi9cbiAgcHVibGljIHJlbW92ZUFyaWFMYWJlbCA9IGlucHV0KCdWZXJ3aWpkZXInKTtcblxuICBwdWJsaWMgb25DbGljayA9IG91dHB1dDxFdmVudD4oKTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJuZHctcmVtb3ZhYmxlLXBpbGxcIiBbY2xhc3MubmR3LXJlbW92YWJsZS1waWxsLS1kaXNhYmxlZF09XCJkaXNhYmxlZCgpXCI+XG4gIDxuZy1jb250ZW50IC8+XG5cbiAgPGJ1dHRvblxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwibmR3LXJlbW92YWJsZS1waWxsX19idXR0b25cIlxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwicmVtb3ZlQXJpYUxhYmVsKClcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcbiAgICAoY2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxuICA+XG4gICAgPG5kdy1pY29uPmNsb3NlPC9uZHctaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==