@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

package/types/onemrvapublic-design-system-mat-paginator.d.ts

@@ -0,0 +1,58 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { Observable, BehaviorSubject } from 'rxjs';
+import { PageEvent } from '@angular/material/paginator';
+
+declare class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {
+    readonly type: _angular_core.InputSignal<"default" | "complex">;
+    readonly pageSizeSelector: _angular_core.InputSignal<boolean>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly pageSizeDefaultOption: _angular_core.InputSignal<number>;
+    readonly recordKey: _angular_core.InputSignal<string>;
+    private _isInitialized;
+    private _initializedStream;
+    /** Emits when the paginator is initialized. */
+    initialized: Observable<void>;
+    maxRecordNumber: number;
+    private _pageIndex;
+    private _prevIndex;
+    private _length;
+    private _pageSize;
+    private _totalNumberOfPages;
+    get pageIndex(): number;
+    set pageIndex(index: number);
+    resetPageIndex(): void;
+    get length(): number;
+    set length(length: number);
+    get pageSize(): number;
+    set pageSize(pageSize: number);
+    get totalNumberOfPages(): number;
+    readonly previousKey: _angular_core.InputSignal<string>;
+    readonly nextKey: _angular_core.InputSignal<string>;
+    /** Deprecated **/
+    readonly onRequestPage: _angular_core.OutputEmitterRef<number>;
+    /** Event emitted when the paginator changes the page size or page index. */
+    readonly page: _angular_core.OutputEmitterRef<PageEvent>;
+    pageIndex$: BehaviorSubject<number>;
+    pageSize$: BehaviorSubject<number>;
+    pages: number[];
+    numberOfReachablePages: number;
+    private readonly cd;
+    refreshState(): void;
+    refreshDefault(): void;
+    refreshComplex(): void;
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    private _emitPageEvent;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPaginatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPaginatorComponent, "onemrva-mat-paginator", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "pageSizeSelector": { "alias": "pageSizeSelector"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "pageSizeDefaultOption": { "alias": "pageSizeDefaultOption"; "required": false; "isSignal": true; }; "recordKey": { "alias": "recordKey"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "previousKey": { "alias": "previousKey"; "required": false; "isSignal": true; }; "nextKey": { "alias": "nextKey"; "required": false; "isSignal": true; }; }, { "onRequestPage": "onRequestPage"; "page": "page"; }, never, never, true, never>;
+}
+
+declare class OnemrvaMatPaginatorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPaginatorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatPaginatorModule, never, [typeof OnemrvaMatPaginatorComponent], never>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatPaginatorModule>;
+}
+
+export { OnemrvaMatPaginatorComponent, OnemrvaMatPaginatorModule };

package/types/onemrvapublic-design-system-mat-panel.d.ts

@@ -0,0 +1,66 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit, ElementRef } from '@angular/core';
+
+declare class OnemrvaMatPanelTitleActionComponent {
+    readonly customNgClass: _angular_core.InputSignal<any>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelTitleActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelTitleActionComponent, "onemrva-mat-panel-title-action", never, { "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelTitleComponent implements AfterViewInit {
+    readonly customNgClass: _angular_core.InputSignal<any>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    readonly content: _angular_core.Signal<OnemrvaMatPanelTitleActionComponent | undefined>;
+    toggleButtonReference: ElementRef | null;
+    private readonly cd;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelTitleComponent, "onemrva-mat-panel-title", never, { "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; }, {}, ["content"], ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelContentComponent {
+    readonly customNgClass: _angular_core.InputSignal<any>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelContentComponent, "onemrva-mat-panel-content", never, { "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelIconComponent {
+    readonly customNgClass: _angular_core.InputSignal<any>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelIconComponent, "onemrva-mat-panel-icon", never, { "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPanelComponent implements AfterViewInit {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly data_cy: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly panel: _angular_core.Signal<OnemrvaMatPanelComponent | undefined>;
+    readonly title: _angular_core.Signal<OnemrvaMatPanelTitleComponent | undefined>;
+    readonly content: _angular_core.Signal<OnemrvaMatPanelContentComponent>;
+    readonly icon: _angular_core.Signal<OnemrvaMatPanelIconComponent | undefined>;
+    readonly expandable: _angular_core.InputSignal<boolean>;
+    expanded: _angular_core.InputSignal<boolean>;
+    expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    error?: string;
+    private readonly cd;
+    onChangeState(val: boolean): void;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelComponent, "onemrva-mat-panel", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data_cy": { "alias": "data_cy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, ["panel", "title", "content", "icon"], never, true, never>;
+}
+
+declare class OnemrvaMatPanelModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatPanelModule, never, [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent], [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatPanelModule>;
+}
+
+declare class MatExpansionPanelHeaderArrowDivider {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatExpansionPanelHeaderArrowDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatExpansionPanelHeaderArrowDivider, "mat-expansion-panel-header-arrow-divider", never, {}, {}, never, never, true, never>;
+}
+
+export { MatExpansionPanelHeaderArrowDivider, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent };

package/types/onemrvapublic-design-system-mat-pop-over.d.ts

@@ -0,0 +1,40 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit } from '@angular/core';
+
+declare class OnemrvaMatPopOverTriggerComponent {
+    readonly dataCy: _angular_core.InputSignal<string>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPopOverTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPopOverTriggerComponent, "onemrva-mat-pop-over-trigger", never, { "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPopOverContentComponent {
+    readonly dataCy: _angular_core.InputSignal<string>;
+    readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPopOverContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPopOverContentComponent, "onemrva-mat-pop-over-content", never, { "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatPopOverComponent implements AfterViewInit {
+    isOpen: boolean;
+    readonly position: _angular_core.InputSignal<"top-left" | "top-right" | "bottom-left" | "bottom-right">;
+    readonly dataCyTrigger: _angular_core.InputSignal<string>;
+    readonly dataCyPo: _angular_core.InputSignal<string>;
+    readonly poId: _angular_core.InputSignal<string>;
+    readonly trigger: _angular_core.Signal<OnemrvaMatPopOverTriggerComponent | undefined>;
+    readonly content: _angular_core.Signal<OnemrvaMatPopOverContentComponent | undefined>;
+    private readonly cd;
+    ngAfterViewInit(): void;
+    togglePopOver(): void;
+    closePopOver(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPopOverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPopOverComponent, "onemrva-mat-pop-over", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "dataCyTrigger": { "alias": "dataCyTrigger"; "required": false; "isSignal": true; }; "dataCyPo": { "alias": "dataCyPo"; "required": false; "isSignal": true; }; "poId": { "alias": "poId"; "required": false; "isSignal": true; }; }, {}, ["trigger", "content"], never, true, never>;
+}
+
+declare class OnemrvaMatPopOverModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPopOverModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatPopOverModule, never, [typeof OnemrvaMatPopOverComponent, typeof OnemrvaMatPopOverContentComponent, typeof OnemrvaMatPopOverTriggerComponent], [typeof OnemrvaMatPopOverComponent, typeof OnemrvaMatPopOverContentComponent, typeof OnemrvaMatPopOverTriggerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatPopOverModule>;
+}
+
+export { OnemrvaMatPopOverComponent, OnemrvaMatPopOverContentComponent, OnemrvaMatPopOverModule, OnemrvaMatPopOverTriggerComponent };

package/types/onemrvapublic-design-system-mat-progress-bar.d.ts

@@ -0,0 +1,16 @@
+import * as _angular_core from '@angular/core';
+
+declare class OnemrvaMatProgressBarComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.InputSignal<number>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly progressNumber: _angular_core.Signal<number>;
+    readonly progressValue: _angular_core.Signal<string>;
+    readonly isSuccess: _angular_core.Signal<boolean>;
+    readonly labelText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatProgressBarComponent, "onemrva-mat-progress-bar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { OnemrvaMatProgressBarComponent };

package/{mat-select-search/index.d.ts → types/onemrvapublic-design-system-mat-select-search.d.ts}

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter, ElementRef, QueryList, ChangeDetectorRef, InjectionToken } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, QueryList, ChangeDetectorRef, InjectionToken } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { MatOption } from '@angular/material/core';
 import { MatFormField } from '@angular/material/form-field';
@@ -14,8 +14,8 @@ import { BehaviorSubject, Observable } from 'rxjs';
  * </mat-select-search>
  */
 declare class MatSelectSearchClearDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectSearchClearDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSelectSearchClearDirective, "[matSelectSearchClear]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatSelectSearchClearDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MatSelectSearchClearDirective, "[matSelectSearchClear]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -28,67 +28,67 @@ declare class MatSelectSearchClearDirective {
  * </mat-select-search>
  */
 declare class MatSelectNoEntriesFoundDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectNoEntriesFoundDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSelectNoEntriesFoundDirective, "[matSelectNoEntriesFound]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatSelectNoEntriesFoundDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MatSelectNoEntriesFoundDirective, "[matSelectNoEntriesFound]", never, {}, {}, never, never, true, never>;
 }
 
 declare class MatSelectSearchComponent implements OnInit, OnDestroy, ControlValueAccessor {
     /** Label of the search placeholder */
-    placeholderLabel: string;
+    readonly placeholderLabel: _angular_core.InputSignal<string>;
     /** Type of the search input field */
-    type: string;
+    readonly type: _angular_core.InputSignal<string>;
     /** Font-based icon used for displaying Close-Icon */
-    closeIcon: string;
+    readonly closeIcon: _angular_core.InputSignal<string>;
     /** Svg-based icon used for displaying Close-Icon. If set, closeIcon is overridden */
-    closeSvgIcon: string;
+    readonly closeSvgIcon: _angular_core.InputSignal<string>;
     /** Label to be shown when no entries are found. Set to null if no message should be shown. */
-    noEntriesFoundLabel: string;
+    readonly noEntriesFoundLabel: _angular_core.InputSignal<string>;
     /**
      * Whether or not the search field should be cleared after the dropdown menu is closed.
      */
-    clearSearchInput: boolean;
+    readonly clearSearchInput: _angular_core.InputSignal<boolean>;
     /** Whether to show the search-in-progress indicator */
-    searching: boolean;
+    readonly searching: _angular_core.InputSignal<boolean>;
     /** Disables initial focusing of the input field */
-    disableInitialFocus: boolean;
+    readonly disableInitialFocus: _angular_core.InputSignal<boolean>;
     /** Enable clear input on escape pressed */
-    enableClearOnEscapePressed: boolean;
+    readonly enableClearOnEscapePressed: _angular_core.InputSignal<boolean>;
     /**
      * Prevents home / end key being propagated to mat-select,
      * allowing to move the cursor within the search input instead of navigating the options
      */
-    preventHomeEndKeyPropagation: boolean;
+    readonly preventHomeEndKeyPropagation: _angular_core.InputSignal<boolean>;
     /** Disables scrolling to active options when option list changes. Useful for server-side search */
-    disableScrollToActiveOnOptionsChanged: boolean;
+    readonly disableScrollToActiveOnOptionsChanged: _angular_core.InputSignal<boolean>;
     /** Adds 508 screen reader support for search box */
-    ariaLabel: string;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Whether to show Select All Checkbox (for mat-select[multi=true]) */
-    showToggleAllCheckbox: boolean;
+    readonly showToggleAllCheckbox: _angular_core.InputSignal<boolean>;
     /** select all checkbox checked state */
-    toggleAllCheckboxChecked: boolean;
+    readonly toggleAllCheckboxChecked: _angular_core.InputSignal<boolean>;
     /** select all checkbox indeterminate state */
-    toggleAllCheckboxIndeterminate: boolean;
+    readonly toggleAllCheckboxIndeterminate: _angular_core.InputSignal<boolean>;
     /** Display a message in a tooltip on the toggle-all checkbox */
-    toggleAllCheckboxTooltipMessage: string;
+    readonly toggleAllCheckboxTooltipMessage: _angular_core.InputSignal<string>;
     /** Define the position of the tooltip on the toggle-all checkbox. */
-    toggleAllCheckboxTooltipPosition: 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+    readonly toggleAllCheckboxTooltipPosition: _angular_core.InputSignal<"left" | "right" | "above" | "below" | "before" | "after">;
     /** Show/Hide the search clear button of the search input */
-    hideClearSearchButton: boolean;
+    readonly hideClearSearchButton: _angular_core.InputSignal<boolean>;
     /**
      * Always restore selected options on selectionChange for mode multi (e.g. for lazy loading/infinity scrolling).
      * Defaults to false, so selected options are only restored while filtering is active.
      */
-    alwaysRestoreSelectedOptionsMulti: boolean;
+    readonly alwaysRestoreSelectedOptionsMulti: _angular_core.InputSignal<boolean>;
     /** Output emitter to send to parent component with the toggle all boolean */
-    toggleAll: EventEmitter<boolean>;
+    readonly toggleAll: _angular_core.OutputEmitterRef<boolean>;
     /** Reference to the search input field */
-    searchSelectInput?: ElementRef;
+    readonly searchSelectInput: _angular_core.Signal<ElementRef<any> | undefined>;
     /** Reference to the search input field */
-    innerSelectSearch?: ElementRef;
+    readonly innerSelectSearch: _angular_core.Signal<ElementRef<any> | undefined>;
     /** Reference to custom search input clear icon */
-    clearIcon?: MatSelectSearchClearDirective;
+    readonly clearIcon: _angular_core.Signal<MatSelectSearchClearDirective | undefined>;
     /** Reference to custom no entries found element */
-    noEntriesFound?: MatSelectNoEntriesFoundDirective;
+    readonly noEntriesFound: _angular_core.Signal<MatSelectNoEntriesFoundDirective | undefined>;
     /** Current search value */
     get value(): string;
     private _lastExternalInputValue?;
@@ -159,14 +159,14 @@ declare class MatSelectSearchComponent implements OnInit, OnDestroy, ControlValu
      */
     private getOptionsLengthOffset;
     private unselectActiveDescendant;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatSelectSearchComponent, "mat-select-search", never, { "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeSvgIcon": { "alias": "closeSvgIcon"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "clearSearchInput": { "alias": "clearSearchInput"; "required": false; }; "searching": { "alias": "searching"; "required": false; }; "disableInitialFocus": { "alias": "disableInitialFocus"; "required": false; }; "enableClearOnEscapePressed": { "alias": "enableClearOnEscapePressed"; "required": false; }; "preventHomeEndKeyPropagation": { "alias": "preventHomeEndKeyPropagation"; "required": false; }; "disableScrollToActiveOnOptionsChanged": { "alias": "disableScrollToActiveOnOptionsChanged"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; }; "toggleAllCheckboxChecked": { "alias": "toggleAllCheckboxChecked"; "required": false; }; "toggleAllCheckboxIndeterminate": { "alias": "toggleAllCheckboxIndeterminate"; "required": false; }; "toggleAllCheckboxTooltipMessage": { "alias": "toggleAllCheckboxTooltipMessage"; "required": false; }; "toggleAllCheckboxTooltipPosition": { "alias": "toggleAllCheckboxTooltipPosition"; "required": false; }; "hideClearSearchButton": { "alias": "hideClearSearchButton"; "required": false; }; "alwaysRestoreSelectedOptionsMulti": { "alias": "alwaysRestoreSelectedOptionsMulti"; "required": false; }; }, { "toggleAll": "toggleAll"; }, ["clearIcon", "noEntriesFound"], ["[matSelectSearchClear]", ".mat-select-search-custom-header-content", "[matSelectNoEntriesFound]"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatSelectSearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatSelectSearchComponent, "mat-select-search", never, { "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; "closeSvgIcon": { "alias": "closeSvgIcon"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "clearSearchInput": { "alias": "clearSearchInput"; "required": false; "isSignal": true; }; "searching": { "alias": "searching"; "required": false; "isSignal": true; }; "disableInitialFocus": { "alias": "disableInitialFocus"; "required": false; "isSignal": true; }; "enableClearOnEscapePressed": { "alias": "enableClearOnEscapePressed"; "required": false; "isSignal": true; }; "preventHomeEndKeyPropagation": { "alias": "preventHomeEndKeyPropagation"; "required": false; "isSignal": true; }; "disableScrollToActiveOnOptionsChanged": { "alias": "disableScrollToActiveOnOptionsChanged"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; "isSignal": true; }; "toggleAllCheckboxChecked": { "alias": "toggleAllCheckboxChecked"; "required": false; "isSignal": true; }; "toggleAllCheckboxIndeterminate": { "alias": "toggleAllCheckboxIndeterminate"; "required": false; "isSignal": true; }; "toggleAllCheckboxTooltipMessage": { "alias": "toggleAllCheckboxTooltipMessage"; "required": false; "isSignal": true; }; "toggleAllCheckboxTooltipPosition": { "alias": "toggleAllCheckboxTooltipPosition"; "required": false; "isSignal": true; }; "hideClearSearchButton": { "alias": "hideClearSearchButton"; "required": false; "isSignal": true; }; "alwaysRestoreSelectedOptionsMulti": { "alias": "alwaysRestoreSelectedOptionsMulti"; "required": false; "isSignal": true; }; }, { "toggleAll": "toggleAll"; }, ["clearIcon", "noEntriesFound"], ["[matSelectSearchClear]", ".mat-select-search-custom-header-content", "[matSelectNoEntriesFound]"], true, never>;
 }
 
 declare class MatSelectSearchModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectSearchModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatSelectSearchModule, never, [typeof MatSelectSearchComponent, typeof MatSelectSearchClearDirective, typeof MatSelectNoEntriesFoundDirective], [typeof MatSelectSearchComponent, typeof MatSelectSearchClearDirective, typeof MatSelectNoEntriesFoundDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatSelectSearchModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MatSelectSearchModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MatSelectSearchModule, never, [typeof MatSelectSearchComponent, typeof MatSelectSearchClearDirective, typeof MatSelectNoEntriesFoundDirective], [typeof MatSelectSearchComponent, typeof MatSelectSearchClearDirective, typeof MatSelectNoEntriesFoundDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<MatSelectSearchModule>;
 }
 
 /** List of inputs of NgxMatSelectSearchComponent that can be configured with a global default. */

package/types/onemrvapublic-design-system-mat-selectable-box.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
+import { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
+
+declare class OnemrvaMatSelectableBoxComponent {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly radioButton: _angular_core.Signal<MatRadioButton | undefined>;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly checked: _angular_core.InputSignal<boolean>;
+    readonly iconSize: _angular_core.InputSignal<OnemrvaMatSize>;
+    readonly valueChange: _angular_core.OutputEmitterRef<MatRadioChange<any>>;
+    valueChanged(event: MatRadioChange): void;
+    isChecked(): boolean;
+    triggerRadioClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatSelectableBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatSelectableBoxComponent, "onemrva-mat-selectable-box", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["[title]", "[icon]", "[sticker]", "*"], true, never>;
+}
+
+declare class OnemrvaMatSelectableBoxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatSelectableBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatSelectableBoxModule, never, [typeof OnemrvaMatSelectableBoxComponent], [typeof OnemrvaMatSelectableBoxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatSelectableBoxModule>;
+}
+
+export { OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule };

package/{mat-side-menu/index.d.ts → types/onemrvapublic-design-system-mat-side-menu.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Subscription } from 'rxjs';
 
@@ -9,10 +9,10 @@ interface OnemrvaMenu {
     key?: string;
 }
 declare class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {
-    menuHeaderKey: string;
-    menus: OnemrvaMenu[];
-    currentMenu?: string;
-    onSelectOption: EventEmitter<OnemrvaMenu>;
+    readonly menuHeaderKey: i0.InputSignal<string>;
+    readonly menus: i0.InputSignal<OnemrvaMenu[]>;
+    readonly currentMenu: i0.InputSignal<string | undefined>;
+    readonly onSelectOption: i0.OutputEmitterRef<OnemrvaMenu>;
     isSmall: boolean;
     breakpointObserverSubscription?: Subscription;
     breakpointObserver: BreakpointObserver;
@@ -20,7 +20,7 @@ declare class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     selectMenu(menu: OnemrvaMenu): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSideMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatSideMenuComponent, "onemrva-mat-side-menu", never, { "menuHeaderKey": { "alias": "menuHeaderKey"; "required": false; }; "menus": { "alias": "menus"; "required": false; }; "currentMenu": { "alias": "currentMenu"; "required": false; }; }, { "onSelectOption": "onSelectOption"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatSideMenuComponent, "onemrva-mat-side-menu", never, { "menuHeaderKey": { "alias": "menuHeaderKey"; "required": true; "isSignal": true; }; "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "currentMenu": { "alias": "currentMenu"; "required": false; "isSignal": true; }; }, { "onSelectOption": "onSelectOption"; }, never, never, true, never>;
 }
 
 declare class OnemrvaMatSideMenuModule {

package/types/onemrvapublic-design-system-mat-skeleton.d.ts

@@ -0,0 +1,82 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges } from '@angular/core';
+import { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
+
+type OnemrvaSkeletonLoaderConfigTheme = Record<string, any> | null;
+declare const OnemrvaMatSkeletonAnimations: {
+    PULSE: "pulse";
+    PROGRESS: "progress";
+    NONE: "none";
+};
+type OnemrvaMatSkeletonAnimations = (typeof OnemrvaMatSkeletonAnimations)[keyof typeof OnemrvaMatSkeletonAnimations];
+declare const OnemrvaMatSkeletoTypes: {
+    H1: "h1";
+    H2: "h2";
+    H3: "h3";
+    H4: "h4";
+    H5: "h5";
+    H6: "h6";
+    BUTTON: "button";
+    CIRCLE: "circle";
+    SQUARE: "square";
+    CUSTOM: "custom";
+    LINE: "";
+};
+type OnemrvaMatSkeletoTypes = (typeof OnemrvaMatSkeletoTypes)[keyof typeof OnemrvaMatSkeletoTypes];
+
+/**
+ * Skeleton provides a way to display loading element while page is loading.
+ *
+ * @MatModule OnemrvaMatSkeletonModule
+ *
+ * @MatKeywords skeleton, loading, progress
+ *
+ * @example
+ * ```html
+ * <onemrva-mat-skeleton type="avatar" size="large">
+ * </onemrva-mat-skeleton>
+ * ```
+ */
+declare class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {
+    readonly count: _angular_core.InputSignal<number>;
+    readonly animation: _angular_core.InputSignal<OnemrvaMatSkeletonAnimations>;
+    readonly type: _angular_core.InputSignal<OnemrvaMatSkeletoTypes>;
+    readonly size: _angular_core.InputSignal<OnemrvaMatSize>;
+    readonly theme: _angular_core.InputSignal<OnemrvaSkeletonLoaderConfigTheme>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly role: _angular_core.InputSignal<string>;
+    readonly loadingText: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    protected readonly _isProgress: _angular_core.Signal<boolean>;
+    protected readonly _isPulse: _angular_core.Signal<boolean>;
+    protected readonly isH1: _angular_core.Signal<boolean>;
+    protected readonly isH2: _angular_core.Signal<boolean>;
+    protected readonly isH3: _angular_core.Signal<boolean>;
+    protected readonly isH4: _angular_core.Signal<boolean>;
+    protected readonly isH5: _angular_core.Signal<boolean>;
+    protected readonly isH6: _angular_core.Signal<boolean>;
+    protected readonly _isLine: _angular_core.Signal<boolean>;
+    protected readonly _isButton: _angular_core.Signal<boolean>;
+    protected readonly _isCircle: _angular_core.Signal<boolean>;
+    protected readonly _isSquare: _angular_core.Signal<boolean>;
+    protected readonly _isCustom: _angular_core.Signal<boolean>;
+    protected readonly _isXSmallSize: _angular_core.Signal<boolean>;
+    protected readonly _isSmallSize: _angular_core.Signal<boolean>;
+    protected readonly _isMediumSize: _angular_core.Signal<boolean>;
+    protected readonly _isLargeSize: _angular_core.Signal<boolean>;
+    protected readonly _isXLargeSize: _angular_core.Signal<boolean>;
+    items: any[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatSkeletonComponent, "onemrva-mat-skeleton", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatSkeletonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatSkeletonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatSkeletonModule, never, [typeof OnemrvaMatSkeletonComponent], [typeof OnemrvaMatSkeletonComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatSkeletonModule>;
+}
+
+export { OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule };
+export type { OnemrvaSkeletonLoaderConfigTheme };

package/{mat-spinner/index.d.ts → types/onemrvapublic-design-system-mat-spinner.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, ElementRef, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
+import { OnInit, ElementRef, ViewContainerRef } from '@angular/core';
 
 declare class OnemrvaMatSpinnerComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSpinnerComponent, never>;
@@ -7,13 +7,12 @@ declare class OnemrvaMatSpinnerComponent {
 }
 
 declare class OnemrvaMatLoadingDirective implements OnInit {
-    loading: boolean;
+    readonly loading: i0.InputSignal<boolean>;
     element: ElementRef<any>;
     viewContainerRef: ViewContainerRef;
-    componentFactoryResolver: ComponentFactoryResolver;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatLoadingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OnemrvaMatLoadingDirective, "button[loading]", never, { "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OnemrvaMatLoadingDirective, "button[loading]", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class OnemrvaMatSpinnerModule {

package/{mat-stepper/index.d.ts → types/onemrvapublic-design-system-mat-stepper.d.ts}

@@ -7,16 +7,13 @@ import { Subject } from 'rxjs';
 
 declare class OnemrvaMatStepperComponent extends MatStepper implements AfterContentInit, OnDestroy {
     destroyNotifier$: Subject<void>;
-    /** Orientation of the summary-stepper. */
-    get orientation(): StepperOrientation;
-    set orientation(value: StepperOrientation);
     matStepperVertical: boolean;
     ariaOrientation: string;
     role: string;
+    /** Orientation of the summary-stepper. */
+    get orientation(): StepperOrientation;
+    set orientation(value: StepperOrientation);
     _animationDone: Subject<any>;
-    private readonly dir;
-    private readonly cd;
-    private readonly elementRef;
     scrollToElement(elementId: string): void;
     constructor();
     ngAfterContentInit(): void;

package/types/onemrvapublic-design-system-mat-table-of-content.d.ts

@@ -0,0 +1,85 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TranslateService } from '@ngx-translate/core';
+import { ActivatedRoute } from '@angular/router';
+
+declare enum OnemrvaMatTocAnchorStatus {
+    CHECKMARK = 0,
+    WARNING = 1
+}
+declare enum OnemrvaMatTocAnchorLevel {
+    SECTION = 0,
+    SUBSECTION = 1
+}
+interface OnemrvaMatTocAnchor {
+    tocName: string;
+    titleKey: string;
+    path: string;
+    order?: number;
+    status?: OnemrvaMatTocAnchorStatus;
+    level?: OnemrvaMatTocAnchorLevel;
+    hidden?: boolean;
+    directive?: any;
+}
+type OnemrvaMatToc = Record<string, OnemrvaMatTocAnchor[]>;
+
+declare class OnemrvaMatTableOfContentComponent implements OnInit, OnDestroy, AfterViewInit {
+    readonly titleKeyIn: _angular_core.InputSignal<string | undefined>;
+    readonly tocName: _angular_core.InputSignal<string>;
+    readonly tableOfContentName: _angular_core.InputSignal<string | undefined>;
+    readonly scrollShift: _angular_core.InputSignal<number>;
+    readonly dataCy: _angular_core.InputSignal<string>;
+    private readonly _titleKeyOverride;
+    readonly titleKey: _angular_core.Signal<string | undefined>;
+    toc$: Observable<OnemrvaMatTocAnchor[]>;
+    activePath: string;
+    private readonly destroy$;
+    level: typeof OnemrvaMatTocAnchorLevel;
+    status: typeof OnemrvaMatTocAnchorStatus;
+    private readonly location;
+    private readonly route;
+    private readonly router;
+    private readonly tocService;
+    private observer;
+    private timeoutId;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatTableOfContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatTableOfContentComponent, "onemrva-mat-table-of-content", never, { "titleKeyIn": { "alias": "titleKeyIn"; "required": false; "isSignal": true; }; "tocName": { "alias": "tocName"; "required": true; "isSignal": true; }; "tableOfContentName": { "alias": "tableOfContentName"; "required": false; "isSignal": true; }; "scrollShift": { "alias": "scrollShift"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class OnemrvaMatTableOfContentService {
+    private _toc;
+    private _toc$;
+    toc$: Observable<OnemrvaMatToc>;
+    addAnchor(anchor: OnemrvaMatTocAnchor): void;
+    resetToc(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatTableOfContentService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<OnemrvaMatTableOfContentService>;
+}
+
+/**
+ * For accessibility purpose, aria-label and will be displayed
+ */
+declare class OnemrvaMatTableOfContentDirective implements OnInit, AfterViewInit {
+    readonly onemrvaMatToc: _angular_core.InputSignal<OnemrvaMatTocAnchor>;
+    readonly role: _angular_core.WritableSignal<string>;
+    readonly clazz: _angular_core.WritableSignal<string>;
+    readonly id: _angular_core.WritableSignal<string>;
+    readonly _ariaLabel: _angular_core.Signal<any>;
+    readonly hiddenInToc: _angular_core.InputSignal<boolean>;
+    readonly _ariaToc: _angular_core.Signal<string>;
+    tocService: OnemrvaMatTableOfContentService;
+    cd: ChangeDetectorRef;
+    translateService: TranslateService;
+    route: ActivatedRoute;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatTableOfContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OnemrvaMatTableOfContentDirective, "[onemrvaMatToc]", never, { "onemrvaMatToc": { "alias": "onemrvaMatToc"; "required": true; "isSignal": true; }; "hiddenInToc": { "alias": "hiddenInToc"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { OnemrvaMatTableOfContentComponent, OnemrvaMatTableOfContentDirective, OnemrvaMatTableOfContentService, OnemrvaMatTocAnchorLevel, OnemrvaMatTocAnchorStatus };
+export type { OnemrvaMatToc, OnemrvaMatTocAnchor };