@ndwnu/design-system 4.0.0 → 5.0.0

package/components/card/index.d.ts

@@ -1,6 +1,6 @@
-import { CardContentComponent } from './card-content';
+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 CardContentComponent)[];
+export declare const CARD_COMPONENTS: (typeof CardComponent)[];

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+export declare class DashboardCardComponent {
+    /**
+     * The title of the card.
+     */
+    readonly title: import("@angular/core").InputSignal<string>;
+    /**
+     * The URL to the icon to display on the card. The icon is assumed to be rectangular.
+     */
+    readonly imgSource: import("@angular/core").InputSignal<string>;
+    /**
+     * The url to open in a new window when the card is clicked.
+     */
+    readonly link: import("@angular/core").InputSignal<string>;
+    /**
+     * Specifies where to open the linked document.
+     * Valid values are `_blank`, `_parent`, `_self`, or `_top`.
+     */
+    readonly linkTarget: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardCardComponent, "ndw-dashboard-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "imgSource": { "alias": "imgSource"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": true; "isSignal": true; }; "linkTarget": { "alias": "linkTarget"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/dashboard-card/index.d.ts

@@ -0,0 +1 @@
+export * from './dashboard-card.component';

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

@@ -0,0 +1,8 @@
+import { BaseAutosuggestOptionComponent } from '../autosuggest-option';
+import * as i0 from "@angular/core";
+export declare class AutosuggestAddOptionComponent extends BaseAutosuggestOptionComponent {
+    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>;
+}

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

@@ -0,0 +1 @@
+export * from './autosuggest-add-option.component';

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

@@ -0,0 +1,19 @@
+import { AutosuggestAddOptionComponent } from '../autosuggest-add-option';
+import { BaseAutosuggestOptionComponent } from './base-autosuggest-option.component';
+import * as i0 from "@angular/core";
+export declare class AutocompleteOptionSelectionChange {
+    source: AutosuggestOptionComponent | AutosuggestAddOptionComponent;
+    isUserInput: boolean;
+    constructor(source: AutosuggestOptionComponent | AutosuggestAddOptionComponent, isUserInput?: boolean);
+}
+export declare class AutosuggestOptionComponent extends BaseAutosuggestOptionComponent {
+    readonly searchTerm: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    id: string;
+    get viewValue(): string;
+    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>;
+}

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

@@ -0,0 +1,2 @@
+export type AutosuggestOption = string | Record<string, unknown>;
+export type AutosuggestOptions = Array<AutosuggestOption>;

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

@@ -0,0 +1,27 @@
+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>;
+    protected _active: boolean;
+    protected _selected: boolean;
+    get active(): boolean;
+    get selected(): boolean;
+    private readonly element;
+    private readonly changeDetectorRef;
+    focus(_origin?: FocusOrigin, options?: FocusOptions): void;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    select(emitEvent?: boolean): void;
+    deselect(emitEvent?: boolean): void;
+    handleKeydown(event: KeyboardEvent): void;
+    selectViaInteraction(): void;
+    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>;
+}

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

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

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

@@ -0,0 +1,39 @@
+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 * as i0 from "@angular/core";
+export declare class AutosuggestPanelComponent implements AfterViewInit, OnDestroy {
+    readonly suggestions: import("@angular/core").InputSignal<AutosuggestOptions>;
+    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 opened: import("@angular/core").OutputEmitterRef<void>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
+    readonly optionSelected: import("@angular/core").OutputEmitterRef<AutosuggestOption | null>;
+    readonly addOption: import("@angular/core").OutputEmitterRef<string>;
+    items: QueryList<AutosuggestOptionComponent | AutosuggestAddOptionComponent>;
+    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 hasMoreResults: import("@angular/core").Signal<boolean>;
+    readonly numberOfLeftOverResults: import("@angular/core").Signal<number>;
+    keyManager: ActiveDescendantKeyManager<AutosuggestOptionComponent | AutosuggestAddOptionComponent> | undefined;
+    showPanel: boolean;
+    id: string;
+    isOpen: boolean;
+    private readonly changeDetectorRef;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    getLabelOption(option: AutosuggestOption): string;
+    setScrollTop(scrollTop: number): void;
+    setVisibility(): void;
+    emitSelectEvent(option: AutosuggestOptionComponent | AutosuggestAddOptionComponent): 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>;
+}

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

@@ -0,0 +1,72 @@
+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 { 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>;
+    readonly filter: import("@angular/core").OutputEmitterRef<string>;
+    private overlayAttached;
+    private overlayRef;
+    private portal;
+    private previousValue;
+    private closingActionsSubscription;
+    private keydownSubscription;
+    private canOpenOnNextFocus;
+    private valueOnAttach;
+    private valueOnLastKeydown;
+    private readonly closeKeyEventStream;
+    private readonly zone;
+    private readonly element;
+    private readonly viewContainerRef;
+    private readonly overlay;
+    private readonly changeDetectorRef;
+    private readonly document;
+    private readonly viewportRuler;
+    private readonly destroyRef;
+    get panelOpen(): boolean;
+    get activeOption(): AutosuggestOptionComponent | AutosuggestAddOptionComponent | null;
+    get autosuggest(): AutosuggestPanelComponent;
+    private get panelClosingActions();
+    private readonly optionSelections;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    openPanel(valueOnAttach?: string): void;
+    closePanel(): void;
+    handleFocus(): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => unknown): void;
+    registerOnTouched(fn: () => unknown): void;
+    clearValue(): void;
+    handleClick(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    handleInput(event: KeyboardEvent): void;
+    setDisabledState(isDisabled: boolean): void;
+    private readonly handlePanelKeydown;
+    private readonly windowBlurHandler;
+    onChange: (value: unknown) => void;
+    onTouched: () => void;
+    private destroyPanel;
+    private attachOverlay;
+    private initKeydownEvents;
+    private getOverlayConfig;
+    private getHostWidth;
+    private bindingElement;
+    private getOverlayPosition;
+    private resetActiveItem;
+    private blur;
+    private getOutsideClickStream;
+    private subscribeToClosingActions;
+    private setValueAndClose;
+    private assignOptionValue;
+    private getDisplayValue;
+    private updateNativeInputValue;
+    private scrollToOption;
+    private setTriggerValue;
+    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>;
+}

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

@@ -1,5 +1,5 @@
-export * from './autosuggest-highlight.pipe';
-export * from './autosuggest-item/autosuggest-item.component';
-export * from './autosuggest-trigger.directive';
-export * from './autosuggest.component';
-export * from './autosuggest.model';
+export * from './autosuggest.directive';
+export * from './autosuggest-option/autosuggest-option.model';
+export * from './autosuggest-option/autosuggest-option.component';
+export * from './autosuggest-panel/autosuggest-panel.component';
+export * from './autosuggest-add-option/autosuggest-add-option.component';

package/components/form-field/autosuggest/match-bold.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MatchBoldPipe implements PipeTransform {
+    transform(value: unknown, searchTerm: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatchBoldPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MatchBoldPipe, "matchBold", true>;
+}

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

@@ -0,0 +1,15 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+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>;
+    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>;
+}

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

@@ -1,35 +1,30 @@
-import { InputDirective } from './input';
+import { InputDirective, InputType } from './input';
 import { MonthInputComponent } from './month-input';
 import * as i0 from "@angular/core";
 export declare class FormFieldComponent {
-    private readonly cdr;
-    readonly monthInput: import("@angular/core").Signal<MonthInputComponent | undefined>;
-    readonly regularInput: import("@angular/core").Signal<InputDirective | undefined>;
-    input: import("@angular/core").Signal<InputDirective | undefined>;
-    label: import("@angular/core").InputSignal<string>;
-    clearSearchAriaLabel: import("@angular/core").InputSignal<string | undefined>;
-    suffixButtonAriaLabel: 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>;
-    success: import("@angular/core").InputSignal<string | undefined>;
-    info: import("@angular/core").InputSignal<string | undefined>;
-    tooltip: import("@angular/core").InputSignal<string>;
-    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}`;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly suffixAriaLabel: import("@angular/core").InputSignal<string>;
+    readonly hideLabel: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly error: import("@angular/core").InputSignal<string | undefined>;
+    readonly success: import("@angular/core").InputSignal<string | undefined>;
+    readonly info: import("@angular/core").InputSignal<string | undefined>;
+    readonly tooltip: import("@angular/core").InputSignal<string>;
+    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>;
+    protected readonly inputType: import("@angular/core").Signal<InputType | undefined>;
+    protected readonly isSearchInput: import("@angular/core").Signal<boolean>;
+    protected readonly hasPickerButton: import("@angular/core").Signal<boolean>;
+    protected readonly uuid: `${string}-${string}-${string}-${string}-${string}`;
+    protected readonly descriptionUuid: `${string}-${string}-${string}-${string}-${string}`;
+    protected readonly inputContainerClass = "input-container";
     constructor();
-    clearInput(): void;
-    protected onSuffixButtonClick(): void;
-    private addInputTypeBasedClass;
     private setInputDisabledState;
     private setInputErrorState;
     private setInputSuccessState;
     private setInputId;
     private setAriaDescribedBy;
-    private setInputPrefix;
-    private setInputSuffix;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "clearSearchAriaLabel": { "alias": "clearSearchAriaLabel"; "required": false; "isSignal": true; }; "suffixButtonAriaLabel": { "alias": "suffixButtonAriaLabel"; "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; }; }, {}, ["monthInput", "regularInput"], ["*"], true, never>;
 }

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

@@ -0,0 +1 @@
+export declare const INPUT_CONTAINER_CLASS = "input-container";

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

@@ -7,6 +7,8 @@ export * from './form-field.component';
 export * from './form-field.model';
 export * from './info';
 export * from './input';
+export * from './input-button';
+export * from './input-icon';
 export * from './month-input';
 export * from './option-group';
 export * from './radio-button';

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

@@ -13,7 +13,6 @@ export declare class InputDirective implements OnInit {
     get element(): HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
     get control(): AbstractControl | null;
     ngOnInit(): void;
-    private setChangedAttribute;
     private setSelectPlaceholderAttribute;
     private updateRequiredAttribute;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;

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

@@ -0,0 +1 @@
+export * from './input-button.component';

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

@@ -0,0 +1,12 @@
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+export declare class InputButtonComponent {
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly input: import("@angular/core").InputSignal<InputDirective | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly alternative: import("@angular/core").InputSignal<boolean>;
+    readonly buttonClicked: import("@angular/core").OutputEmitterRef<void>;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputButtonComponent, "ndw-input-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "alternative": { "alias": "alternative"; "required": false; "isSignal": true; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1 @@
+export * from './input-icon.component';

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

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

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

@@ -0,0 +1,14 @@
+import { InputType } from '../input';
+import { InputDirective } from '../input/input.directive';
+import * as i0 from "@angular/core";
+export declare class PickerButtonComponent {
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly input: import("@angular/core").InputSignal<InputDirective | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly required: import("@angular/core").InputSignal<InputType | undefined>;
+    protected readonly icon: import("@angular/core").Signal<string | undefined>;
+    protected onClick(): void;
+    private getIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PickerButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PickerButtonComponent, "ndw-picker-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "input": { "alias": "input"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -5,6 +5,7 @@ export declare class IconComponent implements OnInit {
     size: import("@angular/core").InputSignal<IconSize>;
     private readonly elementRef;
     private readonly renderer;
+    private readonly document;
     get hostClass(): string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;

package/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './breadcrumb-group';
 export * from './button';
 export * from './card';
 export * from './collapsible';
+export * from './dashboard-card';
 export * from './dropdown';
 export * from './form-field';
 export * from './icon';
@@ -21,6 +22,6 @@ export * from './popover';
 export * from './router-breadcrumbs';
 export * from './tab';
 export * from './tab-group';
-export * from './tooltip';
-export * from './toast';
 export * from './tag';
+export * from './toast';
+export * from './tooltip';

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

@@ -5,6 +5,7 @@ import { MainNavigationMenuComponent } from '../main-navigation-menu';
 import { MenuItem, NdwBrand, SimpleMenuItem } from './main-navigation.model';
 import * as i0 from "@angular/core";
 export declare class MainNavigationComponent implements AfterViewInit, OnDestroy {
+    #private;
     applicationName: import("@angular/core").InputSignal<string>;
     topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
     bottomMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
@@ -20,20 +21,24 @@ export declare class MainNavigationComponent implements AfterViewInit, OnDestroy
     childMenuTemplate: import("@angular/core").Signal<TemplateRef<MainNavigationMenuComponent>>;
     isMobile: import("@angular/core").WritableSignal<boolean>;
     brandImagePath: import("@angular/core").Signal<string>;
+    activeId?: number;
+    private selectedId?;
     protected mobilePortal?: TemplatePortal<MainNavigationMenuComponent>;
-    private activeId?;
     onMouseMove(event: MouseEvent): void;
     onWindowResize(): void;
     activeChildItems: SimpleMenuItem[];
     overlayPositions: ConnectedPosition[];
     private overlay;
     private viewContainerRef;
+    private document;
+    private platform;
     private activeButton?;
     private overlayRef?;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    close(toggleMobileView?: boolean): void;
-    handleClick(item: MenuItem): void;
+    close(activeItem?: SimpleMenuItem, toggleMobileView?: boolean): void;
+    handleClick(activeItem: MenuItem): void;
     handleLogoClick(): void;
     open(item: MenuItem): void;
     toggleChildMenu(item: MenuItem, event?: KeyboardEvent): void;

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

@@ -6,4 +6,4 @@ import { BadgeComponent } from '../badge';
 import { IconComponent } from '../icon';
 import { MainNavigationMenuComponent } from '../main-navigation-menu';
 import { TooltipDirective } from '../tooltip';
-export declare const MAIN_NAVIGATION_IMPORTS: (typeof BadgeComponent | typeof IconComponent | typeof NgTemplateOutlet | typeof RouterLink | typeof NgClass | typeof TooltipDirective | typeof MainNavigationMenuComponent | typeof CdkPortalOutlet | typeof OverlayModule)[];
+export declare const MAIN_NAVIGATION_IMPORTS: (typeof IconComponent | typeof NgTemplateOutlet | typeof TooltipDirective | typeof MainNavigationMenuComponent | typeof BadgeComponent | typeof CdkPortalOutlet | typeof NgClass | typeof OverlayModule | typeof RouterLink)[];

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

@@ -1,4 +1,5 @@
 export interface SimpleMenuItem {
+    active?: boolean;
     id: number;
     label: string;
     callback?: (id: number) => void;

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

@@ -3,8 +3,8 @@ import * as i0 from "@angular/core";
 export declare class MainNavigationMenuComponent {
     menuItems: import("@angular/core").InputSignal<SimpleMenuItem[]>;
     isMobile: import("@angular/core").InputSignal<boolean>;
-    close: import("@angular/core").OutputEmitterRef<void>;
-    handleSelected(item: SimpleMenuItem): void;
+    close: import("@angular/core").OutputEmitterRef<SimpleMenuItem>;
+    handleSelected(activeItem: SimpleMenuItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }

package/components/modal/index.d.ts

@@ -2,7 +2,6 @@ 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-header/modal-header.component.d.ts

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

package/components/modal/modal-ref.d.ts

@@ -0,0 +1,3 @@
+import { DialogRef } from '@angular/cdk/dialog';
+export declare class ModalRef<R, C = unknown> extends DialogRef<R, C> {
+}

package/components/modal/modal.service.d.ts

@@ -1,16 +1,17 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
-import { Subject } from 'rxjs';
+import { Dialog, DialogConfig } from '@angular/cdk/dialog';
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ModalRef } from './modal-ref';
 import * as i0 from "@angular/core";
-export declare class ModalService {
-    private readonly destroyRef;
-    private readonly overlay;
-    isOpen$: Subject<boolean>;
-    private isOpen;
-    private overlayRef?;
-    private context?;
-    detach(): void;
-    dispose(): void;
-    open(templateRef: TemplateRef<unknown>, viewContainerRef: ViewContainerRef): void;
+export declare class ModalService extends Dialog {
+    #private;
+    backdropClick$?: Observable<MouseEvent>;
+    closed$?: Observable<unknown | undefined>;
+    close(): void;
+    open(componentOrTemplateRef: ComponentType<unknown> | TemplateRef<unknown>, config?: DialogConfig<unknown, ModalRef<unknown, unknown>>): ModalRef<unknown, unknown>;
+    getModalRef(): ModalRef<unknown, unknown>;
+    setModalRef(modalRef: ModalRef<unknown, unknown>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
 }