@onemrvapublic/design-system 18.3.0-develop.1 → 19.0.0-develop.1

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

@@ -1,19 +1,9 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ViewChild, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i3 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
-import * as i4 from '@angular/material/radio';
-import { MatRadioModule } from '@angular/material/radio';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
-import { MatSelectModule } from '@angular/material/select';
-import { MatInputModule } from '@angular/material/input';
-import { MatChipsModule } from '@angular/material/chips';
+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';
 
 class OnemrvaMatSelectableBoxComponent {
     valueChanged(event) {
@@ -44,12 +34,19 @@ class OnemrvaMatSelectableBoxComponent {
             this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMatSelectableBoxComponent, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", mode: "mode", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", mode: "mode", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-selectable-box', template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n" }]
+            args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, imports: [
+                        MatCardTitle,
+                        MatCard,
+                        MatRadioButton,
+                        MatLabel,
+                        MatIcon,
+                        MatCardContent,
+                    ], template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { radioButton: [{
                 type: ViewChild,
                 args: ['radioButton']
@@ -66,44 +63,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class OnemrvaMatSelectableBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, declarations: [OnemrvaMatSelectableBoxComponent], imports: [CommonModule,
-            FormsModule,
-            TranslateModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatInputModule,
-            MatIconModule,
-            MatCardModule,
-            MatRadioModule,
-            MatChipsModule], exports: [OnemrvaMatSelectableBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [CommonModule,
-            FormsModule,
-            TranslateModule,
-            MatFormFieldModule,
-            MatSelectModule,
-            MatInputModule,
-            MatIconModule,
-            MatCardModule,
-            MatRadioModule,
-            MatChipsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [OnemrvaMatSelectableBoxComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        TranslateModule,
-                        MatFormFieldModule,
-                        MatSelectModule,
-                        MatInputModule,
-                        MatIconModule,
-                        MatCardModule,
-                        MatRadioModule,
-                        MatChipsModule,
-                    ],
+                    declarations: [],
+                    imports: [OnemrvaMatSelectableBoxComponent],
                     exports: [OnemrvaMatSelectableBoxComponent],
                 }]
         }] });

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

@@ -1 +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  Input,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { MatRadioButton, MatRadioChange } from '@angular/material/radio';\n\n@Component({\n  selector: 'onemrva-mat-selectable-box',\n  templateUrl: './onemrva-mat-selectable-box.component.html',\n})\nexport class OnemrvaMatSelectableBoxComponent implements AfterViewInit {\n  @ViewChild('radioButton')\n  radioButton: MatRadioButton | undefined;\n\n  @Input()\n  value = '';\n\n  @Input()\n  disabled = false;\n\n  @Input()\n  mode: 'primary' | 'white' = 'primary';\n\n  @Input()\n  checked = false;\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() change = new EventEmitter<MatRadioChange>();\n\n  valueChanged(event: MatRadioChange) {\n    this.change.emit(event);\n  }\n\n  constructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    this.changeDetectorRef.detectChanges();\n  }\n\n  isChecked() {\n    return (\n      this.radioButton?._inputElement.nativeElement.checked ?? this.checked\n    );\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=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { OnemrvaMatSelectableBoxComponent } from './onemrva-mat-selectable-box.component';\nimport { FormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatChipsModule } from '@angular/material/chips';\n\n@NgModule({\n  declarations: [OnemrvaMatSelectableBoxComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    TranslateModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatInputModule,\n    MatIconModule,\n    MatCardModule,\n    MatRadioModule,\n    MatChipsModule,\n  ],\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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"}
+{"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  Input,\n  Output,\n  ViewChild,\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';\n\n@Component({\n  selector: 'onemrva-mat-selectable-box',\n  templateUrl: './onemrva-mat-selectable-box.component.html',\n  standalone: true,\n  imports: [\n    MatCardTitle,\n    MatCard,\n    MatRadioButton,\n    MatLabel,\n    MatIcon,\n    MatCardContent,\n  ],\n})\nexport class OnemrvaMatSelectableBoxComponent implements AfterViewInit {\n  @ViewChild('radioButton')\n  radioButton: MatRadioButton | undefined;\n\n  @Input()\n  value = '';\n\n  @Input()\n  disabled = false;\n\n  @Input()\n  mode: 'primary' | 'white' = 'primary';\n\n  @Input()\n  checked = false;\n\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  @Output() change = new EventEmitter<MatRadioChange>();\n\n  valueChanged(event: MatRadioChange) {\n    this.change.emit(event);\n  }\n\n  constructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    this.changeDetectorRef.detectChanges();\n  }\n\n  isChecked() {\n    return (\n      this.radioButton?._inputElement.nativeElement.checked ?? this.checked\n    );\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=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\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

@@ -1,13 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/cdk/layout';
-import { Breakpoints, LayoutModule } from '@angular/cdk/layout';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/material/chips';
-import { MatChipsModule } from '@angular/material/chips';
-import * as i4 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { Breakpoints } from '@angular/cdk/layout';
+import { MatChip, MatChipRow } from '@angular/material/chips';
+import { NgClass, NgForOf, NgIf } from '@angular/common';
+import { TranslatePipe } from '@ngx-translate/core';
 
 class OnemrvaMatSideMenuComponent {
     constructor(breakpointObserver) {
@@ -34,12 +31,12 @@ class OnemrvaMatSideMenuComponent {
     selectMenu(menu) {
         this.onSelectOption.emit(menu);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMatSideMenuComponent, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\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</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\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_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\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</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\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_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\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: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-side-menu', template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\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</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\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_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'onemrva-mat-side-menu', standalone: true, imports: [MatChip, MatChipRow, NgClass, NgForOf, NgIf, TranslatePipe], template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\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</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\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_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { menuHeaderKey: [{
                 type: Input
             }], menus: [{
@@ -51,15 +48,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class OnemrvaMatSideMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, declarations: [OnemrvaMatSideMenuComponent], imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule], exports: [OnemrvaMatSideMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [OnemrvaMatSideMenuComponent],
-                    imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule],
+                    declarations: [],
+                    imports: [OnemrvaMatSideMenuComponent],
                     exports: [OnemrvaMatSideMenuComponent],
                 }]
         }] });

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

@@ -1 +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} from '@angular/core';\nimport {\n  BreakpointObserver,\n  Breakpoints,\n  BreakpointState,\n} from '@angular/cdk/layout';\nimport { Subscription } from 'rxjs';\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  styles: [],\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  constructor(public breakpointObserver: 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","<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\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</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\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_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { LayoutModule } from '@angular/cdk/layout';\n\nimport { OnemrvaMatSideMenuComponent } from './onemrva-mat-side-menu.component';\nimport { MatChipsModule } from '@angular/material/chips';\n\n@NgModule({\n  declarations: [OnemrvaMatSideMenuComponent],\n  imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule],\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":";;;;;;;;;;;MA0Ba,2BAA2B,CAAA;AAUtC,IAAA,WAAA,CAAmB,kBAAsC,EAAA;QAAtC,IAAkB,CAAA,kBAAA,GAAlB,kBAAkB,CAAoB;;AAL/C,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAe,CAAC;QAE3D,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC;KAG8C;IAE7D,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,8BAA8B,GAAG,IAAI,CAAC,kBAAkB;aAC1D,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;AAChD,aAAA,SAAS,CAAC,CAAC,KAAsB,KAAI;AACpC,YAAA,IAAI,KAAK,CAAC,OAAO,EAAE;AACjB,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;aACrB;iBAAM;AACL,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;aACtB;AACH,SAAC,CAAC,CAAC;KACN;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,8BAA8B,EAAE,WAAW,EAAE,CAAC;KACpD;AAED,IAAA,UAAU,CAAC,IAAiB,EAAA;AAC1B,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAChC;+GA9BU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,oMC1BxC,wpCAsCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,wEAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDZa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;+BACE,uBAAuB,EAAA,QAAA,EAAA,wpCAAA,EAAA,CAAA;uFAKxB,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEI,cAAc,EAAA,CAAA;sBAAvB,MAAM;;;MElBI,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAJpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAChC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,CAAA,EAAA,OAAA,EAAA,CAC3D,2BAA2B,CAAA,EAAA,CAAA,CAAA,EAAA;AAE1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAHzB,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAG1D,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,CAAC;oBACtE,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACvC,iBAAA,CAAA;;;ACZD;;AAEG;;ACFH;;AAEG;;;;"}
+{"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} 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, NgForOf, NgIf } 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  styles: [],\n  standalone: true,\n  imports: [MatChip, MatChipRow, NgClass, NgForOf, NgIf, 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  constructor(public breakpointObserver: 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","<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\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</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\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_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\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

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component, Input, HostBinding, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { mkenum, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
+import { NgForOf, NgStyle, NgIf } from '@angular/common';
 
 const OnemrvaMatSkeletonAnimations = mkenum({
     PULSE: 'pulse',
@@ -128,12 +127,12 @@ class OnemrvaMatSkeletonComponent {
     ngOnChanges() {
         this.items.length = this.count;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMatSkeletonComponent, 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.extrasmall": "this._isXSmallSize", "class.small": "this._isSmallSize", "class.medium": "this._isMediumSize", "class.large": "this._isLargeSize", "class.extralarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", 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.extrasmall": "this._isXSmallSize", "class.small": "this._isSmallSize", "class.medium": "this._isMediumSize", "class.large": "this._isLargeSize", "class.extralarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-skeleton', template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"] }]
+            args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgForOf, NgStyle, NgIf], template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"] }]
         }], propDecorators: { count: [{
                 type: Input
             }], animation: [{
@@ -221,15 +220,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class OnemrvaMatSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, declarations: [OnemrvaMatSkeletonComponent], imports: [CommonModule], exports: [OnemrvaMatSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [OnemrvaMatSkeletonComponent],
-                    imports: [CommonModule],
+                    declarations: [],
+                    imports: [OnemrvaMatSkeletonComponent],
                     exports: [OnemrvaMatSkeletonComponent],
                 }]
         }] });

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

@@ -1 +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';\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})\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.extrasmall')\n  public get _isXSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.XSMALL;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.small')\n  public get _isSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.SMALL;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.medium')\n  public get _isMediumSize(): boolean {\n    return this.size === OnemrvaMatSize.MEDIUM;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.large')\n  public get _isLargeSize(): boolean {\n    return this.size === OnemrvaMatSize.LARGE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.extralarge')\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","<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatSkeletonComponent } from './onemrva-mat-skeleton.component';\n\n@NgModule({\n  declarations: [OnemrvaMatSkeletonComponent],\n  imports: [CommonModule],\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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"}
+{"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 { NgForOf, NgIf, 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: [NgForOf, NgStyle, NgIf],\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.extrasmall')\n  public get _isXSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.XSMALL;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.small')\n  public get _isSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.SMALL;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.medium')\n  public get _isMediumSize(): boolean {\n    return this.size === OnemrvaMatSize.MEDIUM;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.large')\n  public get _isLargeSize(): boolean {\n    return this.size === OnemrvaMatSize.LARGE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.extralarge')\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","<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\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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"}