@onemrvapublic/design-system 21.8.1-develop.2 → 22.0.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/README.md +10 -4
  2. package/fesm2022/onemrvapublic-design-system-card.mjs +33 -20
  3. package/fesm2022/onemrvapublic-design-system-card.mjs.map +1 -1
  4. package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs +11 -7
  5. package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs.map +1 -1
  6. package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +9 -6
  7. package/fesm2022/onemrvapublic-design-system-flag-icon.mjs.map +1 -1
  8. package/fesm2022/onemrvapublic-design-system-layout.mjs +169 -114
  9. package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
  10. package/fesm2022/onemrvapublic-design-system-mat-address.mjs +9 -6
  11. package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map +1 -1
  12. package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +23 -13
  13. package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs.map +1 -1
  14. package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +14 -12
  15. package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs.map +1 -1
  16. package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +22 -14
  17. package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs.map +1 -1
  18. package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +13 -8
  19. package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs.map +1 -1
  20. package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +5 -4
  21. package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs.map +1 -1
  22. package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs +7 -5
  23. package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs.map +1 -1
  24. package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +3 -3
  25. package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +9 -6
  26. package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs.map +1 -1
  27. package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +78 -49
  28. package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs.map +1 -1
  29. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +22 -14
  30. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs.map +1 -1
  31. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +23 -13
  32. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs.map +1 -1
  33. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +19 -11
  34. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map +1 -1
  35. package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +19 -11
  36. package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs.map +1 -1
  37. package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +18 -11
  38. package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map +1 -1
  39. package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +17 -12
  40. package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs.map +1 -1
  41. package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +29 -18
  42. package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs.map +1 -1
  43. package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +19 -13
  44. package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs.map +1 -1
  45. package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs +54 -32
  46. package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs.map +1 -1
  47. package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +13 -8
  48. package/fesm2022/onemrvapublic-design-system-mat-notification.mjs.map +1 -1
  49. package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +21 -14
  50. package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs.map +1 -1
  51. package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +56 -39
  52. package/fesm2022/onemrvapublic-design-system-mat-panel.mjs.map +1 -1
  53. package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +33 -23
  54. package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs.map +1 -1
  55. package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +19 -11
  56. package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs.map +1 -1
  57. package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +56 -35
  58. package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs.map +1 -1
  59. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +19 -13
  60. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map +1 -1
  61. package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +13 -10
  62. package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs.map +1 -1
  63. package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +61 -34
  64. package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs.map +1 -1
  65. package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +12 -11
  66. package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs.map +1 -1
  67. package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +10 -11
  68. package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs.map +1 -1
  69. package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +7 -7
  70. package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +37 -23
  71. package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs.map +1 -1
  72. package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +44 -30
  73. package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs.map +1 -1
  74. package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +7 -7
  75. package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +24 -17
  76. package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs.map +1 -1
  77. package/fesm2022/onemrvapublic-design-system-page-error.mjs +14 -10
  78. package/fesm2022/onemrvapublic-design-system-page-error.mjs.map +1 -1
  79. package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +24 -20
  80. package/fesm2022/onemrvapublic-design-system-page-not-found.mjs.map +1 -1
  81. package/fesm2022/onemrvapublic-design-system-shared.mjs +120 -98
  82. package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
  83. package/fesm2022/onemrvapublic-design-system.mjs +1 -1
  84. package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
  85. package/package.json +19 -19
  86. package/types/onemrvapublic-design-system.d.ts +1 -1
@@ -1 +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 inject,\n ViewEncapsulation,\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';\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 host: {\n '[attr.id]': 'id()',\n },\n})\nexport class OnemrvaMatSelectableBoxComponent {\n public readonly id = input(`onemrva-mat-selectable-box-${NEXT_ID++}`);\n\n readonly radioButton = viewChild<MatRadioButton>('radioButton');\n\n readonly value = input('');\n\n readonly disabled = input(false);\n\n readonly checked = input(false);\n\n readonly iconSize = input<OnemrvaMatSize>('');\n\n readonly valueChange = output<MatRadioChange>();\n\n valueChanged(event: MatRadioChange) {\n this.valueChange.emit(event);\n }\n\n isChecked() {\n return this.radioButton()?.checked ?? false;\n }\n\n triggerRadioClick() {\n const radioButton = this.radioButton();\n if (radioButton && !radioButton.checked && !radioButton.disabled) {\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 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\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\" />\n </mat-label>\n\n <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize()\">\n <ng-content select=\"[icon]\" />\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\" /></span>\n </mat-card-title>\n\n <mat-card-content>\n <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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"}
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 inject,\n ViewEncapsulation,\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';\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 host: {\n '[attr.id]': 'id()',\n },\n})\nexport class OnemrvaMatSelectableBoxComponent {\n public readonly id = input(`onemrva-mat-selectable-box-${NEXT_ID++}`);\n\n readonly radioButton = viewChild<MatRadioButton>('radioButton');\n\n readonly value = input('');\n\n readonly disabled = input(false);\n\n readonly checked = input(false);\n\n readonly iconSize = input<OnemrvaMatSize>('');\n\n readonly valueChange = output<MatRadioChange>();\n\n valueChanged(event: MatRadioChange) {\n this.valueChange.emit(event);\n }\n\n isChecked() {\n return this.radioButton()?.checked ?? false;\n }\n\n triggerRadioClick() {\n const radioButton = this.radioButton();\n if (radioButton && !radioButton.checked && !radioButton.disabled) {\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 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\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\" />\n </mat-label>\n\n <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize()\">\n <ng-content select=\"[icon]\" />\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\" /></span>\n </mat-card-title>\n\n <mat-card-content>\n <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":";;;;;;;;AAiBA,IAAI,OAAO,GAAG,CAAC;MAqBF,gCAAgC,CAAA;AAnB7C,IAAA,WAAA,GAAA;AAoBkB,QAAA,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,CAAA,2BAAA,EAA8B,OAAO,EAAE,CAAA,CAAE;+EAAC;QAE5D,IAAA,CAAA,WAAW,GAAG,SAAS,CAAiB,aAAa;wFAAC;QAEtD,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE;kFAAC;QAEjB,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK;qFAAC;QAEvB,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK;oFAAC;QAEtB,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAiB,EAAE;qFAAC;QAEpC,IAAA,CAAA,WAAW,GAAG,MAAM,EAAkB;AAqBhD,IAAA;AAnBC,IAAA,YAAY,CAAC,KAAqB,EAAA;AAChC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B;IAEA,SAAS,GAAA;QACP,OAAO,IAAI,CAAC,WAAW,EAAE,EAAE,OAAO,IAAI,KAAK;IAC7C;IAEA,iBAAiB,GAAA;AACf,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AACtC,QAAA,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;;;;AAIhE,YAAA,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,aAAa,CACnD,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAC5C;QACH;IACF;8GAjCW,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtC7C,4zBA+BA,EAAA,MAAA,EAAA,CAAA,sxDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDLI,YAAY,6FACZ,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,cAAc,6DACd,oBAAoB,EAAA,QAAA,EAAA,oFAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMX,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAnB5C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,cAG1B,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;wBACP,YAAY;wBACZ,OAAO;wBACP,cAAc;wBACd,QAAQ;wBACR,OAAO;wBACP,cAAc;wBACd,oBAAoB;qBACrB,EAAA,IAAA,EACK;AACJ,wBAAA,WAAW,EAAE,MAAM;AACpB,qBAAA,EAAA,QAAA,EAAA,4zBAAA,EAAA,MAAA,EAAA,CAAA,sxDAAA,CAAA,EAAA;6JAKgD,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEjCnD,6BAA6B,CAAA;8GAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAA7B,6BAA6B,EAAA,OAAA,EAAA,CAH9B,gCAAgC,CAAA,EAAA,OAAA,EAAA,CAChC,gCAAgC,CAAA,EAAA,CAAA,CAAA;AAE/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,YAH9B,gCAAgC,CAAA,EAAA,CAAA,CAAA;;2FAG/B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,gCAAgC,CAAC;oBAC3C,OAAO,EAAE,CAAC,gCAAgC,CAAC;AAC5C,iBAAA;;;ACPD;;AAEG;;ACFH;;AAEG;;;;"}
@@ -7,9 +7,12 @@ import { TranslatePipe } from '@ngx-translate/core';
7
7
 
8
8
  class OnemrvaMatSideMenuComponent {
9
9
  constructor() {
10
- this.menuHeaderKey = input.required(...(ngDevMode ? [{ debugName: "menuHeaderKey" }] : /* istanbul ignore next */ []));
11
- this.menus = input.required(...(ngDevMode ? [{ debugName: "menus" }] : /* istanbul ignore next */ []));
12
- this.currentMenu = input(...(ngDevMode ? [undefined, { debugName: "currentMenu" }] : /* istanbul ignore next */ [])); // string to be matched against menu.path or menu.key
10
+ this.menuHeaderKey = input.required(/* @ts-ignore */
11
+ ...(ngDevMode ? [{ debugName: "menuHeaderKey" }] : /* istanbul ignore next */ []));
12
+ this.menus = input.required(/* @ts-ignore */
13
+ ...(ngDevMode ? [{ debugName: "menus" }] : /* istanbul ignore next */ []));
14
+ this.currentMenu = input(/* @ts-ignore */
15
+ ...(ngDevMode ? [undefined, { debugName: "currentMenu" }] : /* istanbul ignore next */ [])); // string to be matched against menu.path or menu.key
13
16
  // eslint-disable-next-line @angular-eslint/no-output-on-prefix
14
17
  this.onSelectOption = output();
15
18
  this.isSmall = true;
@@ -28,20 +31,20 @@ class OnemrvaMatSideMenuComponent {
28
31
  selectMenu(menu) {
29
32
  this.onSelectOption.emit(menu);
30
33
  }
31
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
32
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: { classPropertyName: "menuHeaderKey", publicName: "menuHeaderKey", isSignal: true, isRequired: true, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: true, transformFunction: null }, currentMenu: { classPropertyName: "currentMenu", publicName: "currentMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "@if (isSmall) {\n <mat-chip-set class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.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-set>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </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 [class.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 .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: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1.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: i1.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
34
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
35
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: { classPropertyName: "menuHeaderKey", publicName: "menuHeaderKey", isSignal: true, isRequired: true, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: true, transformFunction: null }, currentMenu: { classPropertyName: "currentMenu", publicName: "currentMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "@if (isSmall) {\n <mat-chip-set class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.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-set>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </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 [class.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 .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: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1.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: i1.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
33
36
  }
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
35
38
  type: Component,
36
39
  args: [{ selector: 'onemrva-mat-side-menu', imports: [MatChipsModule, TranslatePipe], template: "@if (isSmall) {\n <mat-chip-set class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.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-set>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </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 [class.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 .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"] }]
37
40
  }], propDecorators: { menuHeaderKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuHeaderKey", required: true }] }], menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: true }] }], currentMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMenu", required: false }] }], onSelectOption: [{ type: i0.Output, args: ["onSelectOption"] }] } });
38
41
 
39
42
  class OnemrvaMatSideMenuModule {
40
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
41
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
42
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
43
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
44
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
45
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
43
46
  }
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
47
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
45
48
  type: NgModule,
46
49
  args: [{
47
50
  declarations: [],
@@ -1 +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 OnInit,\n OnDestroy,\n inject,\n input,\n output,\n} from '@angular/core';\nimport {\n BreakpointObserver,\n Breakpoints,\n BreakpointState,\n} from '@angular/cdk/layout';\nimport { Subscription } from 'rxjs';\nimport { MatChipsModule } from '@angular/material/chips';\n\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 imports: [MatChipsModule, TranslatePipe],\n})\nexport class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {\n readonly menuHeaderKey = input.required<string>();\n readonly menus = input.required<OnemrvaMenu[]>();\n readonly currentMenu = input<string>(); // string to be matched against menu.path or menu.key\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onSelectOption = output<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 this.isSmall = state.matches;\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-set class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.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-set>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </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 [class.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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"}
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 OnInit,\n OnDestroy,\n inject,\n input,\n output,\n} from '@angular/core';\nimport {\n BreakpointObserver,\n Breakpoints,\n BreakpointState,\n} from '@angular/cdk/layout';\nimport { Subscription } from 'rxjs';\nimport { MatChipsModule } from '@angular/material/chips';\n\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 imports: [MatChipsModule, TranslatePipe],\n})\nexport class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {\n readonly menuHeaderKey = input.required<string>();\n readonly menus = input.required<OnemrvaMenu[]>();\n readonly currentMenu = input<string>(); // string to be matched against menu.path or menu.key\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onSelectOption = output<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 this.isSmall = state.matches;\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-set class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.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-set>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </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 [class.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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"}
@@ -38,33 +38,60 @@ let NEXT_ID = 0;
38
38
  */
39
39
  class OnemrvaMatSkeletonComponent {
40
40
  constructor() {
41
- this.count = input(1, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
42
- this.animation = input(OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
43
- this.type = input(OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
44
- this.size = input(OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
45
- this.theme = input([], ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
46
- this.ariaLabel = input('loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
47
- this.role = input('progressbar', ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
48
- this.loadingText = input('Loading...', ...(ngDevMode ? [{ debugName: "loadingText" }] : /* istanbul ignore next */ []));
49
- this.id = input(`onemrva-mat-skeleton-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
50
- this._isProgress = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "_isProgress" }] : /* istanbul ignore next */ []));
51
- this._isPulse = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PULSE, ...(ngDevMode ? [{ debugName: "_isPulse" }] : /* istanbul ignore next */ []));
52
- this.isH1 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H1, ...(ngDevMode ? [{ debugName: "isH1" }] : /* istanbul ignore next */ []));
53
- this.isH2 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H2, ...(ngDevMode ? [{ debugName: "isH2" }] : /* istanbul ignore next */ []));
54
- this.isH3 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H3, ...(ngDevMode ? [{ debugName: "isH3" }] : /* istanbul ignore next */ []));
55
- this.isH4 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H4, ...(ngDevMode ? [{ debugName: "isH4" }] : /* istanbul ignore next */ []));
56
- this.isH5 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H5, ...(ngDevMode ? [{ debugName: "isH5" }] : /* istanbul ignore next */ []));
57
- this.isH6 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H6, ...(ngDevMode ? [{ debugName: "isH6" }] : /* istanbul ignore next */ []));
58
- this._isLine = computed(() => this.type() === OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "_isLine" }] : /* istanbul ignore next */ []));
59
- this._isButton = computed(() => this.type() === OnemrvaMatSkeletoTypes.BUTTON, ...(ngDevMode ? [{ debugName: "_isButton" }] : /* istanbul ignore next */ []));
60
- this._isCircle = computed(() => this.type() === OnemrvaMatSkeletoTypes.CIRCLE, ...(ngDevMode ? [{ debugName: "_isCircle" }] : /* istanbul ignore next */ []));
61
- this._isSquare = computed(() => this.type() === OnemrvaMatSkeletoTypes.SQUARE, ...(ngDevMode ? [{ debugName: "_isSquare" }] : /* istanbul ignore next */ []));
62
- this._isCustom = computed(() => this.type() === OnemrvaMatSkeletoTypes.CUSTOM, ...(ngDevMode ? [{ debugName: "_isCustom" }] : /* istanbul ignore next */ []));
63
- this._isXSmallSize = computed(() => this.size() === OnemrvaMatSize.XSMALL, ...(ngDevMode ? [{ debugName: "_isXSmallSize" }] : /* istanbul ignore next */ []));
64
- this._isSmallSize = computed(() => this.size() === OnemrvaMatSize.SMALL, ...(ngDevMode ? [{ debugName: "_isSmallSize" }] : /* istanbul ignore next */ []));
65
- this._isMediumSize = computed(() => this.size() === OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "_isMediumSize" }] : /* istanbul ignore next */ []));
66
- this._isLargeSize = computed(() => this.size() === OnemrvaMatSize.LARGE, ...(ngDevMode ? [{ debugName: "_isLargeSize" }] : /* istanbul ignore next */ []));
67
- this._isXLargeSize = computed(() => this.size() === OnemrvaMatSize.XLARGE, ...(ngDevMode ? [{ debugName: "_isXLargeSize" }] : /* istanbul ignore next */ []));
41
+ this.count = input(1, /* @ts-ignore */
42
+ ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
43
+ this.animation = input(OnemrvaMatSkeletonAnimations.PROGRESS, /* @ts-ignore */
44
+ ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
45
+ this.type = input(OnemrvaMatSkeletoTypes.LINE, /* @ts-ignore */
46
+ ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
47
+ this.size = input(OnemrvaMatSize.MEDIUM, /* @ts-ignore */
48
+ ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
49
+ this.theme = input([], /* @ts-ignore */
50
+ ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
51
+ this.ariaLabel = input('loading', /* @ts-ignore */
52
+ ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
53
+ this.role = input('progressbar', /* @ts-ignore */
54
+ ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
55
+ this.loadingText = input('Loading...', /* @ts-ignore */
56
+ ...(ngDevMode ? [{ debugName: "loadingText" }] : /* istanbul ignore next */ []));
57
+ this.id = input(`onemrva-mat-skeleton-${NEXT_ID++}`, /* @ts-ignore */
58
+ ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
59
+ this._isProgress = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS, /* @ts-ignore */
60
+ ...(ngDevMode ? [{ debugName: "_isProgress" }] : /* istanbul ignore next */ []));
61
+ this._isPulse = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PULSE, /* @ts-ignore */
62
+ ...(ngDevMode ? [{ debugName: "_isPulse" }] : /* istanbul ignore next */ []));
63
+ this.isH1 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H1, /* @ts-ignore */
64
+ ...(ngDevMode ? [{ debugName: "isH1" }] : /* istanbul ignore next */ []));
65
+ this.isH2 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H2, /* @ts-ignore */
66
+ ...(ngDevMode ? [{ debugName: "isH2" }] : /* istanbul ignore next */ []));
67
+ this.isH3 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H3, /* @ts-ignore */
68
+ ...(ngDevMode ? [{ debugName: "isH3" }] : /* istanbul ignore next */ []));
69
+ this.isH4 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H4, /* @ts-ignore */
70
+ ...(ngDevMode ? [{ debugName: "isH4" }] : /* istanbul ignore next */ []));
71
+ this.isH5 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H5, /* @ts-ignore */
72
+ ...(ngDevMode ? [{ debugName: "isH5" }] : /* istanbul ignore next */ []));
73
+ this.isH6 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H6, /* @ts-ignore */
74
+ ...(ngDevMode ? [{ debugName: "isH6" }] : /* istanbul ignore next */ []));
75
+ this._isLine = computed(() => this.type() === OnemrvaMatSkeletoTypes.LINE, /* @ts-ignore */
76
+ ...(ngDevMode ? [{ debugName: "_isLine" }] : /* istanbul ignore next */ []));
77
+ this._isButton = computed(() => this.type() === OnemrvaMatSkeletoTypes.BUTTON, /* @ts-ignore */
78
+ ...(ngDevMode ? [{ debugName: "_isButton" }] : /* istanbul ignore next */ []));
79
+ this._isCircle = computed(() => this.type() === OnemrvaMatSkeletoTypes.CIRCLE, /* @ts-ignore */
80
+ ...(ngDevMode ? [{ debugName: "_isCircle" }] : /* istanbul ignore next */ []));
81
+ this._isSquare = computed(() => this.type() === OnemrvaMatSkeletoTypes.SQUARE, /* @ts-ignore */
82
+ ...(ngDevMode ? [{ debugName: "_isSquare" }] : /* istanbul ignore next */ []));
83
+ this._isCustom = computed(() => this.type() === OnemrvaMatSkeletoTypes.CUSTOM, /* @ts-ignore */
84
+ ...(ngDevMode ? [{ debugName: "_isCustom" }] : /* istanbul ignore next */ []));
85
+ this._isXSmallSize = computed(() => this.size() === OnemrvaMatSize.XSMALL, /* @ts-ignore */
86
+ ...(ngDevMode ? [{ debugName: "_isXSmallSize" }] : /* istanbul ignore next */ []));
87
+ this._isSmallSize = computed(() => this.size() === OnemrvaMatSize.SMALL, /* @ts-ignore */
88
+ ...(ngDevMode ? [{ debugName: "_isSmallSize" }] : /* istanbul ignore next */ []));
89
+ this._isMediumSize = computed(() => this.size() === OnemrvaMatSize.MEDIUM, /* @ts-ignore */
90
+ ...(ngDevMode ? [{ debugName: "_isMediumSize" }] : /* istanbul ignore next */ []));
91
+ this._isLargeSize = computed(() => this.size() === OnemrvaMatSize.LARGE, /* @ts-ignore */
92
+ ...(ngDevMode ? [{ debugName: "_isLargeSize" }] : /* istanbul ignore next */ []));
93
+ this._isXLargeSize = computed(() => this.size() === OnemrvaMatSize.XLARGE, /* @ts-ignore */
94
+ ...(ngDevMode ? [{ debugName: "_isXLargeSize" }] : /* istanbul ignore next */ []));
68
95
  this.items = [];
69
96
  }
70
97
  ngOnInit() {
@@ -73,10 +100,10 @@ class OnemrvaMatSkeletonComponent {
73
100
  ngOnChanges() {
74
101
  this.items.length = this.count();
75
102
  }
76
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
77
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel()", "attr.role": "role()", "attr.valuetext": "loadingText()", "attr.id": "id()", "class.progress": "_isProgress()", "class.pulse": "_isPulse()", "class.h1": "isH1()", "class.h2": "isH2()", "class.h3": "isH3()", "class.h4": "isH4()", "class.h5": "isH5()", "class.h6": "isH6()", "class.line": "_isLine()", "class.button": "_isButton()", "class.circle": "_isCircle()", "class.square": "_isSquare()", "class.custom": "_isCustom()", "class.onemrva-mat-avatar--xsmall": "_isXSmallSize()", "class.onemrva-mat-avatar--small": "_isSmallSize()", "class.onemrva-mat-avatar--medium": "_isMediumSize()", "class.onemrva-mat-avatar--large": "_isLargeSize()", "class.onemrva-mat-avatar--xlarge": "_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 />\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:var(--mat-sys-surface-container) 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"] }] }); }
103
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
104
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel()", "attr.role": "role()", "attr.valuetext": "loadingText()", "attr.id": "id()", "class.progress": "_isProgress()", "class.pulse": "_isPulse()", "class.h1": "isH1()", "class.h2": "isH2()", "class.h3": "isH3()", "class.h4": "isH4()", "class.h5": "isH5()", "class.h6": "isH6()", "class.line": "_isLine()", "class.button": "_isButton()", "class.circle": "_isCircle()", "class.square": "_isSquare()", "class.custom": "_isCustom()", "class.onemrva-mat-avatar--xsmall": "_isXSmallSize()", "class.onemrva-mat-avatar--small": "_isSmallSize()", "class.onemrva-mat-avatar--medium": "_isMediumSize()", "class.onemrva-mat-avatar--large": "_isLargeSize()", "class.onemrva-mat-avatar--xlarge": "_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 />\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:var(--mat-sys-surface-container) 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"] }] }); }
78
105
  }
79
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
106
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
80
107
  type: Component,
81
108
  args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgStyle], host: {
82
109
  '[attr.aria-label]': 'ariaLabel()',
@@ -105,11 +132,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
105
132
  }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
106
133
 
107
134
  class OnemrvaMatSkeletonModule {
108
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
109
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
110
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
135
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
136
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
137
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
111
138
  }
112
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
139
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
113
140
  type: NgModule,
114
141
  args: [{
115
142
  declarations: [],
@@ -1 +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 { Component, OnInit, OnChanges, input, computed } 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 host: {\n '[attr.aria-label]': 'ariaLabel()',\n '[attr.role]': 'role()',\n '[attr.valuetext]': 'loadingText()',\n '[attr.id]': 'id()',\n '[class.progress]': '_isProgress()',\n '[class.pulse]': '_isPulse()',\n '[class.h1]': 'isH1()',\n '[class.h2]': 'isH2()',\n '[class.h3]': 'isH3()',\n '[class.h4]': 'isH4()',\n '[class.h5]': 'isH5()',\n '[class.h6]': 'isH6()',\n '[class.line]': '_isLine()',\n '[class.button]': '_isButton()',\n '[class.circle]': '_isCircle()',\n '[class.square]': '_isSquare()',\n '[class.custom]': '_isCustom()',\n '[class.onemrva-mat-avatar--xsmall]': '_isXSmallSize()',\n '[class.onemrva-mat-avatar--small]': '_isSmallSize()',\n '[class.onemrva-mat-avatar--medium]': '_isMediumSize()',\n '[class.onemrva-mat-avatar--large]': '_isLargeSize()',\n '[class.onemrva-mat-avatar--xlarge]': '_isXLargeSize()',\n },\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n readonly count = input(1);\n readonly animation = input<OnemrvaMatSkeletonAnimations>(\n OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n readonly type = input<OnemrvaMatSkeletoTypes>(OnemrvaMatSkeletoTypes.LINE);\n readonly size = input<OnemrvaMatSize>(OnemrvaMatSize.MEDIUM);\n readonly theme = input<OnemrvaSkeletonLoaderConfigTheme>([]);\n readonly ariaLabel = input('loading');\n readonly role = input('progressbar');\n readonly loadingText = input('Loading...');\n readonly id = input(`onemrva-mat-skeleton-${NEXT_ID++}`);\n\n protected readonly _isProgress = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n protected readonly _isPulse = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PULSE,\n );\n protected readonly isH1 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H1,\n );\n protected readonly isH2 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H2,\n );\n protected readonly isH3 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H3,\n );\n protected readonly isH4 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H4,\n );\n protected readonly isH5 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H5,\n );\n protected readonly isH6 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H6,\n );\n protected readonly _isLine = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.LINE,\n );\n protected readonly _isButton = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.BUTTON,\n );\n protected readonly _isCircle = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CIRCLE,\n );\n protected readonly _isSquare = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.SQUARE,\n );\n protected readonly _isCustom = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CUSTOM,\n );\n protected readonly _isXSmallSize = computed(\n () => this.size() === OnemrvaMatSize.XSMALL,\n );\n protected readonly _isSmallSize = computed(\n () => this.size() === OnemrvaMatSize.SMALL,\n );\n protected readonly _isMediumSize = computed(\n () => this.size() === OnemrvaMatSize.MEDIUM,\n );\n protected readonly _isLargeSize = computed(\n () => this.size() === OnemrvaMatSize.LARGE,\n );\n protected readonly _isXLargeSize = computed(\n () => 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 />\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":";;;;;AAIO,MAAM,4BAA4B,GAAG,MAAM,CAAC;AACjD,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAIM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAC3C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,EAAE;AACT,CAAA;;ACfD,IAAI,OAAO,GAAG,CAAC;AAEf;;;;;;;;;;;;AAYG;MAgCU,2BAA2B,CAAA;AA/BxC,IAAA,WAAA,GAAA;AAgCW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,CAAC,4EAAC;AAChB,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CACxB,4BAA4B,CAAC,QAAQ,gFACtC;AACQ,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,sBAAsB,CAAC,IAAI,2EAAC;AACjE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAiB,cAAc,CAAC,MAAM,2EAAC;AACnD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAmC,EAAE,4EAAC;AACnD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,gFAAC;AAC5B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,aAAa,2EAAC;AAC3B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,YAAY,kFAAC;QACjC,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,CAAA,qBAAA,EAAwB,OAAO,EAAE,CAAA,CAAE,yEAAC;AAErC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CACvC,MAAM,IAAI,CAAC,SAAS,EAAE,KAAK,4BAA4B,CAAC,QAAQ,kFACjE;AACkB,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CACpC,MAAM,IAAI,CAAC,SAAS,EAAE,KAAK,4BAA4B,CAAC,KAAK,+EAC9D;AACkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAChC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,EAAE,2EAChD;AACkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAChC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,EAAE,2EAChD;AACkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAChC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,EAAE,2EAChD;AACkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAChC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,EAAE,2EAChD;AACkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAChC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,EAAE,2EAChD;AACkB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAChC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,EAAE,2EAChD;AACkB,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CACnC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,IAAI,8EAClD;AACkB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CACrC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,MAAM,gFACpD;AACkB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CACrC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,MAAM,gFACpD;AACkB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CACrC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,MAAM,gFACpD;AACkB,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CACrC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,sBAAsB,CAAC,MAAM,gFACpD;AACkB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CACzC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,cAAc,CAAC,MAAM,oFAC5C;AACkB,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CACxC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,cAAc,CAAC,KAAK,mFAC3C;AACkB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CACzC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,cAAc,CAAC,MAAM,oFAC5C;AACkB,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CACxC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,cAAc,CAAC,KAAK,mFAC3C;AACkB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CACzC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,cAAc,CAAC,MAAM,oFAC5C;QAEM,IAAA,CAAA,KAAK,GAAU,EAAE;AASzB,IAAA;IAPC,QAAQ,GAAA;QACN,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE;IAClC;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE;IAClC;8GA5EW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,WAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,SAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,YAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,aAAA,EAAA,kCAAA,EAAA,iBAAA,EAAA,iCAAA,EAAA,gBAAA,EAAA,kCAAA,EAAA,iBAAA,EAAA,iCAAA,EAAA,gBAAA,EAAA,kCAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvDxC,0TAeA,EAAA,MAAA,EAAA,CAAA,yiDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDcY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FA0BN,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBA/BvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,cAGpB,IAAI,EAAA,OAAA,EACP,CAAC,OAAO,CAAC,EAAA,IAAA,EACZ;AACJ,wBAAA,mBAAmB,EAAE,aAAa;AAClC,wBAAA,aAAa,EAAE,QAAQ;AACvB,wBAAA,kBAAkB,EAAE,eAAe;AACnC,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,kBAAkB,EAAE,eAAe;AACnC,wBAAA,eAAe,EAAE,YAAY;AAC7B,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,cAAc,EAAE,WAAW;AAC3B,wBAAA,gBAAgB,EAAE,aAAa;AAC/B,wBAAA,gBAAgB,EAAE,aAAa;AAC/B,wBAAA,gBAAgB,EAAE,aAAa;AAC/B,wBAAA,gBAAgB,EAAE,aAAa;AAC/B,wBAAA,oCAAoC,EAAE,iBAAiB;AACvD,wBAAA,mCAAmC,EAAE,gBAAgB;AACrD,wBAAA,oCAAoC,EAAE,iBAAiB;AACvD,wBAAA,mCAAmC,EAAE,gBAAgB;AACrD,wBAAA,oCAAoC,EAAE,iBAAiB;AACxD,qBAAA,EAAA,QAAA,EAAA,0TAAA,EAAA,MAAA,EAAA,CAAA,yiDAAA,CAAA,EAAA;;;ME7CU,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAxB,wBAAwB,EAAA,OAAA,EAAA,CAHzB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAC3B,2BAA2B,CAAA,EAAA,CAAA,CAAA;+GAE1B,wBAAwB,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,2BAA2B,CAAC;oBACtC,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACvC,iBAAA;;;ACPD;;AAEG;;;;"}
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 { Component, OnInit, OnChanges, input, computed } 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 host: {\n '[attr.aria-label]': 'ariaLabel()',\n '[attr.role]': 'role()',\n '[attr.valuetext]': 'loadingText()',\n '[attr.id]': 'id()',\n '[class.progress]': '_isProgress()',\n '[class.pulse]': '_isPulse()',\n '[class.h1]': 'isH1()',\n '[class.h2]': 'isH2()',\n '[class.h3]': 'isH3()',\n '[class.h4]': 'isH4()',\n '[class.h5]': 'isH5()',\n '[class.h6]': 'isH6()',\n '[class.line]': '_isLine()',\n '[class.button]': '_isButton()',\n '[class.circle]': '_isCircle()',\n '[class.square]': '_isSquare()',\n '[class.custom]': '_isCustom()',\n '[class.onemrva-mat-avatar--xsmall]': '_isXSmallSize()',\n '[class.onemrva-mat-avatar--small]': '_isSmallSize()',\n '[class.onemrva-mat-avatar--medium]': '_isMediumSize()',\n '[class.onemrva-mat-avatar--large]': '_isLargeSize()',\n '[class.onemrva-mat-avatar--xlarge]': '_isXLargeSize()',\n },\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n readonly count = input(1);\n readonly animation = input<OnemrvaMatSkeletonAnimations>(\n OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n readonly type = input<OnemrvaMatSkeletoTypes>(OnemrvaMatSkeletoTypes.LINE);\n readonly size = input<OnemrvaMatSize>(OnemrvaMatSize.MEDIUM);\n readonly theme = input<OnemrvaSkeletonLoaderConfigTheme>([]);\n readonly ariaLabel = input('loading');\n readonly role = input('progressbar');\n readonly loadingText = input('Loading...');\n readonly id = input(`onemrva-mat-skeleton-${NEXT_ID++}`);\n\n protected readonly _isProgress = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n protected readonly _isPulse = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PULSE,\n );\n protected readonly isH1 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H1,\n );\n protected readonly isH2 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H2,\n );\n protected readonly isH3 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H3,\n );\n protected readonly isH4 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H4,\n );\n protected readonly isH5 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H5,\n );\n protected readonly isH6 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H6,\n );\n protected readonly _isLine = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.LINE,\n );\n protected readonly _isButton = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.BUTTON,\n );\n protected readonly _isCircle = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CIRCLE,\n );\n protected readonly _isSquare = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.SQUARE,\n );\n protected readonly _isCustom = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CUSTOM,\n );\n protected readonly _isXSmallSize = computed(\n () => this.size() === OnemrvaMatSize.XSMALL,\n );\n protected readonly _isSmallSize = computed(\n () => this.size() === OnemrvaMatSize.SMALL,\n );\n protected readonly _isMediumSize = computed(\n () => this.size() === OnemrvaMatSize.MEDIUM,\n );\n protected readonly _isLargeSize = computed(\n () => this.size() === OnemrvaMatSize.LARGE,\n );\n protected readonly _isXLargeSize = computed(\n () => 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 />\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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"}