@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

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

@@ -0,0 +1,197 @@
+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-select-search/src/mat-select-search.component.scss

@@ -5,122 +5,75 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-$clear-button-width: 40px;
-$multiple-check-width: 33px;
-$mat-option-height: 3em;
-$mat-select-search-clear-x: 4px;
-$mat-select-search-spinner-x: 16px;
-$mat-select-search-toggle-all-checkbox-x: 5px;
-$mat-select-panel-padding: 8px;
-
-.mat-select-search-hidden {
-  visibility: hidden;
-}
-
-.mat-select-search-inner {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 100;
-  font-size: inherit;
-  /*
-    compensate effects of .mat-datepicker-content
-    (see https://github.com/angular/material2/blob/master/src/lib/datepicker/datepicker-content.scss#L27)
-    TODO: implement proper theming (https://github.com/bithost-gmbh/ngx-mat-select-search/issues/34)
-  */
-  box-shadow: none;
-
-  &.mat-select-search-inner-multiple {
-    &.mat-select-search-inner-toggle-all {
-      display: flex;
-      align-items: center;
+:host {
+  .mat-select-search-hidden {
+    visibility: hidden;
+  }
+  .mat-select-search-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 100;
+    font-size: inherit;
+    box-shadow: none;
+
+    &.mat-select-search-inner-multiple {
+      &.mat-select-search-inner-toggle-all {
+        display: flex;
+        align-items: center;
+      }
     }
   }
-}
-.suffix {
-  position: absolute;
-  top: 12px;
-  right: 14px;
-}
-
-.mat-select-search-input {
-  box-sizing: border-box;
-  width: 100%;
-  border: none;
-  font-family: inherit;
-  font-size: inherit;
-  color: currentColor;
-  outline: none;
-  background: #ffffff;
-  padding: 0 $clear-button-width + $mat-select-search-clear-x 0 16px;
-  height: calc($mat-option-height - 1px);
-  line-height: calc($mat-option-height - 1px);
-
-  :host-context([dir='rtl']) & {
-    padding-right: 16px;
-    padding-left: $clear-button-width + $mat-select-search-clear-x;
+  .suffix {
+    position: absolute;
+    top: var(--spacer-and-half);
+    right: var(--spacer);
   }
-}
-
-.mat-select-search-inner-toggle-all {
   .mat-select-search-input {
-    padding-left: 5px;
-  }
-}
-
-.mat-select-search-no-entries-found {
-  padding-top: 8px;
-}
-
-.mat-select-search-clear {
-  position: absolute;
-  right: $mat-select-search-clear-x;
-  top: 0;
-
-  :host-context([dir='rtl']) & {
-    right: auto;
-    left: $mat-select-search-clear-x;
-  }
-}
-
-.mat-select-search-spinner {
-  position: absolute;
-  right: $mat-select-search-spinner-x;
-  top: calc(50% - 8px);
-
-  :host-context([dir='rtl']) & {
-    right: auto;
-    left: $mat-select-search-spinner-x;
+    box-sizing: border-box;
+    width: 100%;
+    border: none;
+    font-family: inherit;
+    font-size: inherit;
+    color: currentColor;
+    outline: none;
+    background: var(--mat-sys-surface-container-high);
+    line-height: var(--input-height);
+    height: var(--input-height);
+    padding: var(--spacer);
+
+    :host-context([dir='rtl']) & {
+      padding-right: var(--double-spacer);
+    }
   }
-}
-
-::ng-deep .mat-mdc-option[aria-disabled='true'].contains-mat-select-search {
-  /* let move mat-select-search at the top of the dropdown. As option is disabled, there will be no-ripple hence safe. */
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  opacity: 1;
-  margin-top: -$mat-select-panel-padding;
-  pointer-events: all;
-
-  .mat-icon {
-    margin-right: 0;
-    margin-left: 0;
+  .mat-select-search-inner-toggle-all {
+    .mat-select-search-input {
+      padding-left: var(--half-spacer);
+    }
   }
-  mat-pseudo-checkbox {
-    display: none;
+  .mat-select-search-no-entries-found {
+    padding-top: var(--spacer);
+    padding-bottom: var(--spacer);
   }
-  .mdc-list-item__primary-text {
-    opacity: 1;
+  .mat-select-search-clear {
+    position: absolute;
+    right: var(--half-spacer);
+    top: 0;
+
+    :host-context([dir='rtl']) & {
+      right: auto;
+      left: var(--half-spacer);
+    }
   }
-}
-
-.mat-select-search-toggle-all-checkbox {
-  padding-left: $mat-select-search-toggle-all-checkbox-x;
-
-  :host-context([dir='rtl']) & {
-    padding-left: 0;
-    padding-right: $mat-select-search-toggle-all-checkbox-x;
+  .mat-select-search-spinner {
+    position: absolute;
+    right: var(--double-spacer);
+    top: calc(50% - var(--spacer));
+
+    :host-context([dir='rtl']) & {
+      right: auto;
+      left: var(--double-spacer);
+    }
   }
 }

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

@@ -0,0 +1,29 @@
+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-selectable-box/src/onemrva-mat-selectable-box.component.scss

@@ -1,101 +1,79 @@
-@use '../../utils' as utils;
-
-@mixin selectablebox($theme) {
-  onemrva-mat-selectable-box {
-    mat-card {
-      &.onemrva-shadow-highlight {
-        &.mat-mdc-card {
-          border-radius: 10px;
-
-          .mat-mdc-card-title {
-            display: flex;
-            align-items: flex-start;
-            border-radius: 10px 10px 0 0;
-            padding: 5px;
-            color: utils.palette($theme, 'grayscale', 900);
-
-            &.primary {
-              $color: utils.palette($theme, 'primary', 050);
-              background-color: $color;
-            }
-
-            &.selected {
-              $color: utils.palette($theme, 'accent', 050);
-              background-color: $color;
-            }
-
-            + .mat-mdc-card-content:last-child {
-              padding-bottom: 16px;
-            }
-
-            mat-label {
-              margin-top: 8px;
-              display: flex;
-              align-items: flex-start;
-              margin-right: 10px;
-
-              &.disabled {
-                color: utils.palette($theme, 'grayscale', 400);
-              }
-
-              mat-icon {
-                &.selectable-box-icon {
-                  font-size: 21px;
-                  height: 21px;
-                  width: 21px;
-                  line-height: 21px;
-                  margin: 0 0 0 10px;
-                  flex: 0 0 21px;
-
-                  &:empty {
-                    display: none;
-                  }
-                }
+@use '@angular/material' as mat;
+
+mat-card.onemrva-selectable-box {
+  $main-color: var(--mat-sys-primary-container);
+
+  border-radius: var(--half-border-radius);
+  box-shadow: none;
+  position: relative;
+  color: var(--mat-sys-on-surface);
+  border: 2px solid transparent;
+  background: $main-color;
+  user-select: none;
+
+  &.checked {
+    border: 2px solid var(--mat-sys-tertiary);
+    background: var(--mat-sys-tertiary-container);
+  }
 
-                &.large {
-                  line-height: 24px;
-                }
+  &.disabled {
+    opacity: 0.4;
+    cursor: auto;
+  }
 
-                &.xlarge {
-                  line-height: 48px;
-                }
-              }
-            }
+  mat-icon {
+    overflow: visible;
+    color: var(--mat-sys-primary);
+  }
 
-            onemrva-mat-sticker {
-              align-self: center;
-              margin-left: auto;
-              margin-right: 10px;
-            }
-          }
-        }
-      }
+  mat-radio-button {
+    pointer-events: none;
+  }
 
-      mat-card-content {
-        &:empty {
-          height: 10px !important;
-          padding: 0 !important;
-          border-radius: 0 0 10px 10px;
-          background-color: utils.palette($theme, 'primary', 050);
+  mat-card-title {
+    display: flex;
+    background: $main-color;
+    border-top-left-radius: var(--half-border-radius);
+    border-top-right-radius: var(--half-border-radius);
+    padding: var(--spacer-and-half) var(--spacer-and-half)
+      var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));
+    align-items: center;
+    box-shadow: none;
+    color: inherit;
+
+    font-family: var(--label-large-font-family, Poppins);
+    font-size: var(--label-large-font-size, 16px);
+    font-style: normal;
+    font-weight: var(--label-large-font-weight, 500);
+    line-height: var(--label-large-line-height, 21px); /* 131.25% */
+
+    mat-label {
+      display: flex;
+      flex-grow: 1;
+    }
 
-          &.selected {
-            $color: utils.palette($theme, 'error', 050);
-            background-color: $color;
-          }
-        }
+    mat-radio-button {
+      //transform: translateY(-0.5rem);
+      //max-height: 1rem;
+      position: absolute;
+      left: 2px;
+    }
+  }
 
-        background-color: transparent;
-      }
+  b,
+  strong {
+    font-weight: 600;
+  }
 
-      &.primary {
-        $color: utils.palette($theme, 'primary', 050);
-        outline: 1px solid $color;
-      }
+  mat-card-content {
+    background: var(--mat-sys-surface);
+    padding: var(--spacer-and-half);
+    border-bottom-left-radius: var(--half-border-radius);
+    border-bottom-right-radius: var(--half-border-radius);
 
-      &.selected {
-        $color: utils.palette($theme, 'accent', 400);
-        outline: 2px solid $color;
-      }
+    &:empty {
+      padding: 0;
+      border: 0;
     }
   }
 }

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

@@ -0,0 +1,33 @@
+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 };