@ndwnu/design-system 5.1.0 → 6.0.0

package/components/alert/alert.model.d.ts

@@ -1,6 +1 @@
-export declare enum AlertType {
-    Negative = "critical",
-    Info = "info",
-    InfoGrey = "info-grey",
-    Warning = "warning"
-}
+export type AlertType = 'critical' | 'info' | 'info-grey' | 'warning';

package/components/banner/banner.model.d.ts

@@ -1,4 +1 @@
-export declare enum BannerType {
-    Negative = "critical",
-    Info = "info"
-}
+export type BannerType = 'critical' | 'info';

package/components/card/card-header/card-header.component.d.ts

@@ -1,5 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class CardHeaderComponent {
+    readonly cardId: string | null;
+    readonly isCollapsible: import("@angular/core").InputSignal<boolean>;
+    readonly isCollapsed: import("@angular/core").ModelSignal<boolean>;
+    private readonly elementRef;
+    get height(): number;
+    toggleCollapsed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "ndw-card-header", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "ndw-card-header", never, { "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["*"], true, never>;
 }

package/components/card/card.animation.d.ts

@@ -0,0 +1 @@
+export declare const CARD_ANIMATION: import("@angular/animations").AnimationTriggerMetadata;

package/components/card/card.component.d.ts

@@ -1,5 +1,18 @@
+import { AfterContentInit, InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class CardComponent {
+export declare const CARD_ID_TOKEN: InjectionToken<string>;
+export declare class CardComponent implements AfterContentInit {
+    private readonly header;
+    private readonly headerHeight;
+    readonly cardId: string;
+    isCollapsed: import("@angular/core").ModelSignal<boolean>;
+    ngAfterContentInit(): void;
+    animationState: import("@angular/core").Signal<{
+        value: string;
+        params: {
+            headerHeight: number;
+        };
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["header"], ["*"], true, never>;
 }

package/components/dropdown/dropdown.component.d.ts

@@ -3,7 +3,7 @@ import { PopoverTriggerDirective } from '../popover';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent {
     readonly disabled: import("@angular/core").InputSignal<boolean>;
-    readonly chevron: import("@angular/core").InputSignal<unknown>;
+    readonly chevron: import("@angular/core").InputSignal<boolean>;
     readonly buttonText: import("@angular/core").InputSignal<string>;
     readonly prefixIcon: import("@angular/core").InputSignal<string>;
     readonly selectAmount: import("@angular/core").InputSignal<number>;

package/components/form-field/autosuggest/autosuggest-add-option/autosuggest-add-option.component.d.ts

@@ -1,8 +1,8 @@
 import { BaseAutosuggestOptionComponent } from '../autosuggest-option';
 import * as i0 from "@angular/core";
-export declare class AutosuggestAddOptionComponent extends BaseAutosuggestOptionComponent {
+export declare class AutosuggestAddOptionComponent<T> extends BaseAutosuggestOptionComponent<T> {
     readonly addOption: import("@angular/core").OutputEmitterRef<string>;
     protected emitSelectionChangeEvent(isUserInput?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestAddOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestAddOptionComponent, "ndw-autosuggest-add-option", never, {}, { "addOption": "addOption"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestAddOptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestAddOptionComponent<any>, "ndw-autosuggest-add-option", never, {}, { "addOption": "addOption"; }, never, never, true, never>;
 }

package/components/form-field/autosuggest/autosuggest-option/autosuggest-option.component.d.ts

@@ -1,12 +1,12 @@
-import { AutosuggestAddOptionComponent } from '../autosuggest-add-option';
 import { BaseAutosuggestOptionComponent } from './base-autosuggest-option.component';
+import { AutosuggestOptionComponentType } from './autosuggest-option.model';
 import * as i0 from "@angular/core";
-export declare class AutocompleteOptionSelectionChange {
-    source: AutosuggestOptionComponent | AutosuggestAddOptionComponent;
+export declare class AutocompleteOptionSelectionChange<T> {
+    source: AutosuggestOptionComponentType<T>;
     isUserInput: boolean;
-    constructor(source: AutosuggestOptionComponent | AutosuggestAddOptionComponent, isUserInput?: boolean);
+    constructor(source: AutosuggestOptionComponentType<T>, isUserInput?: boolean);
 }
-export declare class AutosuggestOptionComponent extends BaseAutosuggestOptionComponent {
+export declare class AutosuggestOptionComponent<T> extends BaseAutosuggestOptionComponent<T> {
     readonly searchTerm: import("@angular/core").InputSignal<string>;
     readonly label: import("@angular/core").InputSignal<string>;
     id: string;
@@ -14,6 +14,6 @@ export declare class AutosuggestOptionComponent extends BaseAutosuggestOptionCom
     constructor();
     getLabel(): string;
     protected emitSelectionChangeEvent(isUserInput?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestOptionComponent, "ndw-autosuggest-option", never, { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestOptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestOptionComponent<any>, "ndw-autosuggest-option", never, { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/form-field/autosuggest/autosuggest-option/autosuggest-option.model.d.ts

@@ -1,2 +1,5 @@
-export type AutosuggestOption = string | Record<string, unknown>;
-export type AutosuggestOptions = Array<AutosuggestOption>;
+import { AutosuggestOptionComponent } from './autosuggest-option.component';
+import { AutosuggestAddOptionComponent } from '../autosuggest-add-option';
+export type AutosuggestOption<T = string> = T;
+export type AutosuggestOptions<T = string> = AutosuggestOption<T>[];
+export type AutosuggestOptionComponentType<T> = AutosuggestOptionComponent<T> | AutosuggestAddOptionComponent<T>;

package/components/form-field/autosuggest/autosuggest-option/base-autosuggest-option.component.d.ts

@@ -1,11 +1,10 @@
 import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { AutocompleteOptionSelectionChange } from './autosuggest-option.component';
-import { AutosuggestOption } from './autosuggest-option.model';
 import * as i0 from "@angular/core";
-export declare abstract class BaseAutosuggestOptionComponent implements FocusableOption, OnDestroy {
-    readonly value: import("@angular/core").InputSignal<AutosuggestOption | undefined>;
-    readonly selectionChange: EventEmitter<AutocompleteOptionSelectionChange>;
+export declare abstract class BaseAutosuggestOptionComponent<T> implements FocusableOption, OnDestroy {
+    readonly value: import("@angular/core").InputSignal<T | undefined>;
+    readonly selectionChange: EventEmitter<AutocompleteOptionSelectionChange<T>>;
     protected _active: boolean;
     protected _selected: boolean;
     get active(): boolean;
@@ -22,6 +21,6 @@ export declare abstract class BaseAutosuggestOptionComponent implements Focusabl
     protected abstract emitSelectionChangeEvent(isUserInput?: boolean): void;
     ngOnDestroy(): void;
     protected getHostElement(): HTMLElement;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseAutosuggestOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseAutosuggestOptionComponent, "ng-component", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseAutosuggestOptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseAutosuggestOptionComponent<any>, "ng-component", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/form-field/autosuggest/autosuggest-panel/autosuggest-panel.component.d.ts

@@ -1,27 +1,25 @@
 import { AfterViewInit, ElementRef, OnDestroy, QueryList, TemplateRef } from '@angular/core';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { AutosuggestAddOptionComponent } from '../autosuggest-add-option';
-import { AutosuggestOptionComponent } from '../autosuggest-option';
-import { AutosuggestOption, AutosuggestOptions } from '../autosuggest-option/autosuggest-option.model';
+import { AutosuggestOption, AutosuggestOptions, AutosuggestOptionComponentType } from '../autosuggest-option/autosuggest-option.model';
 import * as i0 from "@angular/core";
-export declare class AutosuggestPanelComponent implements AfterViewInit, OnDestroy {
-    readonly suggestions: import("@angular/core").InputSignal<AutosuggestOptions>;
+export declare class AutosuggestPanelComponent<T> implements AfterViewInit, OnDestroy {
+    readonly suggestions: import("@angular/core").InputSignal<AutosuggestOptions<T>>;
     readonly enableAddOption: import("@angular/core").InputSignal<boolean>;
     readonly maxResults: import("@angular/core").InputSignal<number>;
     readonly noResultText: import("@angular/core").InputSignal<string>;
-    readonly displayWith: import("@angular/core").InputSignal<((value: AutosuggestOption) => string) | undefined>;
+    readonly displayWith: import("@angular/core").InputSignal<((value: AutosuggestOption<T>) => string) | undefined>;
     readonly opened: import("@angular/core").OutputEmitterRef<void>;
     readonly closed: import("@angular/core").OutputEmitterRef<void>;
-    readonly optionSelected: import("@angular/core").OutputEmitterRef<AutosuggestOption | null>;
+    readonly optionSelected: import("@angular/core").OutputEmitterRef<T | null>;
     readonly addOption: import("@angular/core").OutputEmitterRef<string>;
-    items: QueryList<AutosuggestOptionComponent | AutosuggestAddOptionComponent>;
+    items: QueryList<AutosuggestOptionComponentType<T>>;
     readonly template: import("@angular/core").Signal<TemplateRef<any>>;
     readonly panel: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     readonly searchTerm: import("@angular/core").WritableSignal<string>;
-    readonly slicedOptions: import("@angular/core").Signal<AutosuggestOption[]>;
+    readonly slicedOptions: import("@angular/core").Signal<T[]>;
     readonly hasMoreResults: import("@angular/core").Signal<boolean>;
     readonly numberOfLeftOverResults: import("@angular/core").Signal<number>;
-    keyManager: ActiveDescendantKeyManager<AutosuggestOptionComponent | AutosuggestAddOptionComponent> | undefined;
+    keyManager: ActiveDescendantKeyManager<AutosuggestOptionComponentType<T>> | undefined;
     showPanel: boolean;
     id: string;
     isOpen: boolean;
@@ -29,11 +27,11 @@ export declare class AutosuggestPanelComponent implements AfterViewInit, OnDestr
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    getLabelOption(option: AutosuggestOption): string;
+    getLabelOption(option: AutosuggestOption<T>): string;
     setScrollTop(scrollTop: number): void;
     setVisibility(): void;
-    emitSelectEvent(option: AutosuggestOptionComponent | AutosuggestAddOptionComponent): void;
+    emitSelectEvent(option: AutosuggestOptionComponentType<T>): void;
     addNewOption(value: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestPanelComponent, "ndw-autosuggest", ["apAutocomplete"], { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "enableAddOption": { "alias": "enableAddOption"; "required": false; "isSignal": true; }; "maxResults": { "alias": "maxResults"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; "addOption": "addOption"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestPanelComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestPanelComponent<any>, "ndw-autosuggest", ["apAutocomplete"], { "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "enableAddOption": { "alias": "enableAddOption"; "required": false; "isSignal": true; }; "maxResults": { "alias": "maxResults"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "optionSelected": "optionSelected"; "addOption": "addOption"; }, never, never, true, never>;
 }

package/components/form-field/autosuggest/autosuggest.directive.d.ts

@@ -1,11 +1,10 @@
 import { AfterViewInit, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { AutosuggestAddOptionComponent } from './autosuggest-add-option';
-import { AutosuggestOptionComponent } from './autosuggest-option/autosuggest-option.component';
+import { AutosuggestOptionComponentType } from './autosuggest-option/autosuggest-option.model';
 import { AutosuggestPanelComponent } from './autosuggest-panel/autosuggest-panel.component';
 import * as i0 from "@angular/core";
-export declare class AutosuggestDirective implements ControlValueAccessor, AfterViewInit, OnDestroy {
-    readonly ndwAutosuggest: import("@angular/core").InputSignal<AutosuggestPanelComponent>;
+export declare class AutosuggestDirective<T> implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    readonly ndwAutosuggest: import("@angular/core").InputSignal<AutosuggestPanelComponent<T>>;
     readonly filter: import("@angular/core").OutputEmitterRef<string>;
     private overlayAttached;
     private overlayRef;
@@ -26,8 +25,8 @@ export declare class AutosuggestDirective implements ControlValueAccessor, After
     private readonly viewportRuler;
     private readonly destroyRef;
     get panelOpen(): boolean;
-    get activeOption(): AutosuggestOptionComponent | AutosuggestAddOptionComponent | null;
-    get autosuggest(): AutosuggestPanelComponent;
+    get activeOption(): AutosuggestOptionComponentType<T> | null;
+    get autosuggest(): AutosuggestPanelComponent<T>;
     private get panelClosingActions();
     private readonly optionSelections;
     ngAfterViewInit(): void;
@@ -67,6 +66,6 @@ export declare class AutosuggestDirective implements ControlValueAccessor, After
     private clearPreviousSelectedOption;
     private canOpen;
     private getWindow;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutosuggestDirective, "input[ndwAutosuggest], textarea[ndwAutosuggest]", ["ndwAutosuggestTrigger"], { "ndwAutosuggest": { "alias": "ndwAutosuggest"; "required": true; "isSignal": true; }; }, { "filter": "filter"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutosuggestDirective<any>, "input[ndwAutosuggest], textarea[ndwAutosuggest]", ["ndwAutosuggestTrigger"], { "ndwAutosuggest": { "alias": "ndwAutosuggest"; "required": true; "isSignal": true; }; }, { "filter": "filter"; }, never, never, true, never>;
 }

package/components/form-field/clear-search-button/clear-search-button.component.d.ts

@@ -5,11 +5,12 @@ export declare class ClearSearchButtonComponent implements OnInit, OnDestroy {
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly input: import("@angular/core").InputSignal<InputDirective | undefined>;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly buttonClicked: import("@angular/core").OutputEmitterRef<void>;
     protected readonly inputValue: import("@angular/core").WritableSignal<string>;
     private readonly onInput;
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClearSearchButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClearSearchButtonComponent, "ndw-clear-search-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClearSearchButtonComponent, "ndw-clear-search-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
 }

package/components/form-field/form-field.component.d.ts

@@ -10,6 +10,7 @@ export declare class FormFieldComponent {
     readonly success: import("@angular/core").InputSignal<string | undefined>;
     readonly info: import("@angular/core").InputSignal<string | undefined>;
     readonly tooltip: import("@angular/core").InputSignal<string>;
+    readonly clearButtonClicked: import("@angular/core").OutputEmitterRef<void>;
     protected readonly monthInput: import("@angular/core").Signal<MonthInputComponent | undefined>;
     protected readonly regularInput: import("@angular/core").Signal<InputDirective | undefined>;
     protected readonly input: import("@angular/core").Signal<InputDirective | undefined>;
@@ -26,5 +27,5 @@ export declare class FormFieldComponent {
     private setInputId;
     private setAriaDescribedBy;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["monthInput", "regularInput"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, { "clearButtonClicked": "clearButtonClicked"; }, ["monthInput", "regularInput"], ["*"], true, never>;
 }

package/components/form-field/input/input.model.d.ts

@@ -1,11 +1 @@
-export declare enum InputType {
-    Date = "date",
-    Email = "email",
-    Number = "number",
-    Password = "password",
-    Search = "search",
-    Tel = "tel",
-    Text = "text",
-    Time = "time",
-    Url = "url"
-}
+export type InputType = 'date' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url';

package/components/form-field/textarea/auto-grow.directive.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Directive that automatically grows a textarea element to fit its content.
@@ -9,11 +9,14 @@ import * as i0 from "@angular/core";
  *
  * So for now a directive is used to achieve the same effect.
  */
-export declare class AutoGrowDirective implements AfterViewInit, OnDestroy {
+export declare class AutoGrowDirective implements AfterViewInit {
     private readonly elementRef;
+    private readonly ngControl;
+    private readonly destroyRef;
     get element(): HTMLTextAreaElement;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    fitContentInTextArea(): void;
+    private updateHeightOnNgControlUpdate;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoGrowDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AutoGrowDirective, "textarea[ndwAutoGrow]", never, {}, {}, never, never, true, never>;
 }

package/components/form-field/textarea/index.d.ts

@@ -1 +1,2 @@
 export * from './auto-grow.directive';
+export * from './max-char.directive';

package/components/form-field/textarea/max-char.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class MaxCharDirective {
+    ndwMaxChar: import("@angular/core").InputSignal<number>;
+    maxCharText: import("@angular/core").InputSignal<string>;
+    private readonly elementRef;
+    private readonly renderer;
+    private counterElement;
+    get element(): HTMLTextAreaElement;
+    constructor();
+    onInput(): void;
+    private createCounterElement;
+    private removeCounterElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaxCharDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MaxCharDirective, "textarea[ndwMaxChar]", never, { "ndwMaxChar": { "alias": "ndwMaxChar"; "required": false; "isSignal": true; }; "maxCharText": { "alias": "maxCharText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icon/action-icon/action-icon.component.d.ts

@@ -27,7 +27,7 @@ export declare class ActionIconComponent {
     /**
      * Event emitted when the button is clicked.
      */
-    readonly onClick: import("@angular/core").OutputEmitterRef<void>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionIconComponent, "ndw-action-icon", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionIconComponent, "ndw-action-icon", never, { "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }

package/components/main-navigation/main-navigation.model.d.ts

@@ -9,7 +9,4 @@ export interface MenuItem extends SimpleMenuItem {
     icon?: string;
     notifications?: number;
 }
-export declare enum NdwBrand {
-    NDW = "NDW",
-    NWB = "NWB"
-}
+export type NdwBrand = 'NDW' | 'NWB';

package/components/modal/modal.component.d.ts

@@ -1,7 +1,6 @@
-import { CardComponent } from '../card';
 import * as i0 from "@angular/core";
 export type ModalSize = 'sm' | 'md';
-export declare class ModalComponent extends CardComponent {
+export declare class ModalComponent {
     size: import("@angular/core").InputSignal<ModalSize>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "ndw-modal", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

package/components/multi-select/multi-select.component.d.ts

@@ -12,9 +12,9 @@ export declare class MultiSelectComponent {
     readonly chevron: import("@angular/core").InputSignal<boolean>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly selectAllText: import("@angular/core").InputSignal<SelectAllText>;
-    readonly lastCheckedElementId: import("@angular/core").ModelSignal<string | number | null | undefined>;
     readonly dataSource: import("@angular/core").ModelSignal<CheckboxData[]>;
-    readonly searchInputValue: import("@angular/core").ModelSignal<string>;
+    protected readonly lastCheckedElementId: import("@angular/core").ModelSignal<string | number | null | undefined>;
+    protected readonly searchInputValue: import("@angular/core").ModelSignal<string>;
     readonly selectAmount: import("@angular/core").Signal<number>;
     readonly noSearchResults: import("@angular/core").Signal<boolean>;
     filterSearch(value: string): boolean;
@@ -24,5 +24,5 @@ export declare class MultiSelectComponent {
     isOpenChanged(isOpen: boolean): void;
     private determineLastCheckedElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ndw-multi-select", never, { "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "lastCheckedElementId": { "alias": "lastCheckedElementId"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "searchInputValue": { "alias": "searchInputValue"; "required": false; "isSignal": true; }; }, { "lastCheckedElementId": "lastCheckedElementIdChange"; "dataSource": "dataSourceChange"; "searchInputValue": "searchInputValueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ndw-multi-select", never, { "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "lastCheckedElementId": { "alias": "lastCheckedElementId"; "required": false; "isSignal": true; }; "searchInputValue": { "alias": "searchInputValue"; "required": false; "isSignal": true; }; }, { "dataSource": "dataSourceChange"; "lastCheckedElementId": "lastCheckedElementIdChange"; "searchInputValue": "searchInputValueChange"; }, never, never, true, never>;
 }

package/components/pill/pill.model.d.ts

@@ -1,8 +1 @@
-export declare enum PillColor {
-    Green = "green",
-    Gray = "gray",
-    Blue = "blue",
-    Purple = "purple",
-    Yellow = "yellow",
-    Red = "red"
-}
+export type PillColor = 'blue' | 'gray' | 'green' | 'purple' | 'red' | 'yellow';

package/components/router-breadcrumbs/router-breadcrumbs.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-type RouteBreadcrumb = {
+interface RouteBreadcrumb {
     url: string;
     title: string;
-};
+}
 export declare const breadcrumbRouteDataKey = "breadcrumb";
 export declare class RouterBreadcrumbsComponent {
     private readonly route;

package/components/summary-card/summary-card-actions/summary-card-actions.component.d.ts

@@ -1,5 +1,5 @@
-import { SummaryActionsView } from '../summary-card.model';
 import { SummaryCardActionComponent } from '../summary-card-action/summary-card-action.component';
+import { SummaryActionsView } from '../summary-card.model';
 import * as i0 from "@angular/core";
 export declare class SummaryCardActionsComponent {
     readonly view: import("@angular/core").InputSignal<SummaryActionsView>;

package/components/tag/tag.component.d.ts

@@ -12,7 +12,7 @@ export declare class TagComponent {
      * The name of the icon to display
      */
     suffixIcon: import("@angular/core").InputSignal<string>;
-    onClick: import("@angular/core").OutputEmitterRef<Event>;
+    clicked: import("@angular/core").OutputEmitterRef<Event>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ndw-tag", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ndw-tag", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }

package/core/style/styles.css

@@ -292,10 +292,10 @@
   position: absolute;
   pointer-events: auto;
   box-sizing: border-box;
-  z-index: 1000;
   display: flex;
   max-width: 100%;
   max-height: 100%;
+  z-index: 1000;
 }
 
 .cdk-overlay-backdrop {
@@ -304,21 +304,22 @@
   bottom: 0;
   left: 0;
   right: 0;
-  z-index: 1000;
   pointer-events: auto;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
   opacity: 0;
+  z-index: 1000;
+  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
-.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+.cdk-overlay-backdrop-showing {
   opacity: 1;
 }
 
-.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
-  opacity: 0.6;
+@media (forced-colors: active) {
+  .cdk-overlay-backdrop-showing {
+    opacity: 0.6;
+  }
 }
-
 .cdk-overlay-dark-backdrop {
   background: rgba(0, 0, 0, 0.32);
 }
@@ -329,7 +330,7 @@
   opacity: 1;
 }
 
-.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
+.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing, .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
   opacity: 0;
   visibility: visible;
 }
@@ -340,11 +341,11 @@
 
 .cdk-overlay-connected-position-bounding-box {
   position: absolute;
-  z-index: 1000;
   display: flex;
   flex-direction: column;
   min-width: 1px;
   min-height: 1px;
+  z-index: 1000;
 }
 
 .cdk-global-scrollblock {
@@ -910,6 +911,10 @@ hr[noMargin] {
   color: var(--ndw-color-grey-500);
 }
 
+.input-container:has(> select[ndwInput]) {
+  padding-inline-end: var(--ndw-spacing-xs);
+}
+
 .input-container:has(> [ndwInput]) {
   display: flex;
   align-items: center;
@@ -920,7 +925,6 @@ hr[noMargin] {
   outline: var(--ndw-border-size-sm) solid transparent;
   outline-offset: calc(var(--ndw-border-size-sm) * -1);
   transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
-  padding-inline: var(--ndw-spacing-xs);
   gap: var(--ndw-spacing-xs);
 }
 .input-container:has(> [ndwInput]):has([ndwInput]:hover) {
@@ -964,6 +968,12 @@ hr[noMargin] {
 .input-container:has(> [ndwInput])[disabled] ndw-icon, .input-container:has(> [ndwInput])[readonly] ndw-icon {
   color: var(--ndw-color-grey-300);
 }
+.input-container:has(> [ndwInput]):has(> ndw-input-icon) {
+  padding-inline: var(--ndw-spacing-xs);
+}
+.input-container:has(> [ndwInput]):has(> ndw-picker-button) {
+  padding-inline-end: var(--ndw-spacing-xs);
+}
 .input-container:has(> [ndwInput]) > *:has(~ [ndwInput]) {
   color: var(--ndw-color-grey-400);
 }
@@ -973,9 +983,12 @@ hr[noMargin] {
 .input-container:has(> [ndwInput]) [ndwInput]:has(+ *) {
   padding-inline-end: 0;
 }
-.input-container:has(> [ndwInput]) select[ndwInput]:has(+ *) {
+.input-container:has(> [ndwInput]) [ndwInput]:is(textarea) {
   padding-inline-end: var(--ndw-spacing-sm);
 }
+.input-container:has(> [ndwInput]) select[ndwInput]:has(+ *) {
+  padding-inline-end: 0;
+}
 .input-container:has(> [ndwInput]) [ndwInput] {
   border: none;
   outline: none;
@@ -984,6 +997,9 @@ hr[noMargin] {
   border: none;
   outline: none;
 }
+.input-container:has(> [ndwInput]):has(textarea) {
+  padding-inline: 0;
+}
 
 [ndwInput] {
   display: flex;
@@ -1073,6 +1089,9 @@ select[ndwInput] option:not([disabled]) {
 textarea[ndwInput] {
   min-height: 4rem;
   padding-block: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
+  padding-inline: var(--ndw-spacing-sm);
+  line-height: normal;
+  white-space: pre-wrap;
   resize: vertical;
 }
 
@@ -1328,7 +1347,8 @@ textarea[ndwInput] {
 }
 .ndw-summary-card .ndw-summary-card-actions {
   flex: 1;
-  justify-items: right;
+  display: flex;
+  justify-content: flex-end;
 }
 .ndw-summary-card .ndw-summary-card-actions--auto {
   container-type: inline-size;