@ndwnu/design-system 9.1.0 → 10.0.0

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

@@ -1,11 +1,11 @@
 import { OnInit } from '@angular/core';
 import { CollapsibleComponent } from '../collapsible';
+import { ListComponent } from '../list';
 import * as i0 from "@angular/core";
-export declare class AccordionComponent implements OnInit {
+export declare class AccordionComponent extends ListComponent implements OnInit {
+    #private;
     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/lib/components/breadcrumb/breadcrumb.component.d.ts

@@ -1,8 +1,6 @@
-import { TemplateRef } from '@angular/core';
+import { CoreBreadcrumbComponent } from '@ndwnu/core';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbComponent {
-    link: import("@angular/core").InputSignal<string | null>;
-    content: import("@angular/core").Signal<TemplateRef<unknown>>;
+export declare class BreadcrumbComponent extends CoreBreadcrumbComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "ndw-breadcrumb", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "ndw-breadcrumb", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,6 +1,7 @@
+import { CoreBreadcrumbGroupComponent } from '@ndwnu/core';
 import { BreadcrumbComponent } from '../breadcrumb';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbGroupComponent {
+export declare class BreadcrumbGroupComponent extends CoreBreadcrumbGroupComponent<BreadcrumbComponent> {
     protected breadcrumbs: import("@angular/core").Signal<readonly BreadcrumbComponent[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbGroupComponent, "ndw-breadcrumb-group", never, {}, {}, ["breadcrumbs"], never, true, never>;

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

@@ -2,6 +2,8 @@ import * as i0 from "@angular/core";
 export declare class CollapsibleComponent {
     index: import("@angular/core").InputSignal<number>;
     title: import("@angular/core").InputSignal<string>;
+    checkable: import("@angular/core").InputSignal<boolean>;
+    subtitle: import("@angular/core").InputSignal<string | undefined>;
     value: import("@angular/core").InputSignal<number | undefined>;
     expanded: import("@angular/core").ModelSignal<boolean>;
     private readonly accordionService;
@@ -11,5 +13,5 @@ export declare class CollapsibleComponent {
     animationState: import("@angular/core").Signal<"open" | "closed">;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollapsibleComponent, "ndw-collapsible", never, { "index": { "alias": "index"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "checkable": { "alias": "checkable"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["custom-header-content", "*"], true, never>;
 }

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

@@ -11,7 +11,7 @@ export declare class DropdownComponent {
     readonly isOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
     readonly popoverTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
     readonly dropdownButton: import("@angular/core").Signal<ElementRef<any>>;
-    readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_up" | "keyboard_arrow_down">;
+    readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_down" | "keyboard_arrow_up">;
     onTagClicked($event: Event): void;
     onKeyDown(event: KeyboardEvent): void;
     closeDropdown(): void;

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

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

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

@@ -1,19 +1,8 @@
-import { BaseAutosuggestOptionComponent } from './base-autosuggest-option.component';
-import { AutosuggestOptionComponentType } from './autosuggest-option.model';
+import { CoreAutosuggestOptionComponent, Image } from '@ndwnu/core';
 import * as i0 from "@angular/core";
-export declare class AutocompleteOptionSelectionChange<T> {
-    source: AutosuggestOptionComponentType<T>;
-    isUserInput: boolean;
-    constructor(source: AutosuggestOptionComponentType<T>, isUserInput?: boolean);
-}
-export declare class AutosuggestOptionComponent<T> extends BaseAutosuggestOptionComponent<T> {
-    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<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestOptionComponent<any>, "ndw-autosuggest-option", never, { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class AutosuggestOptionComponent extends CoreAutosuggestOptionComponent {
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    image: import("@angular/core").InputSignal<Image | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutosuggestOptionComponent, "ndw-autosuggest-option", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

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

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

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

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

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

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

@@ -1,71 +1,9 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { AutosuggestOptionComponentType } from './autosuggest-option/autosuggest-option.model';
+import { CoreAutosuggestDirective } from '@ndwnu/core';
 import { AutosuggestPanelComponent } from './autosuggest-panel/autosuggest-panel.component';
 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;
-    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(): AutosuggestOptionComponentType<T> | null;
-    get autosuggest(): AutosuggestPanelComponent<T>;
-    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 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; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "filter": "filter"; }, never, never, true, never>;
+export declare class AutosuggestDirective extends CoreAutosuggestDirective<AutosuggestPanelComponent> {
+    readonly ndwAutosuggest: import("@angular/core").InputSignal<AutosuggestPanelComponent>;
+    get autosuggest(): AutosuggestPanelComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutosuggestDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutosuggestDirective, "input[ndwAutosuggest], textarea[ndwAutosuggest]", never, { "ndwAutosuggest": { "alias": "ndwAutosuggest"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
+export { AutosuggestOption, AutosuggestOptions } from '@ndwnu/core';
 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';
+export * from './autosuggest-option';
+export * from './autosuggest-panel';
+export * from './autosuggest-add-option';

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

@@ -4,3 +4,4 @@ export declare enum FormFieldElement {
     Select = "select",
     Textarea = "textarea"
 }
+export type CheckType = 'checkbox' | 'radio';

package/lib/components/form-field/month-input/date-validators.d.ts

@@ -0,0 +1,3 @@
+import { ValidatorFn } from '@angular/forms';
+export declare const minDateValidator: (min: Date) => ValidatorFn;
+export declare const maxDateValidator: (max: Date) => ValidatorFn;

package/lib/components/form-field/month-input/month-input-utils.d.ts

@@ -1,5 +1,6 @@
 export declare function createYearRange(minDate: Date, maxDate: Date): number[];
-export declare function createMonthOptions(monthLabels: string[]): {
+export declare function createMonthOptions(monthLabels: string[], year: number, minDate: Date, maxDate: Date): {
     label: string;
     value: number;
+    disabled: boolean;
 }[];

package/lib/components/form-field/month-input/month-input.component.d.ts

@@ -12,6 +12,7 @@ export declare class MonthInputComponent implements ControlValueAccessor, OnInit
     readonly minDate: import("@angular/core").InputSignal<Date>;
     readonly maxDate: import("@angular/core").InputSignal<Date>;
     readonly monthLabels: import("@angular/core").InputSignal<string[]>;
+    readonly addValidators: import("@angular/core").InputSignal<boolean>;
     readonly disabled: import("@angular/core").ModelSignal<boolean>;
     readonly readonly: import("@angular/core").InputSignal<boolean>;
     protected readonly selectedYear: import("@angular/core").ModelSignal<number>;
@@ -23,7 +24,9 @@ export declare class MonthInputComponent implements ControlValueAccessor, OnInit
     protected readonly months: import("@angular/core").Signal<{
         label: string;
         value: number;
+        disabled: boolean;
     }[]>;
+    protected readonly isYearValid: import("@angular/core").Signal<boolean>;
     readonly input: import("@angular/core").Signal<InputDirective | undefined>;
     protected showMonthPicker: boolean;
     private onChange;
@@ -40,5 +43,5 @@ export declare class MonthInputComponent implements ControlValueAccessor, OnInit
     protected onKeyDown(event: KeyboardEvent): void;
     private adjustMonth;
     static ɵfac: i0.ɵɵFactoryDeclaration<MonthInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MonthInputComponent, "ndw-month-input", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; "showMonthPickerLabel": { "alias": "showMonthPickerLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "yearPlaceholder": { "alias": "yearPlaceholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "monthLabels": { "alias": "monthLabels"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "selectedYear": { "alias": "selectedYear"; "required": false; "isSignal": true; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "selectedYear": "selectedYearChange"; "selectedMonth": "selectedMonthChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MonthInputComponent, "ndw-month-input", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; "showMonthPickerLabel": { "alias": "showMonthPickerLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "yearPlaceholder": { "alias": "yearPlaceholder"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "monthLabels": { "alias": "monthLabels"; "required": false; "isSignal": true; }; "addValidators": { "alias": "addValidators"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "selectedYear": { "alias": "selectedYear"; "required": false; "isSignal": true; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "selectedYear": "selectedYearChange"; "selectedMonth": "selectedMonthChange"; }, never, never, true, never>;
 }

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

@@ -4,6 +4,7 @@ export declare class OptionComponent {
     label: import("@angular/core").InputSignal<string>;
     description: import("@angular/core").InputSignal<string | undefined>;
     required: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
     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; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, {}, never, never, true, 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; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,13 +1,14 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { CheckableComponent } from '@ndwnu/core';
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent implements ControlValueAccessor {
+export declare class RadioButtonComponent implements ControlValueAccessor, CheckableComponent {
     checked: import("@angular/core").ModelSignal<boolean>;
     disabled: import("@angular/core").ModelSignal<boolean>;
     error: import("@angular/core").InputSignal<boolean>;
     success: import("@angular/core").InputSignal<boolean>;
-    name: import("@angular/core").ModelSignal<string>;
     required: import("@angular/core").InputSignal<boolean>;
     value: import("@angular/core").ModelSignal<unknown>;
+    name: import("@angular/core").WritableSignal<string | undefined>;
     uuid: `${string}-${string}-${string}-${string}-${string}`;
     onInputChange(event: Event): void;
     writeValue(value: boolean): void;
@@ -15,5 +16,5 @@ export declare class RadioButtonComponent implements ControlValueAccessor {
     registerOnTouched(): void;
     setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "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; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "name": "nameChange"; "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "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; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "value": "valueChange"; }, never, ["*"], true, never>;
 }

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

@@ -11,8 +11,6 @@ export declare class RadioGroupComponent implements AfterContentInit, ControlVal
     registerOnChange(fn: (value: unknown) => void): void;
     registerOnTouched(): void;
     setDisabledState?(isDisabled: boolean): void;
-    private setRadioButtonsName;
-    private handleCheckedChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "ndw-radio-group", never, {}, {}, ["radioButtons"], ["*"], true, never>;
 }

package/lib/components/index.d.ts

@@ -16,11 +16,14 @@ export * from './form-field';
 export * from './icon';
 export * from './layout';
 export * from './layout-banners';
+export * from './list';
+export * from './list-item';
 export * from './loader';
 export * from './main-navigation';
 export * from './map-button';
 export * from './map-display';
 export * from './map-display/map-display-option';
+export * from './map-legend';
 export * from './modal';
 export * from './multi-select';
 export * from './pill';
@@ -30,6 +33,7 @@ export * from './splitter';
 export * from './summary-card';
 export * from './tab';
 export * from './tab-group';
+export * from './table';
 export * from './tag';
 export * from './toast';
 export * from './tooltip';

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

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

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

@@ -0,0 +1,11 @@
+import { AfterContentInit } from '@angular/core';
+import { ListItemComponent } from '../list-item';
+import * as i0 from "@angular/core";
+export declare class ListComponent implements AfterContentInit {
+    #private;
+    elevated: import("@angular/core").InputSignal<boolean>;
+    listItems: import("@angular/core").Signal<readonly ListItemComponent[]>;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "ndw-list", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; }, {}, ["listItems"], ["*"], true, never>;
+}

package/lib/components/list-item/index.d.ts

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

package/lib/components/list-item/list-item.component.d.ts

@@ -0,0 +1,34 @@
+import { CheckableComponent } from '@ndwnu/core';
+import { CheckType, RadioButtonComponent } from '../form-field';
+import { PillColor } from '../pill';
+import * as i0 from "@angular/core";
+export declare class ListItemComponent implements CheckableComponent {
+    #private;
+    active: import("@angular/core").ModelSignal<boolean>;
+    badgeValue: import("@angular/core").InputSignal<number | undefined>;
+    buttonIcon: import("@angular/core").InputSignal<string | undefined>;
+    buttonLabel: import("@angular/core").InputSignal<string | undefined>;
+    checkable: import("@angular/core").InputSignal<boolean>;
+    checkType: import("@angular/core").InputSignal<CheckType>;
+    collapsible: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    indented: import("@angular/core").InputSignal<boolean>;
+    pillColor: import("@angular/core").InputSignal<PillColor>;
+    pillLabel: import("@angular/core").InputSignal<string | undefined>;
+    prefixIcon: import("@angular/core").InputSignal<string | undefined>;
+    showButton: import("@angular/core").InputSignal<boolean>;
+    subtitle: import("@angular/core").InputSignal<string | undefined>;
+    title: import("@angular/core").InputSignal<string | undefined>;
+    buttonClicked: import("@angular/core").OutputEmitterRef<void>;
+    checked: import("@angular/core").ModelSignal<boolean>;
+    expanded: import("@angular/core").ModelSignal<boolean>;
+    radioButton: import("@angular/core").Signal<RadioButtonComponent | undefined>;
+    name: import("@angular/core").WritableSignal<string | undefined>;
+    actionable: import("@angular/core").Signal<boolean>;
+    constructor();
+    onButtonClick(event: Event): void;
+    onCheckClick(event: Event): void;
+    onListItemSelect(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "ndw-list-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "badgeValue": { "alias": "badgeValue"; "required": false; "isSignal": true; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "checkable": { "alias": "checkable"; "required": false; "isSignal": true; }; "checkType": { "alias": "checkType"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indented": { "alias": "indented"; "required": false; "isSignal": true; }; "pillColor": { "alias": "pillColor"; "required": false; "isSignal": true; }; "pillLabel": { "alias": "pillLabel"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "showButton": { "alias": "showButton"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "buttonClicked": "buttonClicked"; "checked": "checkedChange"; "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}

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<"blue" | "green" | "yellow" | "gray">;
+    environmentColor: import("@angular/core").Signal<"blue" | "gray" | "green" | "yellow">;
     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-button/map-button.component.d.ts

@@ -1,14 +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 icon: import("@angular/core").InputSignal<"search" | "direction" | "gps" | "high-res" | "layers" | "polygon" | "zoom-in" | "zoom-out" | "add-traffic-sign" | "add-zone" | "hectometer" | "low-res" | "zoom-to-content">;
+    readonly active: import("@angular/core").InputSignal<boolean>;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapButtonComponent, "ndw-map-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }

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

@@ -1,4 +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 declare const svgMapButtonIcons: readonly ["add-traffic-sign", "add-zone", "hectometer", "low-res", "zoom-to-content"];
+export declare const mapButtonIcons: readonly ["direction", "gps", "high-res", "layers", "polygon", "search", "zoom-in", "zoom-out", "add-traffic-sign", "add-zone", "hectometer", "low-res", "zoom-to-content"];
 export type MapButtonIcon = (typeof mapButtonIcons)[number];

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

@@ -7,7 +7,7 @@ export declare class MapDisplayComponent implements OnInit {
     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">;
+    layerOptionType: import("@angular/core").InputSignal<"checkbox" | "radio">;
     backgroundOptions: import("@angular/core").InputSignalWithTransform<MapBackgroundOption[], MapBackgroundOption[]>;
     layerOptions: import("@angular/core").InputSignalWithTransform<MapDisplayOption[], MapDisplayOption[]>;
     readonly backgroundChange: import("@angular/core").OutputEmitterRef<MapBackgroundOption>;

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

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

package/lib/components/map-legend/map-legend-group/map-legend-group.component.d.ts

@@ -0,0 +1,9 @@
+import { MapLegendOptionGroup } from '../map-legend.model';
+import * as i0 from "@angular/core";
+export declare class MapLegendGroupComponent {
+    readonly group: import("@angular/core").InputSignal<MapLegendOptionGroup>;
+    readonly singleGroup: import("@angular/core").InputSignal<boolean>;
+    readonly index: import("@angular/core").InputSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapLegendGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapLegendGroupComponent, "ndw-map-legend-group", never, { "group": { "alias": "group"; "required": true; "isSignal": true; }; "singleGroup": { "alias": "singleGroup"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+import { MapLegendOption } from '../map-legend.model';
+import * as i0 from "@angular/core";
+export declare class MapLegendOptionComponent {
+    readonly option: import("@angular/core").InputSignal<MapLegendOption>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapLegendOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapLegendOptionComponent, "ndw-map-legend-option", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,17 @@
+import { MapLegendOptionGroup, MapLegendViewMode } from './map-legend.model';
+import * as i0 from "@angular/core";
+export declare class MapLegendComponent {
+    readonly groups: import("@angular/core").InputSignal<MapLegendOptionGroup[]>;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly viewMode: import("@angular/core").InputSignal<MapLegendViewMode>;
+    readonly open: import("@angular/core").ModelSignal<boolean>;
+    readonly htmlIsRendered: import("@angular/core").WritableSignal<boolean>;
+    readonly showPopover: import("@angular/core").Signal<boolean>;
+    readonly isDropdownViewMode: import("@angular/core").Signal<boolean>;
+    readonly isFixedViewMode: import("@angular/core").Signal<boolean>;
+    readonly hasJustOneGroup: import("@angular/core").Signal<boolean>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MapLegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MapLegendComponent, "ndw-map-legend", never, { "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,33 @@
+export type MapLegendOptionType = 'image' | 'line' | 'circle' | 'polygon' | 'icon';
+export interface BaseMapLegendOption {
+    type: MapLegendOptionType;
+    label: string;
+}
+export interface ImageMapLegendOption extends BaseMapLegendOption {
+    type: 'image';
+    src: string;
+    objectFit?: 'contain' | 'cover';
+}
+export interface LineMapLegendOption extends BaseMapLegendOption {
+    type: 'line';
+    color: string;
+    fillMode: 'solid' | 'dashed';
+}
+export interface CircleMapLegendOption extends BaseMapLegendOption {
+    type: 'circle';
+    color: string;
+}
+export interface PolygonMapLegendOption extends BaseMapLegendOption {
+    type: 'polygon';
+    color: string;
+}
+export interface IconMapLegendOption extends BaseMapLegendOption {
+    type: 'icon';
+    iconName: string;
+}
+export type MapLegendOption = ImageMapLegendOption | LineMapLegendOption | CircleMapLegendOption | PolygonMapLegendOption | IconMapLegendOption;
+export interface MapLegendOptionGroup {
+    label?: string;
+    options: MapLegendOption[];
+}
+export type MapLegendViewMode = 'dropdown' | 'fixed';

package/lib/components/multi-select/checkbox-data.interface.d.ts

@@ -1,5 +1,8 @@
+import { Image } from '../../models';
 export interface CheckboxData {
     id: string | number;
     label: string;
     value: boolean;
+    icon?: string;
+    image?: Image;
 }