@ndwnu/design-system 8.0.1 → 9.1.0

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

@@ -8,6 +8,11 @@ export declare class BadgeComponent {
      * The aria label, used by screen readers to give context.
      */
     ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * When true, the badge will display values above 99.
+     * When false (default), the badge will display values above 99 as a dot
+     */
+    displayLargeNumbers: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "ndw-badge", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "displayLargeNumbers": { "alias": "displayLargeNumbers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/favorite/favorite.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class FavoriteComponent {
+    checked: import("@angular/core").ModelSignal<boolean>;
+    uuid: `${string}-${string}-${string}-${string}-${string}`;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FavoriteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FavoriteComponent, "ndw-favorite", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}

package/lib/components/favorite/index.d.ts

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

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

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 export declare class AutosuggestDirective<T> implements ControlValueAccessor, AfterViewInit, OnDestroy {
     readonly ndwAutosuggest: import("@angular/core").InputSignal<AutosuggestPanelComponent<T>>;
     readonly filter: import("@angular/core").OutputEmitterRef<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     private overlayAttached;
     private overlayRef;
     private portal;
@@ -62,10 +63,9 @@ export declare class AutosuggestDirective<T> implements ControlValueAccessor, Af
     private getDisplayValue;
     private updateNativeInputValue;
     private scrollToOption;
-    private setTriggerValue;
     private clearPreviousSelectedOption;
     private canOpen;
     private getWindow;
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutosuggestDirective<any>, "input[ndwAutosuggest], textarea[ndwAutosuggest]", ["ndwAutosuggestTrigger"], { "ndwAutosuggest": { "alias": "ndwAutosuggest"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "filter": "filter"; }, never, never, true, never>;
 }

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

@@ -11,6 +11,7 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     onClick(): void;
     onKeyDown(event: KeyboardEvent): void;
+    onInputChange(event: Event): void;
     writeValue(value: boolean): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(): void;

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

@@ -9,8 +9,7 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     required: import("@angular/core").InputSignal<boolean>;
     value: import("@angular/core").ModelSignal<unknown>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
-    onClick(): void;
-    onKeyDown(event: KeyboardEvent): void;
+    onInputChange(event: Event): void;
     writeValue(value: boolean): void;
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(): void;

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

@@ -1,14 +1,26 @@
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MaxCharDirective {
+export declare class MaxCharDirective implements OnInit, OnDestroy {
     ndwMaxChar: import("@angular/core").InputSignal<number>;
     maxCharText: import("@angular/core").InputSignal<string>;
     private readonly elementRef;
     private readonly renderer;
+    private readonly destroyRef;
     private counterElement;
-    get element(): HTMLTextAreaElement;
+    private originalParentStyle;
+    private originalElementStyle;
+    private get element();
+    private get parentStyle();
+    private readonly isRendered;
+    private readonly isDisabled;
+    private readonly ngControl;
+    private disabledAttrObserver;
     constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     onInput(): void;
-    private createCounterElement;
+    private monitorDisabledState;
+    private addCounterElement;
     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/lib/components/index.d.ts

@@ -11,12 +11,16 @@ export * from './collapsible';
 export * from './dashboard-card';
 export * from './dropdown';
 export * from './edit-bar';
+export * from './favorite';
 export * from './form-field';
 export * from './icon';
 export * from './layout';
 export * from './layout-banners';
 export * from './loader';
 export * from './main-navigation';
+export * from './map-button';
+export * from './map-display';
+export * from './map-display/map-display-option';
 export * from './modal';
 export * from './multi-select';
 export * from './pill';

package/lib/components/layout/layout.component.d.ts

@@ -1,15 +1,14 @@
-import { MenuItem, NdwBrand } from '../main-navigation';
+import { Environment, MenuItem } from '../main-navigation';
 import * as i0 from "@angular/core";
 export declare class LayoutComponent {
     applicationName: import("@angular/core").InputSignal<string>;
+    topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
     bottomMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
-    brand: import("@angular/core").InputSignal<NdwBrand>;
+    environment: import("@angular/core").InputSignal<Environment | undefined>;
     isCollapsible: import("@angular/core").InputSignal<boolean>;
     isExpanded: import("@angular/core").InputSignal<boolean>;
     menuFooterTexts: import("@angular/core").InputSignal<string[] | undefined>;
-    topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
     version: import("@angular/core").InputSignal<string | undefined>;
-    environment: import("@angular/core").InputSignal<"local" | "staging" | "acceptance" | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "ndw-layout", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "brand": { "alias": "brand"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "menuFooterTexts": { "alias": "menuFooterTexts"; "required": false; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "environment": { "alias": "environment"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "ndw-layout", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "bottomMenuItems": { "alias": "bottomMenuItems"; "required": false; "isSignal": true; }; "environment": { "alias": "environment"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "menuFooterTexts": { "alias": "menuFooterTexts"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/main-navigation/main-navigation-header/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import { Environment } from '../main-navigation.model';
+import * as i0 from "@angular/core";
+export declare class MainNavigationHeaderComponent {
+    applicationName: import("@angular/core").InputSignal<string>;
+    closeButtonLabel: import("@angular/core").InputSignal<string>;
+    isExpanded: import("@angular/core").InputSignal<boolean>;
+    isMobile: import("@angular/core").InputSignal<boolean>;
+    menuButtonLabel: import("@angular/core").InputSignal<string>;
+    theme: import("@angular/core").InputSignal<string>;
+    themeImagePath: import("@angular/core").InputSignal<string>;
+    environment: import("@angular/core").InputSignal<Environment | undefined>;
+    isMobileMenuOpen: import("@angular/core").ModelSignal<boolean>;
+    environmentColor: import("@angular/core").Signal<"blue" | "green" | "yellow" | "gray">;
+    toggleMobileMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationHeaderComponent, "ndw-main-navigation-header", never, { "applicationName": { "alias": "applicationName"; "required": true; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": true; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": true; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": true; "isSignal": true; }; "menuButtonLabel": { "alias": "menuButtonLabel"; "required": true; "isSignal": true; }; "theme": { "alias": "theme"; "required": true; "isSignal": true; }; "themeImagePath": { "alias": "themeImagePath"; "required": true; "isSignal": true; }; "environment": { "alias": "environment"; "required": false; "isSignal": true; }; "isMobileMenuOpen": { "alias": "isMobileMenuOpen"; "required": true; "isSignal": true; }; }, { "isMobileMenuOpen": "isMobileMenuOpenChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,16 @@
+import { MenuItem, SubMenuItem } from '../main-navigation.model';
+import * as i0 from "@angular/core";
+export declare class MainNavigationMenuComponent {
+    isExpanded: import("@angular/core").InputSignal<boolean>;
+    isMobile: import("@angular/core").InputSignal<boolean>;
+    items: import("@angular/core").InputSignal<MenuItem[]>;
+    closed: import("@angular/core").OutputEmitterRef<void>;
+    activeMobileItem: import("@angular/core").WritableSignal<MenuItem | undefined>;
+    closeMobileMenu(item?: SubMenuItem): void;
+    getItemKey(item: MenuItem | SubMenuItem): string;
+    handleMobileItemKeydown(event: KeyboardEvent, item: MenuItem): void;
+    setActiveMobileItem(item: MenuItem | undefined): void;
+    toggleActiveMobileItem(item: MenuItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "isExpanded": { "alias": "isExpanded"; "required": true; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+}

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

@@ -1,44 +1,27 @@
-import { ConnectedPosition } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { AfterViewInit, ElementRef, OnDestroy, TemplateRef } from '@angular/core';
-import { MainNavigationMenuComponent } from '../main-navigation-menu';
-import { Environment, MenuItem, NdwBrand, SimpleMenuItem } from './main-navigation.model';
+import { AfterViewInit } from '@angular/core';
+import { Environment, MenuItem, Theme } from './main-navigation.model';
 import * as i0 from "@angular/core";
-export declare class MainNavigationComponent implements AfterViewInit, OnDestroy {
+export declare class MainNavigationComponent implements AfterViewInit {
     #private;
     applicationName: import("@angular/core").InputSignal<string>;
+    topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
     bottomMenuItems: import("@angular/core").InputSignal<MenuItem[] | undefined>;
-    brand: import("@angular/core").InputSignal<NdwBrand>;
+    closeButtonLabel: import("@angular/core").InputSignal<string>;
+    environment: import("@angular/core").InputSignal<Environment | undefined>;
     footerTexts: import("@angular/core").InputSignal<string[] | undefined>;
     isCollapsible: import("@angular/core").InputSignal<boolean>;
-    topMenuItems: import("@angular/core").InputSignal<MenuItem[]>;
-    version: import("@angular/core").InputSignal<string | undefined>;
-    environment: import("@angular/core").InputSignal<Environment | undefined>;
-    closeButtonLabel: import("@angular/core").InputSignal<string>;
     menuButtonLabel: import("@angular/core").InputSignal<string>;
-    isExpanded: import("@angular/core").ModelSignal<boolean>;
-    isMobileExpanded: import("@angular/core").ModelSignal<boolean>;
-    buttons: import("@angular/core").Signal<readonly ElementRef<HTMLButtonElement>[]>;
-    childMenuTemplate: import("@angular/core").Signal<TemplateRef<MainNavigationMenuComponent>>;
+    version: import("@angular/core").InputSignal<string | undefined>;
     isMobile: import("@angular/core").WritableSignal<boolean>;
-    brandImagePath: import("@angular/core").Signal<string>;
-    environmentPillColor: import("@angular/core").Signal<"blue" | "green" | "yellow" | "gray">;
-    activeId?: number;
-    protected mobilePortal?: TemplatePortal<MainNavigationMenuComponent>;
-    onMouseMove(event: MouseEvent): void;
-    onWindowResize(): void;
-    activeChildItems: SimpleMenuItem[];
-    overlayPositions: ConnectedPosition[];
-    constructor();
+    isMobileMenuOpen: import("@angular/core").WritableSignal<boolean>;
+    theme: import("@angular/core").WritableSignal<Theme>;
+    isExpanded: import("@angular/core").ModelSignal<boolean>;
+    mobileMenuItems: import("@angular/core").Signal<MenuItem[]>;
+    themeImagePath: import("@angular/core").Signal<string>;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    close(activeItem?: SimpleMenuItem, toggleMobileView?: boolean): void;
-    handleClick(activeItem: MenuItem): void;
-    handleLogoClick(): void;
-    open(item: MenuItem): void;
-    toggleChildMenu(item: MenuItem, event?: KeyboardEvent): void;
-    toggleMobileView(): void;
+    closeMobileMenu(): void;
+    onWindowResize(): void;
     toggleView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationComponent, "ndw-main-navigation", never, { "applicationName": { "alias": "applicationName"; "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; }; "topMenuItems": { "alias": "topMenuItems"; "required": true; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "environment": { "alias": "environment"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "menuButtonLabel": { "alias": "menuButtonLabel"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; "isMobileExpanded": { "alias": "isMobileExpanded"; "required": false; "isSignal": true; }; }, { "isExpanded": "isExpandedChange"; "isMobileExpanded": "isMobileExpandedChange"; }, 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; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "environment": { "alias": "environment"; "required": false; "isSignal": true; }; "footerTexts": { "alias": "footerTexts"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; "menuButtonLabel": { "alias": "menuButtonLabel"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; "isSignal": true; }; }, { "isExpanded": "isExpandedChange"; }, never, never, true, never>;
 }

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

@@ -1,13 +1,15 @@
-export interface SimpleMenuItem {
-    active?: boolean;
-    id: number;
+import { Params } from '@angular/router';
+export interface SubMenuItem {
     label: string;
-    callback?: (id: number) => void;
-}
-export interface MenuItem extends SimpleMenuItem {
-    children?: SimpleMenuItem[];
-    icon?: string;
+    active?: boolean;
+    callback?: () => void;
     notifications?: number;
+    path?: string[];
+    queryParams?: Params;
+}
+export interface MenuItem extends SubMenuItem {
+    icon: string;
+    children?: SubMenuItem[];
 }
-export type NdwBrand = 'NDW' | 'NWB';
-export type Environment = 'local' | 'staging' | 'acceptance';
+export type Theme = 'ndw' | 'nwb';
+export type Environment = 'Local' | 'Staging' | 'Acceptance';

package/lib/components/map-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './map-button.component';
+export * from './map-button.model';

package/lib/components/map-button/map-button.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export declare class MapButtonComponent {
+    #private;
+    readonly icon: import("@angular/core").InputSignal<"search" | "direction" | "gps" | "high-res" | "layers" | "polygon" | "zoom-in" | "zoom-out" | "hectometer" | "low-res" | "zoom-to-content">;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly active: import("@angular/core").InputSignal<boolean>;
+    readonly clicked: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly buttonIcon: import("@angular/core").Signal<string>;
+    protected readonly svgIcon: import("@angular/core").Signal<string | undefined>;
+    protected readonly iconLabel: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapButtonComponent, "ndw-map-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}

package/lib/components/map-button/map-button.model.d.ts

@@ -0,0 +1,4 @@
+export declare const fontMapButtonIcons: readonly ["direction", "gps", "high-res", "layers", "polygon", "search", "zoom-in", "zoom-out"];
+export declare const svgMapButtonIcons: readonly ["hectometer", "low-res", "zoom-to-content"];
+export declare const mapButtonIcons: readonly ["direction", "gps", "high-res", "layers", "polygon", "search", "zoom-in", "zoom-out", "hectometer", "low-res", "zoom-to-content"];
+export type MapButtonIcon = (typeof mapButtonIcons)[number];

package/lib/components/map-display/backgrounds.d.ts

@@ -0,0 +1,21 @@
+import { MapBackgrounds } from './map-display-option/map-display-option.model';
+export declare const MAP_BACKGROUND_IMAGES: {
+    OSM_DEFAULT: string;
+    OSM_BASIC: string;
+    OSM_COLOR_BLIND: string;
+    OSM_DARK: string;
+    OSM_NO_ROADS: string;
+    OSM_FCD_LINKS: string;
+    OSM_FCD_ROADS: string;
+    OSM_FCD_SEGMENTS: string;
+    OSM_MST: string;
+    OSM_NWB_ROADS_WHITE: string;
+    OSM_NWB_ROADS: string;
+    OSM_DEFAULT_FULL: string;
+    OSM_FRONT_DARK: string;
+    OSM_FRONT_LIGHT_NWB: string;
+    OSM_FRONT_LIGHT: string;
+    OSM_GREEN: string;
+};
+export declare const MAP_BACKGROUNDS: MapBackgrounds;
+export declare const DEFAULT_BACKGROUNDS: import("./map-display-option/map-display-option.model").MapBackgroundOption<string>[];

package/lib/components/map-display/index.d.ts

@@ -0,0 +1,3 @@
+export * from './map-display.component';
+export * from './backgrounds';
+export * from './layers';

package/lib/components/map-display/layers.d.ts

@@ -0,0 +1,10 @@
+import { MapDisplayOption } from './map-display-option';
+export declare const MAP_LAYER_IMAGES: {
+    ACTUAL_TRAFFIC_V1: string;
+    ACTUAL_TRAFFIC_V2: string;
+    IMAGE_MODE_V1: string;
+    IMAGE_MODE_V2: string;
+    HECTOMETRY: string;
+    ROAD_WORKS: string;
+};
+export declare const MAP_LAYERS: Record<string, MapDisplayOption>;

package/lib/components/map-display/map-display-option/index.d.ts

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

package/lib/components/map-display/map-display-option/map-display-option.component.d.ts

@@ -0,0 +1,11 @@
+import { DisplayOptionDirection, DisplayOptionType, MapDisplayOption } from './map-display-option.model';
+import * as i0 from "@angular/core";
+export declare class MapDisplayOptionComponent {
+    option: import("@angular/core").InputSignal<MapDisplayOption>;
+    direction: import("@angular/core").InputSignal<DisplayOptionDirection>;
+    type: import("@angular/core").InputSignal<DisplayOptionType>;
+    group: import("@angular/core").InputSignal<string | undefined>;
+    selectionChange: import("@angular/core").OutputEmitterRef<MapDisplayOption>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapDisplayOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapDisplayOptionComponent, "ndw-map-display-option", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/components/map-display/map-display-option/map-display-option.model.d.ts

@@ -0,0 +1,14 @@
+export type DisplayOptionType = 'none' | 'button' | 'radio' | 'checkbox';
+export type DisplayOptionDirection = 'row' | 'column';
+export interface MapDisplayOption {
+    id: string;
+    name: string;
+    active?: boolean;
+    imageLink?: string;
+    description?: string;
+    [key: string]: unknown;
+}
+export type MapBackgroundOption<T = string> = MapDisplayOption & {
+    style: T;
+};
+export type MapBackgrounds = Record<string, MapBackgroundOption>;

package/lib/components/map-display/map-display.component.d.ts

@@ -0,0 +1,30 @@
+import { OnInit } from '@angular/core';
+import { MapBackgroundOption, MapDisplayOption } from './map-display-option';
+import * as i0 from "@angular/core";
+export declare class MapDisplayComponent implements OnInit {
+    #private;
+    title: import("@angular/core").InputSignal<string>;
+    backgroundsTitle: import("@angular/core").InputSignal<string>;
+    layersTitle: import("@angular/core").InputSignal<string>;
+    enableClearLayers: import("@angular/core").InputSignal<boolean>;
+    layerOptionType: import("@angular/core").InputSignal<"radio" | "checkbox">;
+    backgroundOptions: import("@angular/core").InputSignalWithTransform<MapBackgroundOption[], MapBackgroundOption[]>;
+    layerOptions: import("@angular/core").InputSignalWithTransform<MapDisplayOption[], MapDisplayOption[]>;
+    readonly backgroundChange: import("@angular/core").OutputEmitterRef<MapBackgroundOption>;
+    readonly layerChange: import("@angular/core").OutputEmitterRef<MapDisplayOption>;
+    readonly clearAllLayers: import("@angular/core").OutputEmitterRef<void>;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly htmlIsRendered: import("@angular/core").WritableSignal<boolean>;
+    readonly showPopover: import("@angular/core").Signal<boolean>;
+    readonly linkedBackgroundOptions: import("@angular/core").WritableSignal<MapBackgroundOption[]>;
+    readonly activeBackgroundOption: import("@angular/core").Signal<MapBackgroundOption | undefined>;
+    readonly linkedLayerOptions: import("@angular/core").WritableSignal<MapDisplayOption[]>;
+    readonly numberOfSelectedLayers: import("@angular/core").Signal<number>;
+    constructor();
+    ngOnInit(): void;
+    selectBackground(option: MapDisplayOption): void;
+    toggleLayer(option: MapDisplayOption): void;
+    clearLayers(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapDisplayComponent, "ndw-map-display", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "backgroundsTitle": { "alias": "backgroundsTitle"; "required": false; "isSignal": true; }; "layersTitle": { "alias": "layersTitle"; "required": false; "isSignal": true; }; "enableClearLayers": { "alias": "enableClearLayers"; "required": false; "isSignal": true; }; "layerOptionType": { "alias": "layerOptionType"; "required": false; "isSignal": true; }; "backgroundOptions": { "alias": "backgroundOptions"; "required": false; "isSignal": true; }; "layerOptions": { "alias": "layerOptions"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "backgroundChange": "backgroundChange"; "layerChange": "layerChange"; "clearAllLayers": "clearAllLayers"; "open": "openChange"; }, never, never, true, never>;
+}

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

@@ -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; }; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ndw-multi-select", never, { "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "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/lib/components/summary-card/summary-card-actions/summary-card-actions.component.d.ts

@@ -5,5 +5,5 @@ export declare class SummaryCardActionsComponent {
     readonly view: import("@angular/core").InputSignal<SummaryActionsView>;
     readonly actions: import("@angular/core").Signal<readonly SummaryCardActionComponent[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SummaryCardActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryCardActionsComponent, "ndw-summary-card-actions", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; }, {}, ["actions"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SummaryCardActionsComponent, "ndw-summary-card-actions", never, { "view": { "alias": "view"; "required": false; "isSignal": true; }; }, {}, ["actions"], ["ndw-favorite"], true, never>;
 }

package/lib/components/tab/tab.component.d.ts

@@ -8,10 +8,11 @@ export declare class TabComponent implements OnInit {
     private readonly _contentTemplate;
     get content(): TemplatePortal | null;
     title: import("@angular/core").InputSignal<string>;
+    disabled: import("@angular/core").InputSignal<boolean>;
     active: boolean;
     id: `${string}-${string}-${string}-${string}-${string}`;
     ngOnInit(): void;
     getNativeElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "ndw-tab", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "ndw-tab", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/tab-group/tab-group.component.d.ts

@@ -7,6 +7,7 @@ export declare class TabGroupComponent {
     activeTab: import("@angular/core").ModelSignal<number>;
     selectTab(index: number): void;
     onKeyDown(event: KeyboardEvent): void;
+    private getNextEnabledIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "ndw-tab-group", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["_tabs"], never, true, never>;
 }

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndwnu/design-system",
-  "version": "8.0.1",
+  "version": "9.1.0",
   "peerDependencies": {
     "@angular/animations": "^19.0.0",
     "@angular/cdk": "^19.0.0",
@@ -8,9 +8,9 @@
     "@angular/core": "^19.0.0",
     "@angular/forms": "^19.0.0",
     "@angular/router": "^19.0.0",
-    "@ndwnu/core": "0.0.1-beta.1",
-    "@storybook/addon-actions": "8.5.0",
-    "@storybook/angular": "8.5.0",
+    "@ndwnu/core": "0.0.2-beta.1",
+    "@storybook/addon-actions": "8.6.12",
+    "@storybook/angular": "8.6.12",
     "rxjs": "^7.8.0"
   },
   "sideEffects": false,

package/styles/base/_typography.scss

@@ -1,4 +1,8 @@
-@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block');
+@import url('https://fonts.googleapis.com/css2\
+?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650\
+&family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,400,0..1\
+&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650\
+&display=block');
 
 /* Mixins */
 @mixin ndw-heading-xl {

package/styles/components/_input.scss

@@ -83,6 +83,13 @@
   }
 }
 
+@mixin input-focus-visible-label {
+  outline-color: Highlight;
+  outline-color: -webkit-focus-ring-color;
+  outline-style: auto;
+  outline-width: 1px;
+}
+
 .input-container:has(> [ndwInput][error]) {
   background-color: var(--ndw-color-critical-100);
   border-color: var(--ndw-color-critical-500);

package/styles/components/_summary-card.scss

@@ -143,6 +143,10 @@
     display: flex;
     justify-content: flex-end;
 
+    ndw-favorite {
+      margin-right: var(--ndw-spacing-sm);
+    }
+
     &--auto {
       container-type: inline-size;
     }

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

@@ -1,7 +0,0 @@
-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/lib/components/main-navigation/main-navigation.imports.d.ts

@@ -1,10 +0,0 @@
-import { OverlayModule } from '@angular/cdk/overlay';
-import { CdkPortalOutlet } from '@angular/cdk/portal';
-import { NgClass, NgTemplateOutlet } from '@angular/common';
-import { RouterLink } from '@angular/router';
-import { BadgeComponent } from '../badge';
-import { IconComponent } from '../icon';
-import { MainNavigationMenuComponent } from '../main-navigation-menu';
-import { TooltipDirective } from '../tooltip';
-import { PillComponent } from '../pill';
-export declare const MAIN_NAVIGATION_IMPORTS: (typeof BadgeComponent | typeof IconComponent | typeof NgClass | typeof NgTemplateOutlet | typeof RouterLink | typeof TooltipDirective | typeof MainNavigationMenuComponent | typeof PillComponent | typeof CdkPortalOutlet | typeof OverlayModule)[];

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

@@ -1,10 +0,0 @@
-import { SimpleMenuItem } from '../main-navigation';
-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<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>;
-}