@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

package/mat-pop-over/src/onemrva-mat-pop-over.component.scss

@@ -34,10 +34,10 @@
 .onemrva-pop-over-content {
   padding: var(--double-spacer);
   box-sizing: border-box;
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.32);
+  //box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.32); // TODO check what to do with this
   border-radius: 4px;
   width: 32rem;
-  background-color: var(--mat-sys-surface);
+  background-color: var(--mat-sys-surface-container-high);
   margin: var(--double-spacer) 0;
   position: relative;
 
@@ -62,7 +62,7 @@
   &.bottom-right {
     &:before {
       border-right: 9px solid transparent;
-      border-bottom: 9px solid lightGrey;
+      border-bottom: 9px solid var(--mat-sys-surface-container-high);
       border-left: 9px solid transparent;
 
       top: -9px;
@@ -71,7 +71,7 @@
 
     &:after {
       border-right: 8px solid transparent;
-      border-bottom: 8px solid white;
+      border-bottom: 8px solid var(--mat-sys-surface-container-high);
       border-left: 8px solid transparent;
 
       top: -8px;
@@ -91,7 +91,7 @@
 
     &:after {
       border-right: 8px solid transparent;
-      border-bottom: 8px solid white;
+      border-bottom: 8px solid var(--mat-sys-surface-container-high);
       border-left: 8px solid transparent;
 
       top: -8px;
@@ -102,7 +102,7 @@
   &.top-left {
     &:before {
       border-right: 9px solid transparent;
-      border-top: 9px solid lightGrey;
+      border-top: 9px solid var(--mat-sys-surface-container-high);
       border-left: 9px solid transparent;
 
       bottom: -9px;
@@ -111,7 +111,7 @@
 
     &:after {
       border-right: 8px solid transparent;
-      border-top: 8px solid white;
+      border-top: 8px solid var(--mat-sys-surface-container-high);
       border-left: 8px solid transparent;
 
       bottom: -8px;
@@ -122,7 +122,7 @@
   &.top-right {
     &:before {
       border-right: 9px solid transparent;
-      border-top: 9px solid lightGrey;
+      border-top: 9px solid var(--mat-sys-surface-container-high);
       border-left: 9px solid transparent;
 
       bottom: -9px;
@@ -131,7 +131,7 @@
 
     &:after {
       border-right: 8px solid transparent;
-      border-top: 8px solid white;
+      border-top: 8px solid var(--mat-sys-surface-container-high);
       border-left: 8px solid transparent;
 
       bottom: -8px;

package/mat-progress-bar/index.d.ts

@@ -1 +1,18 @@
-export * from './src/onemrva-mat-progress-bar.component';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+
+declare class OnemrvaMatProgressBarComponent implements OnInit {
+    label$?: Observable<string>;
+    value$: Observable<number>;
+    dataCy: string;
+    role: string;
+    ariaLabel: string;
+    progress$: Observable<string>;
+    ngOnInit(): void;
+    success: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatProgressBarComponent, "onemrva-mat-progress-bar", never, { "label$": { "alias": "label$"; "required": false; }; "value$": { "alias": "value$"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { OnemrvaMatProgressBarComponent };

package/mat-select-search/index.d.ts

@@ -1,3 +1,197 @@
-export * from './src/mat-select-search.component';
-export * from './src/mat-select-search.module';
-export * from './src/default-options';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, 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';
+import { MatSelect } from '@angular/material/select';
+import { BehaviorSubject, Observable } from 'rxjs';
+
+/**
+ * Directive for providing a custom clear-icon.
+ * e.g.
+ * <mat-select-search [formControl]="bankFilterCtrl">
+ *   <mat-icon matSelectSearchClear>delete</mat-icon>
+ * </mat-select-search>
+ */
+declare class MatSelectSearchClearDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectSearchClearDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSelectSearchClearDirective, "[matSelectSearchClear]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Directive for providing a custom no entries found element.
+ * e.g.
+ * <mat-select-search [formControl]="bankFilterCtrl">
+ *   <span matSelectNoEntriesFound>
+ *     No entries found <button>Add</button>
+ *   </span>
+ * </mat-select-search>
+ */
+declare class MatSelectNoEntriesFoundDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSelectNoEntriesFoundDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSelectNoEntriesFoundDirective, "[matSelectNoEntriesFound]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MatSelectSearchComponent implements OnInit, OnDestroy, ControlValueAccessor {
+    /** Label of the search placeholder */
+    placeholderLabel: string;
+    /** Type of the search input field */
+    type: string;
+    /** Font-based icon used for displaying Close-Icon */
+    closeIcon: string;
+    /** Svg-based icon used for displaying Close-Icon. If set, closeIcon is overridden */
+    closeSvgIcon: string;
+    /** Label to be shown when no entries are found. Set to null if no message should be shown. */
+    noEntriesFoundLabel: string;
+    /**
+     * Whether or not the search field should be cleared after the dropdown menu is closed.
+     */
+    clearSearchInput: boolean;
+    /** Whether to show the search-in-progress indicator */
+    searching: boolean;
+    /** Disables initial focusing of the input field */
+    disableInitialFocus: boolean;
+    /** Enable clear input on escape pressed */
+    enableClearOnEscapePressed: 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;
+    /** Disables scrolling to active options when option list changes. Useful for server-side search */
+    disableScrollToActiveOnOptionsChanged: boolean;
+    /** Adds 508 screen reader support for search box */
+    ariaLabel: string;
+    /** Whether to show Select All Checkbox (for mat-select[multi=true]) */
+    showToggleAllCheckbox: boolean;
+    /** select all checkbox checked state */
+    toggleAllCheckboxChecked: boolean;
+    /** select all checkbox indeterminate state */
+    toggleAllCheckboxIndeterminate: boolean;
+    /** Display a message in a tooltip on the toggle-all checkbox */
+    toggleAllCheckboxTooltipMessage: string;
+    /** Define the position of the tooltip on the toggle-all checkbox. */
+    toggleAllCheckboxTooltipPosition: 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+    /** Show/Hide the search clear button of the search input */
+    hideClearSearchButton: 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;
+    /** Output emitter to send to parent component with the toggle all boolean */
+    toggleAll: EventEmitter<boolean>;
+    /** Reference to the search input field */
+    searchSelectInput?: ElementRef;
+    /** Reference to the search input field */
+    innerSelectSearch?: ElementRef;
+    /** Reference to custom search input clear icon */
+    clearIcon?: MatSelectSearchClearDirective;
+    /** Reference to custom no entries found element */
+    noEntriesFound?: MatSelectNoEntriesFoundDirective;
+    /** Current search value */
+    get value(): string;
+    private _lastExternalInputValue?;
+    onTouched: (_: any) => void;
+    /** Reference to the MatSelect options */
+    set _options(_options: QueryList<MatOption>);
+    get _options(): QueryList<MatOption>;
+    _options$: BehaviorSubject<QueryList<MatOption>>;
+    private optionsList$;
+    private optionsLength$;
+    /** Previously selected values when using <mat-select [multiple]="true">*/
+    private previousSelectedValues?;
+    _formControl: FormControl<string | null>;
+    /** whether to show the no entries found message */
+    _showNoEntriesFound$: Observable<boolean>;
+    /** Subject that emits when the component has been destroyed. */
+    private _onDestroy;
+    /** Reference to active descendant for ARIA Support. */
+    private activeDescendant?;
+    readonly matSelect: MatSelect;
+    readonly changeDetectorRef: ChangeDetectorRef;
+    private readonly _viewportRuler;
+    readonly matOption: MatOption<any> | null;
+    readonly matFormField: MatFormField | null;
+    private readonly defaultOptions;
+    constructor();
+    private applyDefaultOptions;
+    ngOnInit(): void;
+    _emitSelectAllBooleanToParent(state: boolean): void;
+    ngOnDestroy(): void;
+    _isToggleAllCheckboxVisible(): boolean;
+    /**
+     * Handles the key down event with MatSelect.
+     * Allows e.g. selecting with enter key, navigation with arrow keys, etc.
+     * @param event
+     */
+    _handleKeydown(event: KeyboardEvent): void;
+    /**
+     * Handles the key up event with MatSelect.
+     * Allows e.g. the announcing of the currently activeDescendant by screen readers.
+     */
+    _handleKeyup(event: KeyboardEvent): void;
+    writeValue(value: string): void;
+    onBlur(): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    /**
+     * Focuses the search input field
+     */
+    _focus(): void;
+    /**
+     * Resets the current search value
+     * @param focus whether to focus after resetting
+     */
+    _reset(focus?: boolean): void;
+    /**
+     * Initializes handling <mat-select [multiple]="true">
+     * Note: to improve this code, mat-select should be extended to allow disabling resetting the selection while filtering.
+     */
+    private initMultipleHandling;
+    /**
+     *  Set the width of the innerSelectSearch to fit even custom scrollbars
+     *  And support all Operation Systems
+     */
+    updateInputWidth(): void;
+    /**
+     * Determine the offset to length that can be caused by the optional matOption used as a search input.
+     */
+    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>;
+}
+
+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>;
+}
+
+/** List of inputs of NgxMatSelectSearchComponent that can be configured with a global default. */
+declare const configurableDefaultOptions: readonly ["ariaLabel", "clearSearchInput", "closeIcon", "closeSvgIcon", "disableInitialFocus", "disableScrollToActiveOnOptionsChanged", "enableClearOnEscapePressed", "hideClearSearchButton", "noEntriesFoundLabel", "placeholderLabel", "preventHomeEndKeyPropagation", "searching"];
+type ConfigurableDefaultOptions = (typeof configurableDefaultOptions)[number];
+/**
+ * InjectionToken that can be used to specify global options. e.g.
+ *
+ * ```typescript
+ * providers: [
+ *   {
+ *     provide: MAT_SELECTSEARCH_DEFAULT_OPTIONS,
+ *     useValue: <MatSelectSearchOptions>{
+ *       closeIcon: 'delete',
+ *       noEntriesFoundLabel: 'No options found'
+ *     }
+ *   }
+ * ]
+ * ```
+ *
+ * See the corresponding inputs of `MatSelectSearchComponent` for documentation.
+ */
+declare const MAT_SELECTSEARCH_DEFAULT_OPTIONS: InjectionToken<Readonly<Partial<Pick<MatSelectSearchComponent, "ariaLabel" | "clearSearchInput" | "closeIcon" | "closeSvgIcon" | "disableInitialFocus" | "disableScrollToActiveOnOptionsChanged" | "enableClearOnEscapePressed" | "hideClearSearchButton" | "noEntriesFoundLabel" | "placeholderLabel" | "preventHomeEndKeyPropagation" | "searching">>>>;
+/** Global configurable options for MatSelectSearch. */
+type MatSelectSearchOptions = Readonly<Partial<Pick<MatSelectSearchComponent, ConfigurableDefaultOptions>>>;
+
+export { MAT_SELECTSEARCH_DEFAULT_OPTIONS, MatSelectNoEntriesFoundDirective, MatSelectSearchClearDirective, MatSelectSearchComponent, MatSelectSearchModule, configurableDefaultOptions };
+export type { ConfigurableDefaultOptions, MatSelectSearchOptions };

package/mat-selectable-box/index.d.ts

@@ -1,2 +1,29 @@
-export * from './src/onemrva-mat-selectable-box.component';
-export * from './src/onemrva-mat-selectable-box.module';
+import * as i0 from '@angular/core';
+import { AfterViewInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { MatRadioButton, MatRadioChange } from '@angular/material/radio';
+import { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
+
+declare class OnemrvaMatSelectableBoxComponent implements AfterViewInit {
+    id: string;
+    radioButton: MatRadioButton | undefined;
+    value: string;
+    disabled: boolean;
+    checked: boolean;
+    iconSize: OnemrvaMatSize;
+    valueChange: EventEmitter<MatRadioChange<any>>;
+    changeDetectorRef: ChangeDetectorRef;
+    ngAfterViewInit(): void;
+    valueChanged(event: MatRadioChange): void;
+    isChecked(): boolean | undefined;
+    triggerRadioClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSelectableBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatSelectableBoxComponent, "onemrva-mat-selectable-box", never, { "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["[title]", "[icon]", "[sticker]", "*"], true, never>;
+}
+
+declare class OnemrvaMatSelectableBoxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSelectableBoxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatSelectableBoxModule, never, [typeof OnemrvaMatSelectableBoxComponent], [typeof OnemrvaMatSelectableBoxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatSelectableBoxModule>;
+}
+
+export { OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule };

package/mat-side-menu/index.d.ts

@@ -1,2 +1,33 @@
-export * from './src/onemrva-mat-side-menu.component';
-export * from './src/onemrva-mat-side-menu.module';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { Subscription } from 'rxjs';
+
+interface OnemrvaMenu {
+    wordingKey: string;
+    path?: string;
+    key?: string;
+}
+declare class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {
+    menuHeaderKey: string;
+    menus: OnemrvaMenu[];
+    currentMenu?: string;
+    onSelectOption: EventEmitter<OnemrvaMenu>;
+    isSmall: boolean;
+    breakpointObserverSubscription?: Subscription;
+    breakpointObserver: BreakpointObserver;
+    ngOnInit(): void;
+    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>;
+}
+
+declare class OnemrvaMatSideMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSideMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatSideMenuModule, never, [typeof OnemrvaMatSideMenuComponent], [typeof OnemrvaMatSideMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatSideMenuModule>;
+}
+
+export { OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule };
+export type { OnemrvaMenu };

package/mat-skeleton/index.d.ts

@@ -1,3 +1,100 @@
-export * from './src/onemrva-mat-skeleton.module';
-export * from './src/onemrva-mat-skeleton.component';
-export * from './src/onemrva-mat-skeleton-enums';
+import * as i0 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 {
+    count: number;
+    animation: OnemrvaMatSkeletonAnimations;
+    type: OnemrvaMatSkeletoTypes;
+    size: OnemrvaMatSize;
+    theme: OnemrvaSkeletonLoaderConfigTheme;
+    ariaLabel: string;
+    role: string;
+    loadingText: string;
+    id: string;
+    /** @hidden @internal */
+    get _isProgress(): boolean;
+    /** @hidden @internal */
+    get _isPulse(): boolean;
+    /** @hidden @internal */
+    get isH1(): boolean;
+    /** @hidden @internal */
+    get isH2(): boolean;
+    /** @hidden @internal */
+    get isH3(): boolean;
+    /** @hidden @internal */
+    get isH4(): boolean;
+    /** @hidden @internal */
+    get isH5(): boolean;
+    /** @hidden @internal */
+    get isH6(): boolean;
+    /** @hidden @internal */
+    get _isLine(): boolean;
+    /** @hidden @internal */
+    get _isButton(): boolean;
+    /** @hidden @internal */
+    get _isCircle(): boolean;
+    /** @hidden @internal */
+    get _isSquare(): boolean;
+    /** @hidden @internal */
+    get _isCustom(): boolean;
+    /** @hidden @internal */
+    get _isXSmallSize(): boolean;
+    /** @hidden @internal */
+    get _isSmallSize(): boolean;
+    /** @hidden @internal */
+    get _isMediumSize(): boolean;
+    /** @hidden @internal */
+    get _isLargeSize(): boolean;
+    /** @hidden @internal */
+    get _isXLargeSize(): boolean;
+    items: any[];
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatSkeletonComponent, "onemrva-mat-skeleton", never, { "count": { "alias": "count"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "role": { "alias": "role"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatSkeletonModule, never, [typeof OnemrvaMatSkeletonComponent], [typeof OnemrvaMatSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatSkeletonModule>;
+}
+
+export { OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule };
+export type { OnemrvaSkeletonLoaderConfigTheme };

package/mat-spinner/index.d.ts

@@ -1,3 +1,25 @@
-export * from './src/onemrva-mat-spinner.component';
-export * from './src/onemrva-mat-spinner.module';
-export * from './src/onemrva-mat-loading.directive';
+import * as i0 from '@angular/core';
+import { OnInit, ElementRef, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
+
+declare class OnemrvaMatSpinnerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatSpinnerComponent, "onemrva-mat-spinner", never, {}, {}, never, never, true, never>;
+}
+
+declare class OnemrvaMatLoadingDirective implements OnInit {
+    loading: 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>;
+}
+
+declare class OnemrvaMatSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatSpinnerModule, never, [typeof OnemrvaMatSpinnerComponent, typeof OnemrvaMatLoadingDirective], [typeof OnemrvaMatSpinnerComponent, typeof OnemrvaMatLoadingDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatSpinnerModule>;
+}
+
+export { OnemrvaMatLoadingDirective, OnemrvaMatSpinnerComponent, OnemrvaMatSpinnerModule };

package/mat-stepper/index.d.ts

@@ -1,2 +1,36 @@
-export * from './src/onemrva-mat-stepper.component';
-export * from './src/onemrva-mat-stepper.module';
+import { StepperOrientation } from '@angular/cdk/stepper';
+import * as i0 from '@angular/core';
+import { AfterContentInit, OnDestroy } from '@angular/core';
+import * as i2 from '@angular/material/stepper';
+import { MatStepper, MatStep } from '@angular/material/stepper';
+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;
+    _animationDone: Subject<any>;
+    private readonly dir;
+    private readonly cd;
+    private readonly elementRef;
+    scrollToElement(elementId: string): void;
+    constructor();
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    _stepIsNavigable(index: number, step: MatStep): boolean;
+    _getIndicatorType(index: number, state?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatStepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatStepperComponent, "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", ["matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class OnemrvaMatStepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatStepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatStepperModule, never, [typeof OnemrvaMatStepperComponent], [typeof i2.MatStepperModule, typeof OnemrvaMatStepperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatStepperModule>;
+}
+
+export { OnemrvaMatStepperComponent, OnemrvaMatStepperModule };

package/mat-stepper/src/onemrva-mat-stepper.scss

@@ -13,6 +13,8 @@
     align-items: center;
     height: 24px;
     padding: calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;
+    background-color: var(--mat-sys-surface-container-low);
+    z-index: 10;
   }
   .mat-vertical-content-container {
     display: grid;

package/mat-sticker/index.d.ts

@@ -1,2 +1,14 @@
-export * from './src/onemrva-mat-sticker.component';
-export * from './src/onemrva-mat-sticker.module';
+import * as i0 from '@angular/core';
+
+declare class OnemrvaMatStickerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatStickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatStickerComponent, "onemrva-mat-sticker", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class OnemrvaMatStickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatStickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatStickerModule, never, [typeof OnemrvaMatStickerComponent], [typeof OnemrvaMatStickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatStickerModule>;
+}
+
+export { OnemrvaMatStickerComponent, OnemrvaMatStickerModule };

package/mat-sticker/src/onemrva-mat-sticker.component.scss

@@ -21,4 +21,9 @@
     border: none;
     color: var(--on-background-gradient);
   }
+  &.mat-error {
+    background: var(--mat-sys-error-container) !important;
+    border: none;
+    color: var(--mat-sys-on-error-container);
+  }
 }