@ndwnu/design-system 9.0.0 → 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/index.d.ts

@@ -19,6 +19,8 @@ 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/main-navigation/main-navigation-header/main-navigation-header.component.d.ts

@@ -10,7 +10,7 @@ export declare class MainNavigationHeaderComponent {
     themeImagePath: import("@angular/core").InputSignal<string>;
     environment: import("@angular/core").InputSignal<Environment | undefined>;
     isMobileMenuOpen: import("@angular/core").ModelSignal<boolean>;
-    environmentColor: import("@angular/core").Signal<"gray" | "green" | "blue" | "yellow">;
+    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/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/package.json

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

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>;
-}