@ndwnu/design-system 12.2.0 → 12.3.0

package/index.d.ts

@@ -24,7 +24,6 @@ declare class CollapsibleComponent {
     private readonly uuid;
     readonly toggleUuid: string;
     readonly sectionUuid: string;
-    animationState: _angular_core.Signal<"open" | "closed">;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollapsibleComponent, never>;
     static ɵcmp: _angular_core.ɵɵ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>;
@@ -200,7 +199,8 @@ declare class FileUploadComponent implements ControlValueAccessor {
     readonly incorrectFileType: _angular_core.ModelSignal<boolean>;
     readonly selectedFile: _angular_core.ModelSignal<File | null | undefined>;
     readonly success: _angular_core.ModelSignal<boolean>;
-    private readonly canEdit;
+    protected readonly canEdit: _angular_core.Signal<boolean>;
+    protected readonly displayText: _angular_core.Signal<string>;
     readonly fileInputElement: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     onKeyDown(event: KeyboardEvent): void;
     onClick(): void;
@@ -210,7 +210,6 @@ declare class FileUploadComponent implements ControlValueAccessor {
     onDrop(event: DragEvent): void;
     onDownloadFileClick(): void;
     onDeleteClick(event: Event): void;
-    displayText(): string;
     onFileSelected(event: Event): void;
     writeValue(value: File): void;
     registerOnChange(fn: (value: File | null | undefined) => void): void;
@@ -353,6 +352,7 @@ declare class MarkdownEditorComponent implements ControlValueAccessor {
     readonly taskList: _angular_core.Signal<boolean>;
     get isRequiredOrHasRequiredValidator(): boolean | null;
     constructor();
+    onChange(event: Event): void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string | null | undefined) => void): void;
     registerOnTouched(): void;
@@ -361,6 +361,13 @@ declare class MarkdownEditorComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MarkdownEditorComponent, "ndw-markdown-editor", never, { "uuid": { "alias": "uuid"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "success": { "alias": "success"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "toolbar": { "alias": "toolbar"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
 
+declare class MarkdownParserComponent {
+    readonly content: _angular_core.InputSignal<string>;
+    readonly parsedContent: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MarkdownParserComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MarkdownParserComponent, "ndw-markdown-parser", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 type OptionGroupMode = 'single' | 'multiple';
 
 declare class OptionComponent {
@@ -609,7 +616,7 @@ declare class BannerComponent implements AfterViewInit {
     showReadMore: boolean;
     ngAfterViewInit(): void;
     onClose(event: MouseEvent): void;
-    private setReadMore;
+    protected setReadMore(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BannerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BannerComponent, "ndw-banner", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "readMoreLabel": { "alias": "readMoreLabel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLive": { "alias": "ariaLive"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
 }
@@ -657,17 +664,11 @@ declare class CardHeaderComponent {
 declare const CARD_ID_TOKEN: InjectionToken<string>;
 declare class CardComponent implements AfterContentInit {
     private readonly header;
-    private readonly headerHeight;
+    protected readonly headerHeight: _angular_core.WritableSignal<number>;
     readonly cardId: string;
     readonly isCollapsable: _angular_core.Signal<boolean>;
     readonly isCollapsed: _angular_core.ModelSignal<boolean>;
     ngAfterContentInit(): void;
-    animationState: _angular_core.Signal<{
-        value: string;
-        params: {
-            headerHeight: number;
-        };
-    }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["header"], ["*"], true, never>;
 }
@@ -1066,7 +1067,7 @@ declare class MultiSelectComponent {
     protected readonly lastCheckedElementId: _angular_core.ModelSignal<string | number | null | undefined>;
     protected readonly searchInputValue: _angular_core.ModelSignal<string>;
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
-    protected readonly viewItems: _angular_core.Signal<CheckboxData[]>;
+    protected readonly dataSourceSorted: _angular_core.WritableSignal<CheckboxData[]>;
     readonly selectAmount: _angular_core.Signal<number>;
     readonly noSearchResults: _angular_core.Signal<boolean>;
     filterSearch(value: string): boolean;
@@ -1075,6 +1076,7 @@ declare class MultiSelectComponent {
     toggleSelectAll(selectAll?: boolean): void;
     isOpenChanged(isOpen: boolean): void;
     private determineLastCheckedElement;
+    private sortDataSource;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
     static ɵcmp: _angular_core.ɵɵ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; }; "selectAmountHidden": { "alias": "selectAmountHidden"; "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>;
 }
@@ -1217,7 +1219,9 @@ declare class SwitcherComponent implements ControlValueAccessor, OnInit {
     readonly options: _angular_core.InputSignal<SwitcherOption[]>;
     readonly selectedValue: _angular_core.ModelSignal<string | undefined>;
     readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly vertical: _angular_core.InputSignal<boolean>;
     readonly selectionChange: _angular_core.OutputEmitterRef<string>;
+    sliderHeight: string;
     sliderWidth: string;
     sliderPosition: string;
     private onChange;
@@ -1232,7 +1236,7 @@ declare class SwitcherComponent implements ControlValueAccessor, OnInit {
     generateId(index: number): string;
     get componentName(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitcherComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitcherComponent, "ndw-switcher", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "disabled": "disabledChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitcherComponent, "ndw-switcher", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedValue": { "alias": "selectedValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "selectedValue": "selectedValueChange"; "disabled": "disabledChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 declare class TabComponent implements OnInit {
@@ -1375,5 +1379,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, BadgeComponent, BannerComponent, 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, 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, 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, fontMapButtonIcons, mapButtonIcons, ndwAgGridTheme, svgMapButtonIcons };
+export { AccordionComponent, AccordionService, AlertComponent, AutoGrowDirective, AutosuggestAddOptionComponent, AutosuggestDirective, AutosuggestOptionComponent, AutosuggestPanelComponent, AvatarComponent, BadgeComponent, BannerComponent, 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, 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, fontMapButtonIcons, mapButtonIcons, ndwAgGridTheme, svgMapButtonIcons };
 export type { AlertType, 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, OptionGroupMode, PolygonMapLegendOption, PopoverPosition, SelectAllText, SubMenuItem, SummaryActionsView, SwitcherOption, Theme, ToastDimensions };

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@ndwnu/design-system",
-  "version": "12.2.0",
+  "version": "12.3.0",
   "peerDependencies": {
-    "@angular/animations": "^20.0.0",
     "@angular/cdk": "^20.0.0",
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/forms": "^20.0.0",
     "@angular/material": "^20.0.0",
     "@angular/router": "^20.0.0",
-    "@ndwnu/core": "2.1.0",
+    "@ndwnu/core": "2.1.1",
     "@github/markdown-toolbar-element": "2.2.3",
+    "dompurify": "^3.3.0",
+    "marked": "^17.0.1",
     "ag-grid-angular": "^34.0.2",
     "ag-grid-community": "^34.0.2",
     "rxjs": "^7.8.0"

package/styles/components/_input.scss

@@ -39,7 +39,7 @@
     &:focus-visible {
       background-color: var(--ndw-color-white);
       border-color: transparent;
-      outline-color: var(--ndw-color-secondary-500);
+      outline-color: var(--ndw-color-info-500);
     }
   }
 
@@ -60,7 +60,7 @@
     &:focus-visible {
       background-color: var(--ndw-color-white);
       border-color: transparent;
-      outline-color: var(--ndw-color-secondary-500);
+      outline-color: var(--ndw-color-info-500);
     }
   }
 

package/styles/components/_summary-card.scss

@@ -29,7 +29,7 @@
     }
 
     &:has(a:focus:not(:active)) {
-      outline: var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500);
+      outline: var(--ndw-border-size-sm) solid var(--ndw-color-info-500);
     }
   }