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

package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-select-search.mjs","sources":["../../../../projects/onemrva/design-system/mat-select-search/src/mat-select-search-clear.directive.ts","../../../../projects/onemrva/design-system/mat-select-search/src/default-options.ts","../../../../projects/onemrva/design-system/mat-select-search/src/mat-select-no-entries-found.directive.ts","../../../../projects/onemrva/design-system/mat-select-search/src/mat-select-search.component.ts","../../../../projects/onemrva/design-system/mat-select-search/src/mat-select-search.component.html","../../../../projects/onemrva/design-system/mat-select-search/src/mat-select-search.module.ts","../../../../projects/onemrva/design-system/mat-select-search/onemrvapublic-design-system-mat-select-search.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Directive for providing a custom clear-icon.\n * e.g.\n * <mat-select-search [formControl]=\"bankFilterCtrl\">\n *   <mat-icon matSelectSearchClear>delete</mat-icon>\n * </mat-select-search>\n */\n@Directive({\n  selector: '[matSelectSearchClear]',\n  standalone: true,\n})\nexport class MatSelectSearchClearDirective {}\n","import { InjectionToken } from '@angular/core';\nimport { MatSelectSearchComponent } from './mat-select-search.component';\n\n/** List of inputs of NgxMatSelectSearchComponent that can be configured with a global default. */\nexport const configurableDefaultOptions = [\n  'ariaLabel',\n  'clearSearchInput',\n  'closeIcon',\n  'closeSvgIcon',\n  'disableInitialFocus',\n  'disableScrollToActiveOnOptionsChanged',\n  'enableClearOnEscapePressed',\n  'hideClearSearchButton',\n  'noEntriesFoundLabel',\n  'placeholderLabel',\n  'preventHomeEndKeyPropagation',\n  'searching',\n] as const;\n\nexport type ConfigurableDefaultOptions =\n  (typeof configurableDefaultOptions)[number];\n\n/**\n * InjectionToken that can be used to specify global options. e.g.\n *\n * ```typescript\n * providers: [\n *   {\n *     provide: MAT_SELECTSEARCH_DEFAULT_OPTIONS,\n *     useValue: <MatSelectSearchOptions>{\n *       closeIcon: 'delete',\n *       noEntriesFoundLabel: 'No options found'\n *     }\n *   }\n * ]\n * ```\n *\n * See the corresponding inputs of `MatSelectSearchComponent` for documentation.\n */\nexport const MAT_SELECTSEARCH_DEFAULT_OPTIONS =\n  new InjectionToken<MatSelectSearchOptions>(\n    'mat-selectsearch-default-options',\n  );\n\n/** Global configurable options for MatSelectSearch. */\nexport type MatSelectSearchOptions = Readonly<\n  Partial<Pick<MatSelectSearchComponent, ConfigurableDefaultOptions>>\n>;\n","import { Directive } from '@angular/core';\n\n/**\n * Directive for providing a custom no entries found element.\n * e.g.\n * <mat-select-search [formControl]=\"bankFilterCtrl\">\n *   <span matSelectNoEntriesFound>\n *     No entries found <button>Add</button>\n *   </span>\n * </mat-select-search>\n */\n@Directive({\n  selector: '[matSelectNoEntriesFound]',\n  standalone: true,\n})\nexport class MatSelectNoEntriesFoundDirective {}\n","/**\n * Copyright (c) 2018 Bithost GmbH All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {\n  A,\n  DOWN_ARROW,\n  END,\n  ENTER,\n  ESCAPE,\n  HOME,\n  NINE,\n  SPACE,\n  UP_ARROW,\n  Z,\n  ZERO,\n} from '@angular/cdk/keycodes';\nimport { ViewportRuler } from '@angular/cdk/scrolling';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  QueryList,\n  ViewChild,\n  inject,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatOption } from '@angular/material/core';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatSelect } from '@angular/material/select';\nimport { BehaviorSubject, combineLatest, Observable, of, Subject } from 'rxjs';\nimport {\n  delay,\n  filter,\n  map,\n  startWith,\n  switchMap,\n  take,\n  takeUntil,\n  tap,\n} from 'rxjs/operators';\nimport { MatSelectSearchClearDirective } from './mat-select-search-clear.directive';\nimport {\n  configurableDefaultOptions,\n  MAT_SELECTSEARCH_DEFAULT_OPTIONS,\n  MatSelectSearchOptions,\n} from './default-options';\nimport { MatSelectNoEntriesFoundDirective } from './mat-select-no-entries-found.directive';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatInput } from '@angular/material/input';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'mat-select-search',\n  templateUrl: './mat-select-search.component.html',\n  styleUrls: ['./mat-select-search.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => MatSelectSearchComponent),\n      multi: true,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgClass,\n    MatCheckbox,\n    MatTooltip,\n    ReactiveFormsModule,\n    MatIcon,\n    MatProgressSpinner,\n    MatIconButton,\n    MatInput,\n    MatDivider,\n    AsyncPipe,\n  ],\n})\nexport class MatSelectSearchComponent\n  implements OnInit, OnDestroy, ControlValueAccessor\n{\n  /** Label of the search placeholder */\n  @Input() placeholderLabel = 'Search';\n\n  /** Type of the search input field */\n  @Input() type = 'text';\n\n  /** Font-based icon used for displaying Close-Icon */\n  @Input() closeIcon = 'close';\n\n  /** Svg-based icon used for displaying Close-Icon. If set, closeIcon is overridden */\n  @Input() closeSvgIcon = '';\n\n  /** Label to be shown when no entries are found. Set to null if no message should be shown. */\n  @Input() noEntriesFoundLabel = 'Nothing found';\n\n  /**\n   * Whether or not the search field should be cleared after the dropdown menu is closed.\n   */\n  @Input() clearSearchInput = true;\n\n  /** Whether to show the search-in-progress indicator */\n  @Input() searching = false;\n\n  /** Disables initial focusing of the input field */\n  @Input() disableInitialFocus = false;\n\n  /** Enable clear input on escape pressed */\n  @Input() enableClearOnEscapePressed = false;\n\n  /**\n   * Prevents home / end key being propagated to mat-select,\n   * allowing to move the cursor within the search input instead of navigating the options\n   */\n  @Input() preventHomeEndKeyPropagation = false;\n\n  /** Disables scrolling to active options when option list changes. Useful for server-side search */\n  @Input() disableScrollToActiveOnOptionsChanged = false;\n\n  /** Adds 508 screen reader support for search box */\n  @Input() ariaLabel = 'dropdown search';\n\n  /** Whether to show Select All Checkbox (for mat-select[multi=true]) */\n  @Input() showToggleAllCheckbox = false;\n\n  /** select all checkbox checked state */\n  @Input() toggleAllCheckboxChecked = false;\n\n  /** select all checkbox indeterminate state */\n  @Input() toggleAllCheckboxIndeterminate = false;\n\n  /** Display a message in a tooltip on the toggle-all checkbox */\n  @Input() toggleAllCheckboxTooltipMessage = '';\n\n  /** Define the position of the tooltip on the toggle-all checkbox. */\n  @Input() toggleAllCheckboxTooltipPosition:\n    | 'left'\n    | 'right'\n    | 'above'\n    | 'below'\n    | 'before'\n    | 'after' = 'below';\n\n  /** Show/Hide the search clear button of the search input */\n  @Input() hideClearSearchButton = false;\n\n  /**\n   * Always restore selected options on selectionChange for mode multi (e.g. for lazy loading/infinity scrolling).\n   * Defaults to false, so selected options are only restored while filtering is active.\n   */\n  @Input() alwaysRestoreSelectedOptionsMulti = false;\n\n  /** Output emitter to send to parent component with the toggle all boolean */\n  @Output() toggleAll = new EventEmitter<boolean>();\n\n  /** Reference to the search input field */\n  @ViewChild('searchSelectInput', { read: ElementRef, static: true })\n  searchSelectInput?: ElementRef;\n\n  /** Reference to the search input field */\n  @ViewChild('innerSelectSearch', { read: ElementRef, static: true })\n  innerSelectSearch?: ElementRef;\n\n  /** Reference to custom search input clear icon */\n  @ContentChild(MatSelectSearchClearDirective)\n  clearIcon?: MatSelectSearchClearDirective;\n\n  /** Reference to custom no entries found element */\n  @ContentChild(MatSelectNoEntriesFoundDirective)\n  noEntriesFound?: MatSelectNoEntriesFoundDirective;\n\n  /** Current search value */\n  get value(): string {\n    return (this._formControl as FormControl).value;\n  }\n\n  private _lastExternalInputValue?: string;\n\n  onTouched: (_: any) => void = (_: any) => {\n    //\n  };\n\n  /** Reference to the MatSelect options */\n  public set _options(_options: QueryList<MatOption>) {\n    this._options$.next(_options);\n  }\n\n  public get _options(): QueryList<MatOption> {\n    return this._options$.getValue();\n  }\n\n  public _options$: BehaviorSubject<QueryList<MatOption>> = new BehaviorSubject<\n    QueryList<MatOption>\n  >(new QueryList());\n\n  private optionsList$: Observable<MatOption[]> = this._options$.pipe(\n    switchMap(_options =>\n      _options\n        ? _options.changes.pipe(\n            map(options => options.toArray()),\n            startWith<MatOption[]>(_options.toArray()),\n          )\n        : of([]),\n    ),\n  );\n\n  private optionsLength$: Observable<number> = this.optionsList$.pipe(\n    map(options => (options ? options.length : 0)),\n  );\n\n  /** Previously selected values when using <mat-select [multiple]=\"true\">*/\n  private previousSelectedValues?: any[];\n\n  public _formControl: FormControl<string | null> = new FormControl<string>('');\n\n  /** whether to show the no entries found message */\n  public _showNoEntriesFound$: Observable<boolean> = combineLatest([\n    this._formControl.valueChanges,\n    this.optionsLength$,\n  ]).pipe(\n    map(([_, optionsLength]) => {\n      return (\n        this.noEntriesFoundLabel !== '' &&\n        optionsLength === this.getOptionsLengthOffset()\n      );\n    }),\n  );\n\n  /** Subject that emits when the component has been destroyed. */\n  private _onDestroy = new Subject<void>();\n\n  /** Reference to active descendant for ARIA Support. */\n  private activeDescendant?: HTMLElement;\n\n  public readonly matSelect = inject(MatSelect);\n  public readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly _viewportRuler = inject(ViewportRuler);\n  public readonly matOption = inject(MatOption, { optional: true });\n  public readonly matFormField = inject(MatFormField, { optional: true });\n  private readonly defaultOptions = inject(MAT_SELECTSEARCH_DEFAULT_OPTIONS, {\n    optional: true,\n  });\n\n  constructor() {\n    this.applyDefaultOptions(this.defaultOptions as MatSelectSearchOptions);\n  }\n\n  private applyDefaultOptions(defaultOptions: MatSelectSearchOptions) {\n    if (!defaultOptions) {\n      return;\n    }\n    for (const key of configurableDefaultOptions) {\n      // eslint-disable-next-line\n      if (defaultOptions.hasOwnProperty(key)) {\n        (this[key] as any) = defaultOptions[key];\n      }\n    }\n  }\n\n  ngOnInit() {\n    // set custom mat-option class if the component was placed inside a mat-option\n    if (this.matOption) {\n      this.matOption.disabled = true;\n      this.matOption\n        ._getHostElement()\n        .classList.add('contains-mat-select-search');\n      //this.matOption._getHostElement().setAttribute('aria-hidden', 'true'); // this provoke an error\n    } else {\n      console.error(\n        '<mat-select-search> must be placed inside a <mat-option> element',\n      );\n    }\n\n    // when the select dropdown panel is opened or closed\n    this.matSelect.openedChange\n      .pipe(delay(1), takeUntil(this._onDestroy))\n      .subscribe(opened => {\n        if (opened) {\n          this.updateInputWidth();\n          // focus the search field when opening\n          if (!this.disableInitialFocus) {\n            this._focus();\n          }\n        } else {\n          // clear it when closing\n          if (this.clearSearchInput) {\n            this._reset();\n          }\n        }\n      });\n\n    // set the first item active after the options changed\n    this.matSelect.openedChange\n      .pipe(\n        take(1),\n        switchMap(_ => {\n          this._options = this.matSelect.options;\n\n          // Closure variable for tracking the most recent first option.\n          // In order to avoid avoid causing the list to\n          // scroll to the top when options are added to the bottom of\n          // the list (eg: infinite scroll), we compare only\n          // the changes to the first options to determine if we\n          // should set the first item as active.\n          // This prevents unnecessary scrolling to the top of the list\n          // when options are appended, but allows the first item\n          // in the list to be set as active by default when there\n          // is no active selection\n          let previousFirstOption =\n            this._options.toArray()[this.getOptionsLengthOffset()];\n\n          return this._options.changes.pipe(\n            tap(() => {\n              // avoid \"expression has been changed\" error\n              setTimeout(() => {\n                // Convert the QueryList to an array\n                const options = this._options.toArray();\n\n                // The true first item is offset by 1\n                const currentFirstOption =\n                  options[this.getOptionsLengthOffset()];\n\n                const keyManager = this.matSelect._keyManager;\n                if (keyManager && this.matSelect.panelOpen) {\n                  // set first item active and input width\n\n                  // Check to see if the first option in these changes is different from the previous.\n                  const firstOptionIsChanged = !this.matSelect.compareWith(\n                    previousFirstOption,\n                    currentFirstOption,\n                  );\n\n                  // CASE: The first option is different now.\n                  // Indiciates we should set it as active and scroll to the top.\n                  if (\n                    firstOptionIsChanged ||\n                    !keyManager.activeItem ||\n                    !options.find(option =>\n                      this.matSelect.compareWith(option, keyManager.activeItem),\n                    )\n                  ) {\n                    keyManager.setFirstItemActive();\n                  }\n\n                  // wait for panel width changes\n                  setTimeout(() => {\n                    this.updateInputWidth();\n                  });\n                }\n\n                // Update our reference\n                previousFirstOption = currentFirstOption;\n              });\n            }),\n          );\n        }),\n      )\n      .subscribe();\n\n    // add or remove css class depending on whether to show the no entries found message\n    // note: this is hacky\n    this._showNoEntriesFound$\n      .pipe(takeUntil(this._onDestroy))\n      .subscribe(showNoEntriesFound => {\n        // set no entries found class on mat option\n        if (this.matOption) {\n          if (showNoEntriesFound) {\n            this.matOption\n              ._getHostElement()\n              .classList.add('mat-select-search-no-entries-found');\n          } else {\n            this.matOption\n              ._getHostElement()\n              .classList.remove('mat-select-search-no-entries-found');\n          }\n        }\n      });\n\n    // resize the input width when the viewport is resized, i.e. the trigger width could potentially be resized\n    this._viewportRuler\n      .change()\n      .pipe(takeUntil(this._onDestroy))\n      .subscribe(() => {\n        if (this.matSelect.panelOpen) {\n          this.updateInputWidth();\n        }\n      });\n\n    this.initMultipleHandling();\n\n    this.optionsList$.pipe(takeUntil(this._onDestroy)).subscribe(() => {\n      // update view when available options change\n      this.changeDetectorRef.markForCheck();\n    });\n  }\n\n  _emitSelectAllBooleanToParent(state: boolean) {\n    this.toggleAll.emit(state);\n  }\n\n  ngOnDestroy() {\n    this._onDestroy.next();\n    this._onDestroy.complete();\n  }\n\n  _isToggleAllCheckboxVisible(): boolean {\n    return this.matSelect.multiple && this.showToggleAllCheckbox;\n  }\n\n  /**\n   * Handles the key down event with MatSelect.\n   * Allows e.g. selecting with enter key, navigation with arrow keys, etc.\n   * @param event\n   */\n  _handleKeydown(event: KeyboardEvent) {\n    // Prevent propagation for all alphanumeric characters in order to avoid selection issues\n    if (\n      (event.key && event.key.length === 1) ||\n      (event.keyCode >= A && event.keyCode <= Z) ||\n      (event.keyCode >= ZERO && event.keyCode <= NINE) ||\n      event.keyCode === SPACE ||\n      (this.preventHomeEndKeyPropagation &&\n        (event.keyCode === HOME || event.keyCode === END))\n    ) {\n      event.stopPropagation();\n    }\n\n    if (this.matSelect.multiple && event.key && event.keyCode === ENTER) {\n      // Regain focus after multiselect, so we can further type\n      setTimeout(() => this._focus());\n    }\n\n    // Special case if click Escape, if input is empty, close the dropdown, if not, empty out the search field\n    if (\n      this.enableClearOnEscapePressed === true &&\n      event.keyCode === ESCAPE &&\n      this.value\n    ) {\n      this._reset(true);\n      event.stopPropagation();\n    }\n  }\n\n  /**\n   * Handles the key up event with MatSelect.\n   * Allows e.g. the announcing of the currently activeDescendant by screen readers.\n   */\n  _handleKeyup(event: KeyboardEvent) {\n    if (event.keyCode === UP_ARROW || event.keyCode === DOWN_ARROW) {\n      const ariaActiveDescendantId = this.matSelect._getAriaActiveDescendant();\n      const index = this._options\n        .toArray()\n        .findIndex(item => item.id === ariaActiveDescendantId);\n      if (index !== -1) {\n        this.unselectActiveDescendant();\n\n        const temp = this._options.toArray();\n        this.activeDescendant = temp[index]._getHostElement();\n\n        this.activeDescendant.setAttribute('aria-selected', 'true');\n\n        this.searchSelectInput?.nativeElement.setAttribute(\n          'aria-activedescendant',\n          ariaActiveDescendantId,\n        );\n      }\n    }\n  }\n\n  writeValue(value: string) {\n    this._lastExternalInputValue = value;\n    this._formControl.setValue(value);\n    this.changeDetectorRef.markForCheck();\n  }\n\n  onBlur() {\n    this.unselectActiveDescendant();\n  }\n\n  registerOnChange(fn: (value: string | null) => void) {\n    this._formControl.valueChanges\n      .pipe(\n        filter(value => value !== this._lastExternalInputValue),\n        tap(() => (this._lastExternalInputValue = undefined)),\n        takeUntil(this._onDestroy),\n      )\n      .subscribe(fn);\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.onTouched = fn;\n  }\n\n  /**\n   * Focuses the search input field\n   */\n  public _focus() {\n    if (!this.searchSelectInput || !this.matSelect.panel) {\n      return;\n    }\n    // save and restore scrollTop of panel, since it will be reset by focus()\n    // note: this is hacky\n    const panel = this.matSelect.panel.nativeElement;\n    const scrollTop = panel.scrollTop;\n\n    // focus\n    this.searchSelectInput.nativeElement.focus();\n\n    panel.scrollTop = scrollTop;\n  }\n\n  /**\n   * Resets the current search value\n   * @param focus whether to focus after resetting\n   */\n  public _reset(focus?: boolean) {\n    this._formControl.setValue('');\n    if (focus) {\n      this._focus();\n    }\n  }\n\n  /**\n   * Initializes handling <mat-select [multiple]=\"true\">\n   * Note: to improve this code, mat-select should be extended to allow disabling resetting the selection while filtering.\n   */\n  private initMultipleHandling() {\n    if (!this.matSelect.ngControl) {\n      if (this.matSelect.multiple) {\n        // note: the access to matSelect.ngControl (instead of matSelect.value / matSelect.valueChanges)\n        // is necessary to properly work in multi-selection mode.\n        console.error(\n          'the mat-select containing mat-select-search must have a ngModel or formControl directive when multiple=true',\n        );\n      }\n      return;\n    }\n    // if <mat-select [multiple]=\"true\">\n    // store previously selected values and restore them when they are deselected\n    // because the option is not available while we are currently filtering\n    this.previousSelectedValues = this.matSelect.ngControl.value;\n\n    this.matSelect.ngControl.valueChanges\n      ?.pipe(takeUntil(this._onDestroy))\n      .subscribe(values => {\n        let restoreSelectedValues = false;\n        if (this.matSelect.multiple) {\n          if (\n            (this.alwaysRestoreSelectedOptionsMulti ||\n              (this._formControl.value && this._formControl.value.length)) &&\n            this.previousSelectedValues &&\n            Array.isArray(this.previousSelectedValues)\n          ) {\n            if (!values || !Array.isArray(values)) {\n              values = [];\n            }\n            const optionValues = this.matSelect.options.map(\n              option => option.value,\n            );\n            this.previousSelectedValues.forEach(previousValue => {\n              if (\n                !values.some((v: any) =>\n                  this.matSelect.compareWith(v, previousValue),\n                ) &&\n                !optionValues.some(v =>\n                  this.matSelect.compareWith(v, previousValue),\n                )\n              ) {\n                // if a value that was selected before is deselected and not found in the options, it was deselected\n                // due to the filtering, so we restore it.\n                values.push(previousValue);\n                restoreSelectedValues = true;\n              }\n            });\n          }\n        }\n        this.previousSelectedValues = values;\n\n        if (restoreSelectedValues) {\n          this.matSelect._onChange(values);\n        }\n      });\n  }\n\n  /**\n   *  Set the width of the innerSelectSearch to fit even custom scrollbars\n   *  And support all Operation Systems\n   */\n  public updateInputWidth() {\n    if (!this.innerSelectSearch || !this.innerSelectSearch.nativeElement) {\n      return;\n    }\n    let element: HTMLElement = this.innerSelectSearch.nativeElement;\n    if (element.parentElement !== null) {\n      let panelElement: HTMLElement | null = null;\n      while ((element = element.parentElement)) {\n        if (element.classList.contains('mat-select-panel')) {\n          panelElement = element;\n          break;\n        }\n      }\n      if (panelElement !== null) {\n        this.innerSelectSearch.nativeElement.style.width =\n          panelElement.clientWidth + 'px';\n      }\n    }\n  }\n\n  /**\n   * Determine the offset to length that can be caused by the optional matOption used as a search input.\n   */\n  private getOptionsLengthOffset(): number {\n    if (this.matOption) {\n      return 1;\n    } else {\n      return 0;\n    }\n  }\n\n  private unselectActiveDescendant() {\n    this.activeDescendant?.removeAttribute('aria-selected');\n    this.searchSelectInput?.nativeElement.removeAttribute(\n      'aria-activedescendant',\n    );\n  }\n}\n","<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  @if (_isToggleAllCheckboxVisible()) {\n    <mat-checkbox\n      class=\"mat-select-search-toggle-all-checkbox\"\n      [checked]=\"toggleAllCheckboxChecked\"\n      [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n      [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n      matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n      [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n      (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n    ></mat-checkbox>\n  }\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  @if (value === '' && !searching) {\n    <mat-icon class=\"suffix\">search</mat-icon>\n  }\n  @if (searching) {\n    <mat-spinner class=\"mat-select-search-spinner\" diameter=\"16\"></mat-spinner>\n  }\n  @if (!hideClearSearchButton && value && !searching) {\n    <button\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"_reset(true)\"\n      class=\"mat-select-search-clear\"\n    >\n      @if (clearIcon) {\n        <ng-content select=\"[matSelectSearchClear]\"></ng-content>\n      } @else {\n        <mat-icon [svgIcon]=\"closeSvgIcon\">\n          {{ !closeSvgIcon ? closeIcon : null }}\n        </mat-icon>\n      }\n    </button>\n  }\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n@if (_showNoEntriesFound$ | async) {\n  <div class=\"mat-select-search-no-entries-found\">\n    @if (noEntriesFound) {\n      <ng-content select=\"[matSelectNoEntriesFound]\"></ng-content>\n    } @else {\n      {{ noEntriesFoundLabel }}\n    }\n  </div>\n}\n","/**\n * Copyright (c) 2018 Bithost GmbH All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport { NgModule } from '@angular/core';\nimport { MatSelectSearchComponent } from './mat-select-search.component';\n\nimport { MatSelectSearchClearDirective } from './mat-select-search-clear.directive';\nimport { MatSelectNoEntriesFoundDirective } from './mat-select-no-entries-found.directive';\n\nexport { MatSelectSearchClearDirective };\nexport { MatSelectNoEntriesFoundDirective };\n\n@NgModule({\n  imports: [\n    MatSelectSearchComponent,\n    MatSelectSearchClearDirective,\n    MatSelectNoEntriesFoundDirective,\n  ],\n  exports: [\n    MatSelectSearchComponent,\n    MatSelectSearchClearDirective,\n    MatSelectNoEntriesFoundDirective,\n  ],\n})\nexport class MatSelectSearchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, ChangeDetectorRef, Output, Input, ViewChild, HostBinding, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { MatRadioButton } from '@angular/material/radio';
+import { MatCardTitle, MatCard, MatCardContent } from '@angular/material/card';
+import { MatLabel } from '@angular/material/form-field';
+import { MatIcon } from '@angular/material/icon';
+import { OnemRvaSizeDirective } from '@onemrvapublic/design-system/shared';
+
+let NEXT_ID = 0;
+class OnemrvaMatSelectableBoxComponent {
+    constructor() {
+        this.id = `onemrva-mat-selectable-box-${NEXT_ID++}`;
+        this.value = '';
+        this.disabled = false;
+        this.checked = false;
+        this.iconSize = '';
+        this.valueChange = new EventEmitter();
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    valueChanged(event) {
+        this.valueChange.emit(event);
+    }
+    isChecked() {
+        return this.radioButton?._inputElement.nativeElement.checked;
+    }
+    triggerRadioClick() {
+        if (this.radioButton &&
+            !this.radioButton.checked &&
+            !this.radioButton.disabled) {
+            // https://v11.material.angular.io/components/radio/api
+            // Changing checked prop does not trigger a change event on the button or radiogroup,
+            // only on user-interaction. Workaround trigger/simulate a click event.
+            this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;background:var(--mat-sys-primary-container);-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;background:var(--mat-sys-primary-container);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)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box 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)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
+                        MatCardTitle,
+                        MatCard,
+                        MatRadioButton,
+                        MatLabel,
+                        MatIcon,
+                        MatCardContent,
+                        OnemRvaSizeDirective,
+                    ], template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;background:var(--mat-sys-primary-container);-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;background:var(--mat-sys-primary-container);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)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box 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)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"] }]
+        }], propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], radioButton: [{
+                type: ViewChild,
+                args: ['radioButton']
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], iconSize: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class OnemrvaMatSelectableBoxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [OnemrvaMatSelectableBoxComponent],
+                    exports: [OnemrvaMatSelectableBoxComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mat-selectable-box
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatSelectableBoxComponent, OnemrvaMatSelectableBoxModule };
+//# sourceMappingURL=onemrvapublic-design-system-mat-selectable-box.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-selectable-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.ts","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.html","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.module.ts","../../../../projects/onemrva/design-system/mat-selectable-box/index.ts","../../../../projects/onemrva/design-system/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MatRadioButton, MatRadioChange } from '@angular/material/radio';\nimport { MatCard, MatCardContent, MatCardTitle } from '@angular/material/card';\nimport { MatLabel } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport { OnemRvaSizeDirective } from '@onemrvapublic/design-system/shared';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-selectable-box',\n  templateUrl: './onemrva-mat-selectable-box.component.html',\n  styleUrl: './onemrva-mat-selectable-box.component.scss',\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    MatCardTitle,\n    MatCard,\n    MatRadioButton,\n    MatLabel,\n    MatIcon,\n    MatCardContent,\n    OnemRvaSizeDirective,\n  ],\n})\nexport class OnemrvaMatSelectableBoxComponent implements AfterViewInit {\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-selectable-box-${NEXT_ID++}`;\n\n  @ViewChild('radioButton')\n  radioButton: MatRadioButton | undefined;\n\n  @Input()\n  value = '';\n\n  @Input()\n  disabled = false;\n\n  @Input()\n  checked = false;\n\n  @Input()\n  iconSize: OnemrvaMatSize = '';\n\n  @Output()\n  valueChange = new EventEmitter<MatRadioChange>();\n\n  changeDetectorRef = inject(ChangeDetectorRef);\n\n  ngAfterViewInit() {\n    this.changeDetectorRef.detectChanges();\n  }\n\n  valueChanged(event: MatRadioChange) {\n    this.valueChange.emit(event);\n  }\n\n  isChecked() {\n    return this.radioButton?._inputElement.nativeElement.checked;\n  }\n\n  triggerRadioClick() {\n    if (\n      this.radioButton &&\n      !this.radioButton.checked &&\n      !this.radioButton.disabled\n    ) {\n      // https://v11.material.angular.io/components/radio/api\n      // Changing checked prop does not trigger a change event on the button or radiogroup,\n      // only on user-interaction. Workaround trigger/simulate a click event.\n      this.radioButton._inputElement.nativeElement.dispatchEvent(\n        new MouseEvent('click', { bubbles: false }),\n      );\n    }\n  }\n}\n","<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSelectableBoxComponent } from './onemrva-mat-selectable-box.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatSelectableBoxComponent],\n  exports: [OnemrvaMatSelectableBoxComponent],\n})\nexport class OnemrvaMatSelectableBoxModule {}\n","/*\n * Public API Surface of mat-selectable-box\n */\n\nexport * from './src/onemrva-mat-selectable-box.component';\nexport * from './src/onemrva-mat-selectable-box.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs

@@ -0,0 +1,72 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, Output, Input, Component, NgModule } from '@angular/core';
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { MatChip, MatChipRow } from '@angular/material/chips';
+import { NgClass } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
+
+class OnemrvaMatSideMenuComponent {
+    constructor() {
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onSelectOption = new EventEmitter();
+        this.isSmall = true;
+        this.breakpointObserver = inject(BreakpointObserver);
+    }
+    ngOnInit() {
+        this.breakpointObserverSubscription = this.breakpointObserver
+            .observe([Breakpoints.XSmall, Breakpoints.Small])
+            .subscribe((state) => {
+            if (state.matches) {
+                this.isSmall = true;
+            }
+            else {
+                this.isSmall = false;
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.breakpointObserverSubscription?.unsubscribe();
+    }
+    selectMenu(menu) {
+        this.onSelectOption.emit(menu);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "@if (isSmall) {\n  <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n    @for (menu of menus; track menu.key; let i = $index) {\n      <mat-chip\n        role=\"\"\n        class=\"onemrva-side-menu-option\"\n        (click)=\"selectMenu(menu)\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n      >\n        {{ menu.wordingKey | translate }}\n      </mat-chip>\n    }\n  </mat-chip-row>\n} @else {\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    @for (menu of menus; track menu.key; let mnidx = $index) {\n      <div\n        tabindex=\"1\"\n        role=\"button\"\n        class=\"onemrva-side-menu-option\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        (click)=\"selectMenu(menu)\"\n        [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n      >\n        {{ menu.wordingKey | translate }}\n      </div>\n    }\n  </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"], dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-side-menu', standalone: true, imports: [MatChip, MatChipRow, NgClass, TranslatePipe], template: "@if (isSmall) {\n  <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n    @for (menu of menus; track menu.key; let i = $index) {\n      <mat-chip\n        role=\"\"\n        class=\"onemrva-side-menu-option\"\n        (click)=\"selectMenu(menu)\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n      >\n        {{ menu.wordingKey | translate }}\n      </mat-chip>\n    }\n  </mat-chip-row>\n} @else {\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    @for (menu of menus; track menu.key; let mnidx = $index) {\n      <div\n        tabindex=\"1\"\n        role=\"button\"\n        class=\"onemrva-side-menu-option\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        (click)=\"selectMenu(menu)\"\n        [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n      >\n        {{ menu.wordingKey | translate }}\n      </div>\n    }\n  </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"] }]
+        }], propDecorators: { menuHeaderKey: [{
+                type: Input
+            }], menus: [{
+                type: Input
+            }], currentMenu: [{
+                type: Input
+            }], onSelectOption: [{
+                type: Output
+            }] } });
+
+class OnemrvaMatSideMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [OnemrvaMatSideMenuComponent],
+                    exports: [OnemrvaMatSideMenuComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mat-side-menu
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatSideMenuComponent, OnemrvaMatSideMenuModule };
+//# sourceMappingURL=onemrvapublic-design-system-mat-side-menu.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-side-menu.mjs","sources":["../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.component.ts","../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.component.html","../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.module.ts","../../../../projects/onemrva/design-system/mat-side-menu/index.ts","../../../../projects/onemrva/design-system/mat-side-menu/onemrvapublic-design-system-mat-side-menu.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  OnInit,\n  OnDestroy,\n  inject,\n} from '@angular/core';\nimport {\n  BreakpointObserver,\n  Breakpoints,\n  BreakpointState,\n} from '@angular/cdk/layout';\nimport { Subscription } from 'rxjs';\nimport { MatChip, MatChipRow } from '@angular/material/chips';\nimport { NgClass } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\n\nexport interface OnemrvaMenu {\n  wordingKey: string;\n  path?: string;\n  key?: string;\n}\n\n@Component({\n  selector: 'onemrva-mat-side-menu',\n  templateUrl: 'onemrva-mat-side-menu.component.html',\n  styleUrl: 'onemrva-mat-side-menu.component.scss',\n  styles: [],\n  standalone: true,\n  imports: [MatChip, MatChipRow, NgClass, TranslatePipe],\n})\nexport class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {\n  @Input() menuHeaderKey!: string;\n  @Input() menus!: OnemrvaMenu[];\n  @Input() currentMenu?: string; // string to be matched against menu.path or menu.key\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onSelectOption = new EventEmitter<OnemrvaMenu>();\n\n  isSmall = true;\n  breakpointObserverSubscription?: Subscription;\n\n  breakpointObserver = inject(BreakpointObserver);\n\n  ngOnInit(): void {\n    this.breakpointObserverSubscription = this.breakpointObserver\n      .observe([Breakpoints.XSmall, Breakpoints.Small])\n      .subscribe((state: BreakpointState) => {\n        if (state.matches) {\n          this.isSmall = true;\n        } else {\n          this.isSmall = false;\n        }\n      });\n  }\n\n  ngOnDestroy(): void {\n    this.breakpointObserverSubscription?.unsubscribe();\n  }\n\n  selectMenu(menu: OnemrvaMenu) {\n    this.onSelectOption.emit(menu);\n  }\n}\n","@if (isSmall) {\n  <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n    @for (menu of menus; track menu.key; let i = $index) {\n      <mat-chip\n        role=\"\"\n        class=\"onemrva-side-menu-option\"\n        (click)=\"selectMenu(menu)\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n      >\n        {{ menu.wordingKey | translate }}\n      </mat-chip>\n    }\n  </mat-chip-row>\n} @else {\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    @for (menu of menus; track menu.key; let mnidx = $index) {\n      <div\n        tabindex=\"1\"\n        role=\"button\"\n        class=\"onemrva-side-menu-option\"\n        [ngClass]=\"{\n          'onemrva-side-menu-current-option':\n            menu.path === currentMenu || menu.key === currentMenu,\n        }\"\n        (click)=\"selectMenu(menu)\"\n        [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n      >\n        {{ menu.wordingKey | translate }}\n      </div>\n    }\n  </div>\n}\n","import { NgModule } from '@angular/core';\n\nimport { OnemrvaMatSideMenuComponent } from './onemrva-mat-side-menu.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatSideMenuComponent],\n  exports: [OnemrvaMatSideMenuComponent],\n})\nexport class OnemrvaMatSideMenuModule {}\n","/*\n * Public API Surface of mat-side-menu\n */\n\nexport * from './src/onemrva-mat-side-menu.component';\nexport * from './src/onemrva-mat-side-menu.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs

@@ -0,0 +1,241 @@
+import * as i0 from '@angular/core';
+import { HostBinding, Input, Component, NgModule } from '@angular/core';
+import { mkenum, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
+import { NgStyle } from '@angular/common';
+
+const OnemrvaMatSkeletonAnimations = mkenum({
+    PULSE: 'pulse',
+    PROGRESS: 'progress',
+    NONE: 'none',
+});
+const OnemrvaMatSkeletoTypes = mkenum({
+    H1: 'h1',
+    H2: 'h2',
+    H3: 'h3',
+    H4: 'h4',
+    H5: 'h5',
+    H6: 'h6',
+    BUTTON: 'button',
+    CIRCLE: 'circle',
+    SQUARE: 'square',
+    CUSTOM: 'custom',
+    LINE: '',
+});
+
+let NEXT_ID = 0;
+/**
+ * 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>
+ * ```
+ */
+class OnemrvaMatSkeletonComponent {
+    constructor() {
+        this.count = 1;
+        this.animation = OnemrvaMatSkeletonAnimations.PROGRESS;
+        this.type = OnemrvaMatSkeletoTypes.LINE;
+        this.size = OnemrvaMatSize.MEDIUM;
+        this.theme = [];
+        this.ariaLabel = 'loading';
+        this.role = 'progressbar';
+        this.loadingText = 'Loading...';
+        this.id = `onemrva-mat-skeleton-${NEXT_ID++}`;
+        this.items = [];
+    }
+    /** @hidden @internal */
+    get _isProgress() {
+        return this.animation === OnemrvaMatSkeletonAnimations.PROGRESS;
+    }
+    /** @hidden @internal */
+    get _isPulse() {
+        return this.animation === OnemrvaMatSkeletonAnimations.PULSE;
+    }
+    /** @hidden @internal */
+    get isH1() {
+        return this.type === OnemrvaMatSkeletoTypes.H1;
+    }
+    /** @hidden @internal */
+    get isH2() {
+        return this.type === OnemrvaMatSkeletoTypes.H2;
+    }
+    /** @hidden @internal */
+    get isH3() {
+        return this.type === OnemrvaMatSkeletoTypes.H3;
+    }
+    /** @hidden @internal */
+    get isH4() {
+        return this.type === OnemrvaMatSkeletoTypes.H4;
+    }
+    /** @hidden @internal */
+    get isH5() {
+        return this.type === OnemrvaMatSkeletoTypes.H5;
+    }
+    /** @hidden @internal */
+    get isH6() {
+        return this.type === OnemrvaMatSkeletoTypes.H6;
+    }
+    /** @hidden @internal */
+    get _isLine() {
+        return this.type === OnemrvaMatSkeletoTypes.LINE;
+    }
+    /** @hidden @internal */
+    get _isButton() {
+        return this.type === OnemrvaMatSkeletoTypes.BUTTON;
+    }
+    /** @hidden @internal */
+    get _isCircle() {
+        return this.type === OnemrvaMatSkeletoTypes.CIRCLE;
+    }
+    /** @hidden @internal */
+    get _isSquare() {
+        return this.type === OnemrvaMatSkeletoTypes.SQUARE;
+    }
+    /** @hidden @internal */
+    get _isCustom() {
+        return this.type === OnemrvaMatSkeletoTypes.CUSTOM;
+    }
+    /** @hidden @internal */
+    get _isXSmallSize() {
+        return this.size === OnemrvaMatSize.XSMALL;
+    }
+    /** @hidden @internal */
+    get _isSmallSize() {
+        return this.size === OnemrvaMatSize.SMALL;
+    }
+    /** @hidden @internal */
+    get _isMediumSize() {
+        return this.size === OnemrvaMatSize.MEDIUM;
+    }
+    /** @hidden @internal */
+    get _isLargeSize() {
+        return this.size === OnemrvaMatSize.LARGE;
+    }
+    /** @hidden @internal */
+    get _isXLargeSize() {
+        return this.size === OnemrvaMatSize.XLARGE;
+    }
+    ngOnInit() {
+        this.items.length = this.count;
+    }
+    ngOnChanges() {
+        this.items.length = this.count;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: "count", animation: "animation", type: "type", size: "size", theme: "theme", ariaLabel: "ariaLabel", role: "role", loadingText: "loadingText", id: "id" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.valuetext": "this.loadingText", "attr.id": "this.id", "class.progress": "this._isProgress", "class.pulse": "this._isPulse", "class.h1": "this.isH1", "class.h2": "this.isH2", "class.h3": "this.isH3", "class.h4": "this.isH4", "class.h5": "this.isH5", "class.h6": "this.isH6", "class.line": "this._isLine", "class.button": "this._isButton", "class.circle": "this._isCircle", "class.square": "this._isSquare", "class.custom": "this._isCustom", "class.onemrva-mat-avatar--xsmall": "this._isXSmallSize", "class.onemrva-mat-avatar--small": "this._isSmallSize", "class.onemrva-mat-avatar--medium": "this._isMediumSize", "class.onemrva-mat-avatar--large": "this._isLargeSize", "class.onemrva-mat-avatar--xlarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgStyle], template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"] }]
+        }], propDecorators: { count: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }, {
+                type: Input
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }, {
+                type: Input
+            }], loadingText: [{
+                type: HostBinding,
+                args: ['attr.valuetext']
+            }, {
+                type: Input
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], _isProgress: [{
+                type: HostBinding,
+                args: ['class.progress']
+            }], _isPulse: [{
+                type: HostBinding,
+                args: ['class.pulse']
+            }], isH1: [{
+                type: HostBinding,
+                args: ['class.h1']
+            }], isH2: [{
+                type: HostBinding,
+                args: ['class.h2']
+            }], isH3: [{
+                type: HostBinding,
+                args: ['class.h3']
+            }], isH4: [{
+                type: HostBinding,
+                args: ['class.h4']
+            }], isH5: [{
+                type: HostBinding,
+                args: ['class.h5']
+            }], isH6: [{
+                type: HostBinding,
+                args: ['class.h6']
+            }], _isLine: [{
+                type: HostBinding,
+                args: ['class.line']
+            }], _isButton: [{
+                type: HostBinding,
+                args: ['class.button']
+            }], _isCircle: [{
+                type: HostBinding,
+                args: ['class.circle']
+            }], _isSquare: [{
+                type: HostBinding,
+                args: ['class.square']
+            }], _isCustom: [{
+                type: HostBinding,
+                args: ['class.custom']
+            }], _isXSmallSize: [{
+                type: HostBinding,
+                args: ['class.onemrva-mat-avatar--xsmall']
+            }], _isSmallSize: [{
+                type: HostBinding,
+                args: ['class.onemrva-mat-avatar--small']
+            }], _isMediumSize: [{
+                type: HostBinding,
+                args: ['class.onemrva-mat-avatar--medium']
+            }], _isLargeSize: [{
+                type: HostBinding,
+                args: ['class.onemrva-mat-avatar--large']
+            }], _isXLargeSize: [{
+                type: HostBinding,
+                args: ['class.onemrva-mat-avatar--xlarge']
+            }] } });
+
+class OnemrvaMatSkeletonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [OnemrvaMatSkeletonComponent],
+                    exports: [OnemrvaMatSkeletonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatSkeletoTypes, OnemrvaMatSkeletonAnimations, OnemrvaMatSkeletonComponent, OnemrvaMatSkeletonModule };
+//# sourceMappingURL=onemrvapublic-design-system-mat-skeleton.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-skeleton.mjs","sources":["../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton-enums.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.html","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.module.ts","../../../../projects/onemrva/design-system/mat-skeleton/onemrvapublic-design-system-mat-skeleton.ts"],"sourcesContent":["import { mkenum } from '@onemrvapublic/design-system/utils';\n\nexport type OnemrvaSkeletonLoaderConfigTheme = Record<string, any> | null;\n\nexport const OnemrvaMatSkeletonAnimations = mkenum({\n  PULSE: 'pulse',\n  PROGRESS: 'progress',\n  NONE: 'none',\n});\nexport type OnemrvaMatSkeletonAnimations =\n  (typeof OnemrvaMatSkeletonAnimations)[keyof typeof OnemrvaMatSkeletonAnimations];\n\nexport const OnemrvaMatSkeletoTypes = mkenum({\n  H1: 'h1',\n  H2: 'h2',\n  H3: 'h3',\n  H4: 'h4',\n  H5: 'h5',\n  H6: 'h6',\n  BUTTON: 'button',\n  CIRCLE: 'circle',\n  SQUARE: 'square',\n  CUSTOM: 'custom',\n  LINE: '',\n});\nexport type OnemrvaMatSkeletoTypes =\n  (typeof OnemrvaMatSkeletoTypes)[keyof typeof OnemrvaMatSkeletoTypes];\n","import {\n  Component,\n  OnInit,\n  Input,\n  HostBinding,\n  OnChanges,\n} from '@angular/core';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport {\n  OnemrvaMatSkeletonAnimations,\n  OnemrvaMatSkeletoTypes,\n  OnemrvaSkeletonLoaderConfigTheme,\n} from './onemrva-mat-skeleton-enums';\nimport { NgStyle } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n/**\n * Skeleton provides a way to display loading element while page is loading.\n *\n * @MatModule OnemrvaMatSkeletonModule\n *\n * @MatKeywords skeleton, loading, progress\n *\n * @example\n * ```html\n * <onemrva-mat-skeleton type=\"avatar\" size=\"large\">\n * </onemrva-mat-skeleton>\n * ```\n */\n@Component({\n  selector: 'onemrva-mat-skeleton',\n  templateUrl: 'onemrva-mat-skeleton.component.html',\n  styleUrls: ['onemrva-mat-skeleton.component.scss'],\n  standalone: true,\n  imports: [NgStyle],\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n  @Input()\n  count = 1;\n\n  @Input()\n  animation: OnemrvaMatSkeletonAnimations =\n    OnemrvaMatSkeletonAnimations.PROGRESS;\n\n  @Input()\n  type: OnemrvaMatSkeletoTypes = OnemrvaMatSkeletoTypes.LINE;\n\n  @Input()\n  size: OnemrvaMatSize = OnemrvaMatSize.MEDIUM;\n\n  @Input()\n  theme: OnemrvaSkeletonLoaderConfigTheme = [];\n\n  @HostBinding('attr.aria-label')\n  @Input()\n  ariaLabel = 'loading';\n\n  @HostBinding('attr.role')\n  @Input()\n  public role = 'progressbar';\n\n  @HostBinding('attr.valuetext')\n  @Input()\n  public loadingText = 'Loading...';\n\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-skeleton-${NEXT_ID++}`;\n\n  /** @hidden @internal */\n  @HostBinding('class.progress')\n  public get _isProgress(): boolean {\n    return this.animation === OnemrvaMatSkeletonAnimations.PROGRESS;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.pulse')\n  public get _isPulse(): boolean {\n    return this.animation === OnemrvaMatSkeletonAnimations.PULSE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h1')\n  public get isH1(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H1;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h2')\n  public get isH2(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H2;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h3')\n  public get isH3(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H3;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h4')\n  public get isH4(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H4;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h5')\n  public get isH5(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H5;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h6')\n  public get isH6(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H6;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.line')\n  public get _isLine(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.LINE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.button')\n  public get _isButton(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.BUTTON;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.circle')\n  public get _isCircle(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.CIRCLE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.square')\n  public get _isSquare(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.SQUARE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.custom')\n  public get _isCustom(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.CUSTOM;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--xsmall')\n  public get _isXSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.XSMALL;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--small')\n  public get _isSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.SMALL;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--medium')\n  public get _isMediumSize(): boolean {\n    return this.size === OnemrvaMatSize.MEDIUM;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--large')\n  public get _isLargeSize(): boolean {\n    return this.size === OnemrvaMatSize.LARGE;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--xlarge')\n  public get _isXLargeSize(): boolean {\n    return this.size === OnemrvaMatSize.XLARGE;\n  }\n\n  public items: any[] = [];\n\n  ngOnInit() {\n    this.items.length = this.count;\n  }\n\n  ngOnChanges() {\n    this.items.length = this.count;\n  }\n}\n","@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSkeletonComponent } from './onemrva-mat-skeleton.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatSkeletonComponent],\n  exports: [OnemrvaMatSkeletonComponent],\n})\nexport class OnemrvaMatSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}