@ndwnu/design-system 13.1.0 → 13.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndwnu/design-system",
-  "version": "13.1.0",
+  "version": "13.2.0",
   "peerDependencies": {
     "@angular/cdk": "^21.0.0",
     "@angular/common": "^21.0.0",

package/styles/components/_datepicker.scss

@@ -25,6 +25,14 @@
   mat-calendar {
     --range-preview-border: var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-300);
 
+    .mat-calendar-body-label {
+      visibility: hidden;
+    }
+
+    tr:has(.mat-calendar-body-label):not(:has(.mat-calendar-body-cell)) {
+      display: none;
+    }
+
     .ndw-date-selected > :first-child {
       background-color: var(--ndw-color-secondary-400) !important;
       color: var(--ndw-color-white) !important;
@@ -95,6 +103,11 @@ ndw-calendar.show-week-numbers {
 
   padding-left: 1rem;
 
+  .mat-calendar-body {
+    min-height: calc(6 * var(--mat-datepicker-calendar-date-state-layer-height, 42px));
+    vertical-align: top;
+  }
+
   thead {
     tr::before {
       content: '';

package/types/ndwnu-design-system.d.ts

@@ -972,6 +972,22 @@ declare class KeyValueListComponent extends CoreKeyValueListComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KeyValueListComponent, "ndw-key-value-list", never, {}, {}, never, never, true, never>;
 }
 
+type Language = 'NL' | 'EN' | 'FR' | 'DE';
+type LanguageLabelDisplay = 'flag-only' | 'abbreviation' | 'full';
+declare const LANGUAGE_FLAGS: Record<Language, string>;
+declare const LANGUAGE_LABELS: Record<Language, string>;
+
+declare class LanguageSwitcherComponent {
+    readonly languages: _angular_core.InputSignal<Language[]>;
+    readonly selected: _angular_core.ModelSignal<Language>;
+    readonly displayMode: _angular_core.InputSignal<LanguageLabelDisplay>;
+    flagSrc(lang: string): string;
+    labelFor(lang: string): string;
+    selectLanguage(lang: Language): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LanguageSwitcherComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LanguageSwitcherComponent, "ndw-language-switcher", never, { "languages": { "alias": "languages"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, never, true, never>;
+}
+
 interface SubMenuItem {
     label: string;
     active?: boolean;
@@ -1035,16 +1051,16 @@ declare class LoaderComponent {
 
 declare class MapButtonComponent {
     #private;
-    readonly icon: _angular_core.InputSignal<"search" | "polygon" | "direction" | "gps" | "high-res" | "layers" | "zoom-in" | "zoom-out" | "mail" | "add-traffic-sign" | "add-zone" | "download" | "hectometer" | "low-res" | "zoom-to-content">;
+    readonly icon: _angular_core.InputSignal<"search" | "polygon" | "direction" | "gps" | "high-res" | "layers" | "zoom-in" | "zoom-out" | "mail" | "add-traffic-sign" | "add-zone" | "download" | "hectometer" | "low-res" | "zoom-to-content" | undefined>;
     readonly active: _angular_core.InputSignal<boolean>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
-    protected readonly buttonIcon: _angular_core.Signal<string>;
+    protected readonly buttonIcon: _angular_core.Signal<string | undefined>;
     protected readonly svgIcon: _angular_core.Signal<string | undefined>;
     protected readonly iconLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MapButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MapButtonComponent, "ndw-map-button", never, { "icon": { "alias": "icon"; "required": false; "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>;
 }
 
 declare const fontMapButtonIcons: readonly ["direction", "gps", "high-res", "layers", "polygon", "search", "zoom-in", "zoom-out", "mail"];
@@ -1059,6 +1075,7 @@ interface MapDisplayOption {
     name: string;
     active?: boolean;
     imageLink?: string;
+    icon?: string;
     description?: string;
     [key: string]: unknown;
 }
@@ -1504,6 +1521,8 @@ declare class TagComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ndw-tag", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }
 
+type ToastType = 'info' | 'error';
+
 interface ToastDimensions {
     width: number;
     height: number;
@@ -1516,11 +1535,12 @@ declare class ToastComponent implements AfterViewInit {
     duration: _angular_core.InputSignal<number>;
     paused: _angular_core.InputSignal<boolean>;
     showProgress: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<ToastType>;
     closed: _angular_core.OutputEmitterRef<void>;
     elementDimensions: _angular_core.OutputEmitterRef<ToastDimensions>;
     ngAfterViewInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ndw-toast", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "elementDimensions": "elementDimensions"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "ndw-toast", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "elementDimensions": "elementDimensions"; }, never, never, true, never>;
 }
 
 type ToastId = string;
@@ -1530,6 +1550,7 @@ interface ToastData {
     duration: number;
     remainingTime: number;
     closeButtonLabel?: string;
+    type: ToastType;
 }
 declare class ToastService {
     #private;
@@ -1544,9 +1565,11 @@ declare class ToastService {
      * Open a toast notification with the given message and optional duration.
      * @param message The message to display in the toast.
      * @param duration Optional duration in milliseconds for which the toast should be visible. Defaults to 5000ms.
+     * @param closeButtonLabel
+     * @param type The type of toast. Based on type the behavior and visuals of the toast will change.
      * @returns The ID of the created toast. Can be used to close the toast.
      */
-    open(message: string, duration?: number, closeButtonLabel?: string): ToastId;
+    open(message: string, duration?: number, closeButtonLabel?: string, type?: ToastType): ToastId;
     pause(): void;
     resume(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
@@ -1577,5 +1600,5 @@ declare class TooltipDirective implements OnChanges, OnDestroy, OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[ndwTooltip]", never, { "text": { "alias": "ndwTooltip"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AccordionComponent, AccordionService, AlertComponent, AutoGrowDirective, AutosuggestAddOptionComponent, AutosuggestDirective, AutosuggestOptionComponent, AutosuggestPanelComponent, AvatarComponent, BROWSER_STORAGE, BadgeComponent, BannerComponent, BaseTourService, BreadcrumbComponent, BreadcrumbGroupComponent, ButtonDirective, CARD_COMPONENTS, CARD_ID_TOKEN, CalendarComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CheckboxComponent, CheckboxGroupComponent, CollapsibleComponent, DEFAULT_BACKGROUNDS, DashboardCardComponent, DatepickerComponent, DropdownComponent, EditBarActionsComponent, EditBarComponent, EditBarMessageComponent, ErrorComponent, FavoriteComponent, FileUploadComponent, FormFieldComponent, FormFieldElement, GuidedTourService, HoverableListItemComponent, IconComponent, InfoComponent, InputButtonComponent, InputDirective, InputIconComponent, KeyValueListComponent, LayoutBannersComponent, LayoutComponent, ListComponent, ListItemComponent, LoaderComponent, MAP_BACKGROUNDS, MAP_BACKGROUND_IMAGES, MAP_LAYERS, MAP_LAYER_IMAGES, MODAL_COMPONENTS, MainNavigationComponent, MapButtonComponent, MapDisplayComponent, MapDisplayOptionComponent, MapLegendComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxCharDirective, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalService, MonthInputComponent, MultiSelectComponent, OptionComponent, OptionGroupComponent, PillComponent, PopoverTriggerDirective, RadioButtonComponent, RadioGroupComponent, RouterBreadcrumbsComponent, SplitterComponent, SummaryCardActionComponent, SummaryCardActionsComponent, SummaryCardComponent, SummaryCardContentComponent, SummaryCardHeaderComponent, SummaryCardSubtitleComponent, SummaryCardTagComponent, SummaryCardTagsComponent, SwitcherComponent, TabComponent, TabGroupComponent, TagComponent, ToastComponent, ToastService, TooltipComponent, TooltipDirective, backButton, cancelButton, defaultStepOptions, elementIsHidden, finishButton, fontMapButtonIcons, formatStepWithImage, makeButton, mapButtonIcons, ndwAgGridTheme, nextButton, svgMapButtonIcons };
-export type { AlertType, AreaMapLegendOption, AvatarColor, AvatarStatus, BannerType, BaseMapLegendOption, CheckType, CheckboxData, CircleMapLegendOption, DatepickerMode, DisplayOptionDirection, DisplayOptionType, EditBarPosition, EditBarWidth, Environment, FileUploadText, HoverableListItemAction, IconMapLegendOption, ImageMapLegendOption, LineMapLegendOption, MapBackgroundOption, MapBackgrounds, MapButtonIcon, MapDisplayOption, MapLegendOption, MapLegendOptionGroup, MapLegendOptionType, MapLegendViewMode, MenuItem, ModalSize, NdwStepOptions, OptionGroupMode, PolygonMapLegendOption, PopoverPosition, RequiredElement, SelectAllText, ShepherdButton, StepImage, SubMenuItem, SummaryActionsView, SwitcherOption, SwitcherValue, Theme, ToastDimensions, TourOptions };
+export { AccordionComponent, AccordionService, AlertComponent, AutoGrowDirective, AutosuggestAddOptionComponent, AutosuggestDirective, AutosuggestOptionComponent, AutosuggestPanelComponent, AvatarComponent, BROWSER_STORAGE, BadgeComponent, BannerComponent, BaseTourService, BreadcrumbComponent, BreadcrumbGroupComponent, ButtonDirective, CARD_COMPONENTS, CARD_ID_TOKEN, CalendarComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CheckboxComponent, CheckboxGroupComponent, CollapsibleComponent, DEFAULT_BACKGROUNDS, DashboardCardComponent, DatepickerComponent, DropdownComponent, EditBarActionsComponent, EditBarComponent, EditBarMessageComponent, ErrorComponent, FavoriteComponent, FileUploadComponent, FormFieldComponent, FormFieldElement, GuidedTourService, HoverableListItemComponent, IconComponent, InfoComponent, InputButtonComponent, InputDirective, InputIconComponent, KeyValueListComponent, LANGUAGE_FLAGS, LANGUAGE_LABELS, LanguageSwitcherComponent, LayoutBannersComponent, LayoutComponent, ListComponent, ListItemComponent, LoaderComponent, MAP_BACKGROUNDS, MAP_BACKGROUND_IMAGES, MAP_LAYERS, MAP_LAYER_IMAGES, MODAL_COMPONENTS, MainNavigationComponent, MapButtonComponent, MapDisplayComponent, MapDisplayOptionComponent, MapLegendComponent, MarkdownEditorComponent, MarkdownParserComponent, MaxCharDirective, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalService, MonthInputComponent, MultiSelectComponent, OptionComponent, OptionGroupComponent, PillComponent, PopoverTriggerDirective, RadioButtonComponent, RadioGroupComponent, RouterBreadcrumbsComponent, SplitterComponent, SummaryCardActionComponent, SummaryCardActionsComponent, SummaryCardComponent, SummaryCardContentComponent, SummaryCardHeaderComponent, SummaryCardSubtitleComponent, SummaryCardTagComponent, SummaryCardTagsComponent, SwitcherComponent, TabComponent, TabGroupComponent, TagComponent, ToastComponent, ToastService, TooltipComponent, TooltipDirective, backButton, cancelButton, defaultStepOptions, elementIsHidden, finishButton, fontMapButtonIcons, formatStepWithImage, makeButton, mapButtonIcons, ndwAgGridTheme, nextButton, svgMapButtonIcons };
+export type { AlertType, AreaMapLegendOption, AvatarColor, AvatarStatus, BannerType, BaseMapLegendOption, CheckType, CheckboxData, CircleMapLegendOption, DatepickerMode, DisplayOptionDirection, DisplayOptionType, EditBarPosition, EditBarWidth, Environment, FileUploadText, HoverableListItemAction, IconMapLegendOption, ImageMapLegendOption, Language, LanguageLabelDisplay, LineMapLegendOption, MapBackgroundOption, MapBackgrounds, MapButtonIcon, MapDisplayOption, MapLegendOption, MapLegendOptionGroup, MapLegendOptionType, MapLegendViewMode, MenuItem, ModalSize, NdwStepOptions, OptionGroupMode, PolygonMapLegendOption, PopoverPosition, RequiredElement, SelectAllText, ShepherdButton, StepImage, SubMenuItem, SummaryActionsView, SwitcherOption, SwitcherValue, Theme, ToastDimensions, TourOptions };