@ndwnu/design-system 1.1.0 → 2.0.0

package/components/accordion/accordion.component.d.ts

@@ -5,6 +5,7 @@ export declare class AccordionComponent implements OnInit {
     collapseOthers: import("@angular/core").InputSignal<boolean>;
     collapsibles: import("@angular/core").Signal<readonly CollapsibleComponent[]>;
     private readonly accordionService;
+    private readonly destroyRef;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ndw-accordion", never, { "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; }, {}, ["collapsibles"], ["*"], true, never>;

package/components/alert/alert.component.d.ts

@@ -1,13 +1,29 @@
-import { AlertType } from './alert.model';
+import { AlertType, AriaLive } from './alert.model';
 import * as i0 from "@angular/core";
 export declare class AlertComponent {
+    /**
+     * Whether the alert is actionable, shows a close icon and a title.
+     */
     actionable: import("@angular/core").InputSignal<boolean>;
+    /**
+     * The title of the alert. Only used when actionable is true.
+     */
     title: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Use info, info-grey, warning or critical to indicate the type of alert.
+     */
     type: import("@angular/core").InputSignal<AlertType>;
+    /**
+     * Use polite, assertive or off to indicate whether the alert is
+     * announced automatically by the screen reader.
+     */
+    ariaLive: import("@angular/core").InputSignal<AriaLive>;
     close: import("@angular/core").OutputEmitterRef<void>;
     get alertTypeClass(): string;
     get actionableClass(): boolean;
+    readonly role = "alert";
+    get ariaLiveAttribute(): AriaLive;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ndw-alert", never, { "actionable": { "alias": "actionable"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ndw-alert", never, { "actionable": { "alias": "actionable"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
 }

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

@@ -4,3 +4,4 @@ export declare enum AlertType {
     InfoGrey = "info-grey",
     Warning = "warning"
 }
+export type AriaLive = 'polite' | 'assertive' | 'off';

package/components/badge/badge.component.d.ts

@@ -1,6 +1,13 @@
 import * as i0 from "@angular/core";
 export declare class BadgeComponent {
+    /**
+     * The value of the badge
+     */
     value: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * The aria label, used by screen readers to give context.
+     */
+    ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "ndw-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "ndw-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class CardFooterComponent {
-    isModal: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "ndw-card-footer", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,8 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class CardHeaderComponent {
-    private readonly modalService;
-    isModal: boolean;
-    detachModal(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "ndw-card-header", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,11 +1,5 @@
-import { OnInit } from '@angular/core';
-import { CardHeaderComponent } from './card-header';
 import * as i0 from "@angular/core";
-export declare class CardComponent implements OnInit {
-    isModal: import("@angular/core").InputSignal<boolean>;
-    header: import("@angular/core").Signal<CardHeaderComponent | undefined>;
-    get modalClass(): boolean;
-    ngOnInit(): void;
+export declare class CardComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, { "isModal": { "alias": "isModal"; "required": false; "isSignal": true; }; }, {}, ["header"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, {}, {}, never, ["*"], true, never>;
 }

package/components/card/index.d.ts

@@ -1,4 +1,6 @@
-export * from './card.component';
+import { CardComponent } from './card.component';
 export * from './card-content';
 export * from './card-footer';
 export * from './card-header';
+export * from './card.component';
+export declare const CARD_COMPONENTS: (typeof CardComponent)[];

package/components/collapsible/collapsible.component.d.ts

@@ -5,11 +5,12 @@ export declare class CollapsibleComponent {
     value: import("@angular/core").InputSignal<number | undefined>;
     expanded: import("@angular/core").ModelSignal<boolean>;
     private readonly accordionService;
+    private readonly uuid;
+    readonly toggleUuid: string;
+    readonly sectionUuid: string;
     get expandedClass(): boolean;
     animationState: import("@angular/core").Signal<"open" | "closed">;
-    onClick(): void;
-    onKeydown(event: KeyboardEvent): void;
-    private toggle;
+    toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CollapsibleComponent, "ndw-collapsible", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
 }

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

@@ -1,16 +1,16 @@
 import { PopoverTriggerDirective } from '../popover';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent {
-    readonly removablePillClicked: import("@angular/core").OutputEmitterRef<void>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
-    readonly isOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly dropdownTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
-    readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_up" | "keyboard_arrow_down">;
     readonly chevron: import("@angular/core").InputSignal<unknown>;
     readonly buttonText: import("@angular/core").InputSignal<string>;
     readonly prefixIcon: import("@angular/core").InputSignal<string>;
     readonly selectAmount: import("@angular/core").InputSignal<number>;
-    onRemovablePillClicked(event: Event): void;
+    readonly removablePillClicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly isOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly dropdownTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
+    readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_down" | "keyboard_arrow_up">;
+    onRemovablePillClicked(): void;
     isOpenChanged(isOpen: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "selectAmount": { "alias": "selectAmount"; "required": false; "isSignal": true; }; }, { "removablePillClicked": "removablePillClicked"; "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;

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

@@ -11,7 +11,6 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     get checkedClass(): boolean;
     get disabledClass(): boolean;
     get indeterminateClass(): boolean;
-    get tabindexAttr(): number;
     onClick(): void;
     onKeyDown(event: KeyboardEvent): void;
     writeValue(value: boolean): void;

package/components/form-field/file-upload/file-upload-text.interface.d.ts

@@ -0,0 +1,4 @@
+export interface FileUploadText {
+    dragText: string;
+    dragOverText: string;
+}

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

@@ -0,0 +1,44 @@
+import { ElementRef } from '@angular/core';
+import { FileUploadText } from './file-upload-text.interface';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FileUploadComponent implements ControlValueAccessor {
+    readonly fileInputElement: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly allowedFileTypeRegex: import("@angular/core").InputSignal<RegExp | undefined>;
+    readonly fileUploadText: import("@angular/core").InputSignal<FileUploadText>;
+    readonly uploadDate: import("@angular/core").InputSignal<string>;
+    readonly maxFileSizeInBytes: import("@angular/core").InputSignal<number>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly readonly: import("@angular/core").InputSignal<boolean>;
+    readonly draggingOver: import("@angular/core").ModelSignal<boolean>;
+    readonly selectedFile: import("@angular/core").ModelSignal<File | null | undefined>;
+    readonly error: import("@angular/core").ModelSignal<boolean>;
+    readonly incorrectFileType: import("@angular/core").ModelSignal<boolean>;
+    readonly incorrectFileSize: import("@angular/core").ModelSignal<boolean>;
+    private readonly canEdit;
+    get tabindexAttr(): number;
+    get hasError(): boolean;
+    get isDisabled(): boolean;
+    get isReadonly(): boolean;
+    get isDragging(): boolean;
+    get hasSelectedFile(): boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    onClick(): void;
+    onDragLeave(event: DragEvent): void;
+    onDragOver(event: DragEvent): void;
+    onDragEnter(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    onDownloadFileClick(): void;
+    onDeleteClick(event: Event): void;
+    displayText(): string;
+    onFileSelected(event: Event): void;
+    private selectFile;
+    private resetFile;
+    private correctFileSize;
+    private correctFileType;
+    writeValue(value: File): void;
+    registerOnChange(fn: (value: File | null | undefined) => void): void;
+    registerOnTouched(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ndw-file-upload", never, { "allowedFileTypeRegex": { "alias": "allowedFileTypeRegex"; "required": false; "isSignal": true; }; "fileUploadText": { "alias": "fileUploadText"; "required": false; "isSignal": true; }; "uploadDate": { "alias": "uploadDate"; "required": false; "isSignal": true; }; "maxFileSizeInBytes": { "alias": "maxFileSizeInBytes"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "draggingOver": { "alias": "draggingOver"; "required": false; "isSignal": true; }; "selectedFile": { "alias": "selectedFile"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "incorrectFileType": { "alias": "incorrectFileType"; "required": false; "isSignal": true; }; "incorrectFileSize": { "alias": "incorrectFileSize"; "required": false; "isSignal": true; }; }, { "draggingOver": "draggingOverChange"; "selectedFile": "selectedFileChange"; "error": "errorChange"; "incorrectFileType": "incorrectFileTypeChange"; "incorrectFileSize": "incorrectFileSizeChange"; }, never, never, true, never>;
+}

package/components/form-field/file-upload/index.d.ts

@@ -0,0 +1,2 @@
+export * from './file-upload.component';
+export * from './file-upload-text.interface';

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

@@ -6,7 +6,10 @@ export declare class FormFieldComponent {
     input: import("@angular/core").Signal<InputDirective | undefined>;
     radioGroup: import("@angular/core").Signal<RadioGroupComponent | undefined>;
     checkboxGroup: import("@angular/core").Signal<CheckboxGroupComponent | undefined>;
-    label: import("@angular/core").InputSignal<string | undefined>;
+    label: import("@angular/core").InputSignal<string>;
+    clearSearchAriaLabel: import("@angular/core").InputSignal<string | undefined>;
+    suffixIconAriaLabel: import("@angular/core").InputSignal<string | undefined>;
+    hideLabel: import("@angular/core").InputSignal<boolean>;
     disabled: import("@angular/core").InputSignal<boolean>;
     error: import("@angular/core").InputSignal<string | undefined>;
     info: import("@angular/core").InputSignal<string | undefined>;
@@ -15,15 +18,18 @@ export declare class FormFieldComponent {
     inputPrefix: import("@angular/core").Signal<string | undefined>;
     inputSuffix: import("@angular/core").Signal<string | undefined>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
+    descriptionUuid: `${string}-${string}-${string}-${string}-${string}`;
     constructor();
     clearInput(): void;
+    protected onSuffixIconClick(): void;
     private addInputTypeBasedClass;
     private setInputDisabledState;
     private setInputErrorState;
     private setInputId;
+    private setAriaDescribedBy;
     private setInputPrefix;
     private setInputSuffix;
     private setRequiredState;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input", "radioGroup", "checkboxGroup"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "suffixIconAriaLabel": { "alias": "suffixIconAriaLabel"; "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; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input", "radioGroup", "checkboxGroup"], ["*"], true, never>;
 }

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

@@ -1,9 +1,12 @@
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './error';
+export * from './file-upload';
 export * from './form-field.component';
 export * from './form-field.model';
 export * from './info';
 export * from './input';
+export * from './option-group';
 export * from './radio-button';
 export * from './radio-group';
+export * from './textarea';

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

@@ -5,6 +5,7 @@ export declare class InputDirective implements OnInit {
     set disabled(disabled: boolean);
     set error(error: boolean);
     set id(id: string);
+    set ariaDescribedBy(id: string);
     private readonly elementRef;
     private readonly destroyRef;
     private readonly ngControl;

package/components/form-field/option-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './option-group.component';
+export * from './option.component';

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

@@ -0,0 +1,18 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { OptionComponent } from './option.component';
+import * as i0 from "@angular/core";
+export declare class OptionGroupComponent implements ControlValueAccessor {
+    readonly fluid: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").ModelSignal<boolean>;
+    protected readonly children: import("@angular/core").Signal<readonly OptionComponent[]>;
+    protected readonly focusedValue: import("@angular/core").ModelSignal<unknown>;
+    protected readonly checkedValues: import("@angular/core").ModelSignal<unknown[]>;
+    private onChange;
+    protected toggleValue(value: unknown): void;
+    writeValue(value: unknown[]): void;
+    registerOnChange(fn: (value: unknown[]) => void): void;
+    registerOnTouched(): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupComponent, "ndw-option-group", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusedValue": { "alias": "focusedValue"; "required": false; "isSignal": true; }; "checkedValues": { "alias": "checkedValues"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "focusedValue": "focusedValueChange"; "checkedValues": "checkedValuesChange"; }, ["children"], never, true, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class OptionComponent {
+    value: import("@angular/core").InputSignal<unknown>;
+    label: import("@angular/core").InputSignal<string>;
+    description: import("@angular/core").InputSignal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "ndw-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -10,10 +10,6 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     get checkedClass(): boolean;
     get disabledClass(): boolean;
-    get tabindexAttr(): number;
-    get roleAttr(): string;
-    get ariaCheckedAttr(): boolean;
-    get ariaDisabledAttr(): boolean;
     onClick(): void;
     onKeyDown(event: KeyboardEvent): void;
     writeValue(value: boolean): void;

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

@@ -6,7 +6,7 @@ export declare class RadioGroupComponent implements AfterContentInit, ControlVal
     radioButtons: import("@angular/core").Signal<readonly RadioButtonComponent[]>;
     private uuid;
     private onChange;
-    get role(): string;
+    readonly roleAttr = "radiogroup";
     ngAfterContentInit(): void;
     writeValue(value: unknown): void;
     registerOnChange(fn: (value: unknown) => void): void;

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

@@ -0,0 +1,19 @@
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Directive that automatically grows a textarea element to fit its content.
+ *
+ * Note that at this moment (2024-09-06) there is an experimental CSS property
+ * `field-sizing: content;` that can be used to achieve the same effect. At this
+ * moment not all browsers support this property (FF and Safari do not for example).
+ *
+ * So for now a directive is used to achieve the same effect.
+ */
+export declare class AutoGrowDirective implements AfterViewInit, OnDestroy {
+    private readonly elementRef;
+    get element(): HTMLTextAreaElement;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    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

@@ -0,0 +1 @@
+export * from './auto-grow.directive';

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

@@ -0,0 +1,33 @@
+import { IconSize } from '../icon.component';
+import * as i0 from "@angular/core";
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type IconVariant = 'primary' | 'link' | 'grey' | 'white';
+export declare class ActionIconComponent {
+    /**
+     * Used to give meaning to the button, used by screen readers.
+     */
+    ariaLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Color scheme of the ActionIcon, available `primary`, `link`,
+     * `grey` and `white` (defaults to primary).
+     */
+    variant: import("@angular/core").InputSignal<IconVariant>;
+    /**
+     * Specify button type, defaults to `button`
+     */
+    buttonType: import("@angular/core").InputSignal<ButtonType>;
+    /**
+     * Disables the button, defaults to `false`.
+     */
+    disabled: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Sets the size of the button, defaults to `md`.
+     */
+    size: import("@angular/core").InputSignal<IconSize>;
+    /**
+     * Event emitted when the button is clicked.
+     */
+    readonly onClick: 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>;
+}

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

@@ -1,14 +1,12 @@
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
+export type IconSize = 'sm' | 'md';
 export declare class IconComponent implements OnInit {
+    size: import("@angular/core").InputSignal<IconSize>;
     private readonly elementRef;
     private readonly renderer;
-    interactive: import("@angular/core").InputSignal<boolean>;
-    protected iconClass: string;
-    protected get interactiveClass(): boolean;
-    protected get role(): string;
-    protected get tabIndex(): number;
+    get hostClass(): string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/icon/index.d.ts

@@ -1 +1,2 @@
 export * from './icon.component';
+export * from './action-icon/action-icon.component';

package/components/index.d.ts

@@ -18,4 +18,5 @@ export * from './router-breadcrumbs';
 export * from './tab';
 export * from './tab-group';
 export * from './tooltip';
+export * from './toast';
 export * from './removable-pill';

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

@@ -10,6 +10,7 @@ export declare class MainNavigationComponent implements AfterViewInit {
     brand: import("@angular/core").InputSignal<NdwBrand>;
     footerTexts: import("@angular/core").InputSignal<string[] | undefined>;
     isCollapsible: import("@angular/core").InputSignal<boolean>;
+    version: import("@angular/core").InputSignal<string | undefined>;
     selected: import("@angular/core").OutputEmitterRef<number>;
     isExpanded: import("@angular/core").ModelSignal<boolean>;
     buttons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
@@ -31,5 +32,5 @@ export declare class MainNavigationComponent implements AfterViewInit {
     toggleView(): void;
     private setPositionStrategy;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "isExpanded": "isExpandedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "isExpanded": "isExpandedChange"; }, never, never, true, never>;
 }

package/components/modal/index.d.ts

@@ -1,2 +1,8 @@
-export * from './modal.service';
+import { ModalContentComponent } from './modal-content';
+export * from './modal-content';
+export * from './modal-footer';
+export * from './modal-header';
 export * from './modal-trigger.directive';
+export * from './modal.component';
+export * from './modal.service';
+export declare const MODAL_COMPONENTS: (typeof ModalContentComponent)[];

package/components/modal/modal-content/index.d.ts

@@ -0,0 +1 @@
+export * from './modal-content.component';

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ModalContentComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContentComponent, "ndw-modal-content", never, {}, {}, never, ["*"], true, never>;
+}

package/components/modal/modal-footer/index.d.ts

@@ -0,0 +1 @@
+export * from './modal-footer.component';

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ModalFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "ndw-modal-footer", never, {}, {}, never, ["*"], true, never>;
+}

package/components/modal/modal-header/index.d.ts

@@ -0,0 +1 @@
+export * from './modal-header.component';

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ModalHeaderComponent {
+    private readonly modalService;
+    detachModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "ndw-modal-header", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,11 @@
+import { CardComponent } from '../card';
+import * as i0 from "@angular/core";
+export type ModalSize = 'sm' | 'md';
+export declare class ModalComponent extends CardComponent {
+    size: import("@angular/core").InputSignal<ModalSize>;
+    get isSmall(): boolean;
+    get isMedium(): boolean;
+    readonly roleAttr = "dialog";
+    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/modal/modal.service.d.ts

@@ -10,7 +10,6 @@ export declare class ModalService {
     detach(): void;
     dispose(): void;
     open(templateRef: TemplateRef<unknown>, viewContainerRef: ViewContainerRef): void;
-    private actions;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }

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

@@ -3,19 +3,20 @@ import { CheckboxData } from './checkbox-data.interface';
 import { SelectAllText } from './select-all-text.interface';
 import * as i0 from "@angular/core";
 export declare class MultiSelectComponent {
-    readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly dropdownTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
     readonly buttonText: import("@angular/core").InputSignal<string>;
+    readonly searchLabel: import("@angular/core").InputSignal<string>;
     readonly prefixIcon: import("@angular/core").InputSignal<string>;
-    readonly chevron: import("@angular/core").InputSignal<boolean>;
-    readonly searchInputValue: import("@angular/core").ModelSignal<string>;
     readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
     readonly noResultText: import("@angular/core").InputSignal<string>;
+    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>;
     readonly selectAmount: import("@angular/core").Signal<number>;
     readonly noSearchResults: import("@angular/core").Signal<boolean>;
-    readonly dataSource: import("@angular/core").ModelSignal<CheckboxData[]>;
     filterSearch(value: string): boolean;
     searchInputChanged(event: Event): void;
     checkboxChanged(id: string | number): void;
@@ -23,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, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "searchInputValue": { "alias": "searchInputValue"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "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": "searchInputValueChange"; "lastCheckedElementId": "lastCheckedElementIdChange"; "dataSource": "dataSourceChange"; }, 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; }; "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>;
 }

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

@@ -1,8 +1,16 @@
 import { PillColor } from './pill.model';
 import * as i0 from "@angular/core";
 export declare class PillComponent {
+    /**
+     * The color of the pill.
+     */
     readonly color: import("@angular/core").InputSignal<PillColor>;
+    /**
+     * The content of the pill.
+     */
+    private readonly content;
     get hostClass(): string[];
+    protected get title(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "ndw-pill", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,7 +1,14 @@
 import * as i0 from "@angular/core";
 export declare class RemovablePillComponent {
+    /**
+     * Disables the pill
+     */
     disabled: import("@angular/core").InputSignal<boolean>;
-    get tabindexAttr(): number;
+    /**
+     * Aria label for the remove button
+     */
+    removeAriaLabel: import("@angular/core").InputSignal<string>;
+    onClick: import("@angular/core").OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RemovablePillComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RemovablePillComponent, "ndw-removable-pill", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, 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/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from './toast.component';
+export * from './toast.service';

package/components/toast/toast.component.d.ts

@@ -0,0 +1,18 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ToastComponent implements OnInit, OnDestroy {
+    readonly message: import("@angular/core").ModelSignal<string>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
+    private interval;
+    private readonly renderer;
+    private readonly toastContainer;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    open(): void;
+    private updateGradient;
+    protected startFadeOut(): void;
+    private checkForExistingToast;
+    private truncateText;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "ndw-toast", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "message": "messageChange"; "close": "close"; }, never, never, true, never>;
+}