@ndwnu/design-system 3.0.1 → 4.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": "4.0.0",
   "peerDependencies": {
     "@angular/cdk": "^18.0.1",
     "@angular/common": "^18.0.1",

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/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==