@onemrvapublic/design-system 20.3.0-develop.4 → 20.3.0-develop.6

package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs

@@ -1,7 +1,7 @@
 import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, Output, Input, ViewEncapsulation, Component } from '@angular/core';
+import { EventEmitter, input, inject, Output, ViewEncapsulation, Component } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -19,17 +19,19 @@ import { OnemrvaCountryItemComponent } from '@onemrvapublic/design-system/mat-co
 
 class OnemrvaMatInputCountryComponent {
     setValue(country) {
-        this.country.setValue(country.code);
+        this.country().setValue(country.code);
         this.getCountry.emit(country);
     }
     constructor() {
-        this.readonly = false;
-        this.label = 'Country';
-        this.noEntriesFoundLabel = 'Not found';
-        this.hint = '';
-        this.placeholderLabel = 'Search';
-        this.searchAriaLabel = '';
         this.getCountry = new EventEmitter();
+        this.country = input.required(...(ngDevMode ? [{ debugName: "country" }] : []));
+        this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.label = input('Country', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.noEntriesFoundLabel = input('Not found', ...(ngDevMode ? [{ debugName: "noEntriesFoundLabel" }] : []));
+        this.hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : []));
+        this.placeholderLabel = input('Search', ...(ngDevMode ? [{ debugName: "placeholderLabel" }] : []));
+        this.searchAriaLabel = input('', ...(ngDevMode ? [{ debugName: "searchAriaLabel" }] : []));
         this.filterCtrl = new FormControl('');
         this.cdn = inject(OnemRvaCDNCountryService);
         this.countries$ = this.cdn.getCountries();
@@ -43,7 +45,7 @@ class OnemrvaMatInputCountryComponent {
         }));
     }
     ngOnInit() {
-        this.selectedCountry$ = this.country.valueChanges.pipe(startWith(this.country.getRawValue()), // ✅ Explicitly set type
+        this.selectedCountry$ = this.country().valueChanges.pipe(startWith(this.country().getRawValue()), // ✅ Explicitly set type
         combineLatestWith(this.countries$), map(([value, countries]) => {
             // ✅ Explicitly defining types
             return countries.find((country) => value !== null &&
@@ -55,15 +57,18 @@ class OnemrvaMatInputCountryComponent {
         e.stopPropagation();
     }
     errors() {
-        for (const k in this.country.errors) {
+        for (const k in this.country().errors) {
             if (k === 'required') {
                 return 'input.country.required';
             }
         }
         return 'input.country.unknown.error';
     }
+    getCounrtyCode() {
+        return this.country().getRawValue()?.toLowerCase() ?? null;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputCountryComponent, isStandalone: true, selector: "onemrva-mat-input-country", inputs: { readonly: "readonly", country: "country", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", hint: "hint", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel" }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"country.getRawValue().toLowerCase()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (country.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaCountryItemComponent, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputCountryComponent, isStandalone: true, selector: "onemrva-mat-input-country", inputs: { country: { classPropertyName: "country", publicName: "country", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noEntriesFoundLabel: { classPropertyName: "noEntriesFoundLabel", publicName: "noEntriesFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholderLabel: { classPropertyName: "placeholderLabel", publicName: "placeholderLabel", isSignal: true, isRequired: false, transformFunction: null }, searchAriaLabel: { classPropertyName: "searchAriaLabel", publicName: "searchAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { getCountry: "getCountry" }, ngImport: i0, template: "<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country()\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"getCounrtyCode()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel()\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n        [placeholderLabel]=\"placeholderLabel()\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint() !== '') {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n  @if (country().invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: OnemrvaCountryItemComponent, selector: "mat-country-item", inputs: ["countryCode", "countryName"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputCountryComponent, decorators: [{
             type: Component,
@@ -76,22 +81,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         ReactiveFormsModule,
                         TranslateModule,
                         OnemrvaCountryItemComponent,
-                    ], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"country.getRawValue().toLowerCase()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (country.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { readonly: [{
-                type: Input
-            }], country: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], noEntriesFoundLabel: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholderLabel: [{
-                type: Input
-            }], searchAriaLabel: [{
-                type: Input
-            }], getCountry: [{
+                    ], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country()\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"getCounrtyCode()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel()\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n        [placeholderLabel]=\"placeholderLabel()\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint() !== '') {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n  @if (country().invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["mat-form-field.onemrva-input-country{width:100%}:host mat-option.mdc-list-item .country{position:relative;display:block;padding-top:var(--half-spacer)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { getCountry: [{
                 type: Output
             }] } });
 

package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-input-country.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.ts","../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.html","../../../../projects/onemrva/design-system/mat-input-country/index.ts","../../../../projects/onemrva/design-system/mat-input-country/onemrvapublic-design-system-mat-input-country.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  inject,\n  Input,\n  OnInit,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  Observable,\n  map,\n  startWith,\n  debounceTime,\n  combineLatestWith,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\nimport { OnemrvaCountryItemComponent } from '@onemrvapublic/design-system/mat-country-item';\n\n@Component({\n  selector: 'onemrva-mat-input-country',\n  styleUrls: ['onemrva-mat-input-country.component.scss'],\n  templateUrl: 'onemrva-mat-input-country.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    OnemrvaCountryItemComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputCountryComponent implements OnInit {\n  @Input()\n  readonly = false;\n\n  @Input() country!: FormControl;\n\n  @Input() label = 'Country';\n  @Input() noEntriesFoundLabel = 'Not found';\n  @Input() hint = '';\n  @Input() placeholderLabel = 'Search';\n  @Input() searchAriaLabel = '';\n  @Output() getCountry = new EventEmitter<any>();\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  public countries$: Observable<OnemrvaMaterialCountry[]>;\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n  public selectedCountry$?: Observable<OnemrvaMaterialCountry | undefined>;\n\n  public setValue(country: OnemrvaMaterialCountry) {\n    this.country.setValue(country.code);\n    this.getCountry.emit(country);\n  }\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n\n  constructor() {\n    this.countries$ = this.cdn.getCountries();\n\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // ✅ Explicitly setting type\n      combineLatestWith(this.countries$),\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // ✅ Avoids returning an entire array\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n  }\n\n  ngOnInit(): void {\n    this.selectedCountry$ = this.country.valueChanges.pipe(\n      startWith<string | null>(this.country.getRawValue()), // ✅ Explicitly set type\n      combineLatestWith(this.countries$),\n      map(([value, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // ✅ Explicitly defining types\n        return countries.find(\n          (country: OnemrvaMaterialCountry) =>\n            value !== null &&\n            country.code.toLowerCase() ===\n              value.substring(0, country.code.length).toLowerCase(),\n        );\n      }),\n    );\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  public errors() {\n    for (const k in this.country.errors) {\n      if (k === 'required') {\n        return 'input.country.required';\n      }\n    }\n    return 'input.country.unknown.error';\n  }\n}\n","<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"country.getRawValue().toLowerCase()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n        [placeholderLabel]=\"placeholderLabel\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint !== '') {\n    <mat-hint>{{ hint }}</mat-hint>\n  }\n  @if (country.invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-country.component';\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-input-country.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.ts","../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.html","../../../../projects/onemrva/design-system/mat-input-country/index.ts","../../../../projects/onemrva/design-system/mat-input-country/onemrvapublic-design-system-mat-input-country.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  effect,\n  EventEmitter,\n  inject,\n  input,\n  OnInit,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  Observable,\n  map,\n  startWith,\n  debounceTime,\n  combineLatestWith,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\nimport { OnemrvaCountryItemComponent } from '@onemrvapublic/design-system/mat-country-item';\n\n@Component({\n  selector: 'onemrva-mat-input-country',\n  styleUrls: ['onemrva-mat-input-country.component.scss'],\n  templateUrl: 'onemrva-mat-input-country.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    OnemrvaCountryItemComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputCountryComponent implements OnInit {\n  @Output() getCountry = new EventEmitter<any>();\n\n  country = input.required<FormControl<string | null>>();\n\n  readonly = input(false);\n  disabled = input(false);\n\n  label = input('Country');\n  noEntriesFoundLabel = input('Not found');\n  hint = input('');\n  placeholderLabel = input('Search');\n  searchAriaLabel = input('');\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  public countries$: Observable<OnemrvaMaterialCountry[]>;\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n  public selectedCountry$?: Observable<OnemrvaMaterialCountry | undefined>;\n\n  public setValue(country: OnemrvaMaterialCountry) {\n    this.country().setValue(country.code);\n    this.getCountry.emit(country);\n  }\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n\n  constructor() {\n    this.countries$ = this.cdn.getCountries();\n\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // ✅ Explicitly setting type\n      combineLatestWith(this.countries$),\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // ✅ Avoids returning an entire array\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n  }\n\n  ngOnInit(): void {\n    this.selectedCountry$ = this.country().valueChanges.pipe(\n      startWith<string | null>(this.country().getRawValue()), // ✅ Explicitly set type\n      combineLatestWith(this.countries$),\n      map(([value, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // ✅ Explicitly defining types\n        return countries.find(\n          (country: OnemrvaMaterialCountry) =>\n            value !== null &&\n            country.code.toLowerCase() ===\n              value.substring(0, country.code.length).toLowerCase(),\n        );\n      }),\n    );\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  public errors() {\n    for (const k in this.country().errors) {\n      if (k === 'required') {\n        return 'input.country.required';\n      }\n    }\n    return 'input.country.unknown.error';\n  }\n\n  getCounrtyCode() {\n    return this.country().getRawValue()?.toLowerCase() ?? null;\n  }\n}\n","<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country()\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"getCounrtyCode()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel()\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n        [placeholderLabel]=\"placeholderLabel()\"\n      ></mat-select-search>\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint() !== '') {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n  @if (country().invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-country.component';\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-multi-select.mjs

@@ -15,7 +15,7 @@ import { MatSelectSearchComponent } from '@onemrvapublic/design-system/mat-selec
 let NEXT_ID = 0;
 class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
     get opacity() {
-        return this.disabled ? 0.25 : 1;
+        return this.disabled ? 0.4 : 1;
     }
     onFocus() {
         this.focused = true;

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-multi-select.mjs","sources":["../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.ts","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.html","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.module.ts","../../../../projects/onemrva/design-system/mat-multi-select/onemrvapublic-design-system-mat-multi-select.ts"],"sourcesContent":["import {\n  AfterContentChecked,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  forwardRef,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { TranslatePipe, TranslateService } from '@ngx-translate/core';\nimport { MatOption } from '@angular/material/core';\nimport {\n  debounceTime,\n  map,\n  Observable,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatSelectSearchComponent } from '@onemrvapublic/design-system/mat-select-search';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-multi-select',\n  templateUrl: 'onemrva-mat-multi-select.component.html',\n  styleUrl: 'onemrva-mat-multi-select.component.scss',\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: OnemrvaMatMultiSelectComponent,\n      multi: false,\n    },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [\n    NgClass,\n    TranslatePipe,\n    ReactiveFormsModule,\n    MatSelectModule,\n    AsyncPipe,\n    MatIcon,\n    MatSelectSearchComponent,\n  ],\n  standalone: true,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatMultiSelectComponent\n  extends MatFormFieldControl<any>\n  implements OnInit, OnDestroy, AfterContentChecked\n{\n  counter = 0;\n  _values: any[] = [];\n  public override stateChanges = new Subject<void>();\n\n  @Input()\n  multiple = true;\n\n  @Input()\n  formControl!: FormControl;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.role')\n  public role = 'select';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-label')\n  public label = '';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-invalid')\n  public invalid = false;\n\n  @Input()\n  showFilter = true;\n\n  @Input()\n  selectionToggle = true;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.data-cy')\n  public dataCy = `onemrva-mat-multi-select-${NEXT_ID++}`;\n\n  searchFilter: FormControl = new FormControl<string>('');\n\n  @ContentChildren(MatOption)\n  matOptions: QueryList<MatOption> = new QueryList<MatOption>();\n  matOptions$?: Observable<MatOption<any>[]>;\n  onDestroy$: Subject<any> = new Subject<any>();\n\n  @HostBinding('style.opacity')\n  get opacity() {\n    return this.disabled ? 0.25 : 1;\n  }\n\n  override focused = false;\n\n  onFocus() {\n    this.focused = true;\n    this.stateChanges.next();\n  }\n\n  onBlur() {\n    this.focused = false;\n    this.stateChanges.next();\n  }\n\n  translate = inject(TranslateService);\n  cd = inject(ChangeDetectorRef);\n\n  constructor() {\n    super();\n    setTimeout(() => {\n      this.focused = false;\n    }, 3000);\n  }\n\n  // Function to call when the rating changes.\n  onChange = (_values: any[]) => {\n    //\n  };\n\n  // Function to call when the input is touched (when a star is clicked).\n  onTouched = () => {\n    //\n  };\n\n  // Allows Angular to update the model (rating).\n  // Update the model and changes needed for the view here.\n  writeValue(values: any[] | any | undefined | null): void {\n    if (this.multiple) {\n      this.counter = 0;\n      if (Array.isArray(values)) this.counter = values.length;\n      //else if (Array.isArray(this._values)) this.counter = this._values.length;\n    }\n    this._values = values;\n    this.onChange(this._values);\n  }\n\n  // Allows Angular to register a function to call when the model (rating) changes.\n  // Save the function as a property to call later here.\n  registerOnChange(fn: (value: any[]) => void): void {\n    this.onChange = fn;\n  }\n\n  // Allows Angular to register a function to call when the input has been touched.\n  // Save the function as a property to call later here.\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  isAllSelected() {\n    return this.counter === this.matOptions.length;\n  }\n\n  selectAll() {\n    this._values = this.matOptions.map(option => {\n      return option.value;\n    });\n    this.formControl.setValue(this._values);\n  }\n\n  isNoneSelected() {\n    return this.counter === 0;\n  }\n\n  deselectAll(_$event: MouseEvent) {\n    this._values = [];\n    this.formControl.setValue(this._values);\n  }\n\n  onContainerClick(_event: MouseEvent): void {\n    //\n  }\n\n  setDescribedByIds(_ids: string[]): void {\n    //\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy$.next('');\n    this.onDestroy$.complete();\n  }\n\n  optionSize = 0;\n\n  ngOnInit(): void {\n    this.matOptions$ = this.searchFilter.valueChanges.pipe(\n      debounceTime(200),\n      startWith(''),\n      map((value: string) => {\n        this.optionSize = this.matOptions.length;\n        if (this._values !== null) {\n          this.counter = this._values.length;\n        }\n        if (value === '') {\n          return this.matOptions.filter(_o => {\n            return true;\n          });\n        }\n        return this.matOptions.filter(option => {\n          return option?._text?.nativeElement.innerHTML\n            .toLowerCase()\n            .includes(value.toLowerCase());\n        });\n      }),\n    );\n    this.formControl.valueChanges\n      .pipe(takeUntil(this.onDestroy$))\n      .subscribe(values => {\n        this._values = values;\n        this.counter = this._values.length;\n      });\n  }\n\n  ngAfterContentChecked(): void {\n    if (this.matOptions.length !== this.optionSize) {\n      this.optionSize = this.matOptions.length;\n      this.counter = 0;\n      this.searchFilter.updateValueAndValidity({ emitEvent: true });\n    }\n  }\n}\n","<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  [placeholder]=\"'select.select.placeholder' | translate\"\n  [disabled]=\"disabled\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    }\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMultiSelectComponent } from './onemrva-mat-multi-select.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMultiSelectComponent],\n  exports: [],\n})\nexport class OnemrvaMatMultiSelectModule {}\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-multi-select.mjs","sources":["../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.ts","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.component.html","../../../../projects/onemrva/design-system/mat-multi-select/src/onemrva-mat-multi-select.module.ts","../../../../projects/onemrva/design-system/mat-multi-select/onemrvapublic-design-system-mat-multi-select.ts"],"sourcesContent":["import {\n  AfterContentChecked,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  forwardRef,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  FormControl,\n  NG_VALUE_ACCESSOR,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatFormFieldControl } from '@angular/material/form-field';\nimport { TranslatePipe, TranslateService } from '@ngx-translate/core';\nimport { MatOption } from '@angular/material/core';\nimport {\n  debounceTime,\n  map,\n  Observable,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatSelectSearchComponent } from '@onemrvapublic/design-system/mat-select-search';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-multi-select',\n  templateUrl: 'onemrva-mat-multi-select.component.html',\n  styleUrl: 'onemrva-mat-multi-select.component.scss',\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: OnemrvaMatMultiSelectComponent,\n      multi: false,\n    },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => OnemrvaMatMultiSelectComponent),\n      multi: true,\n    },\n  ],\n  imports: [\n    NgClass,\n    TranslatePipe,\n    ReactiveFormsModule,\n    MatSelectModule,\n    AsyncPipe,\n    MatIcon,\n    MatSelectSearchComponent,\n  ],\n  standalone: true,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatMultiSelectComponent\n  extends MatFormFieldControl<any>\n  implements OnInit, OnDestroy, AfterContentChecked\n{\n  counter = 0;\n  _values: any[] = [];\n  public override stateChanges = new Subject<void>();\n\n  @Input()\n  multiple = true;\n\n  @Input()\n  formControl!: FormControl;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.role')\n  public role = 'select';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-label')\n  public label = '';\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.aria-invalid')\n  public invalid = false;\n\n  @Input()\n  showFilter = true;\n\n  @Input()\n  selectionToggle = true;\n\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('attr.data-cy')\n  public dataCy = `onemrva-mat-multi-select-${NEXT_ID++}`;\n\n  searchFilter: FormControl = new FormControl<string>('');\n\n  @ContentChildren(MatOption)\n  matOptions: QueryList<MatOption> = new QueryList<MatOption>();\n  matOptions$?: Observable<MatOption<any>[]>;\n  onDestroy$: Subject<any> = new Subject<any>();\n\n  @HostBinding('style.opacity')\n  get opacity() {\n    return this.disabled ? 0.4 : 1;\n  }\n\n  override focused = false;\n\n  onFocus() {\n    this.focused = true;\n    this.stateChanges.next();\n  }\n\n  onBlur() {\n    this.focused = false;\n    this.stateChanges.next();\n  }\n\n  translate = inject(TranslateService);\n  cd = inject(ChangeDetectorRef);\n\n  constructor() {\n    super();\n    setTimeout(() => {\n      this.focused = false;\n    }, 3000);\n  }\n\n  // Function to call when the rating changes.\n  onChange = (_values: any[]) => {\n    //\n  };\n\n  // Function to call when the input is touched (when a star is clicked).\n  onTouched = () => {\n    //\n  };\n\n  // Allows Angular to update the model (rating).\n  // Update the model and changes needed for the view here.\n  writeValue(values: any[] | any | undefined | null): void {\n    if (this.multiple) {\n      this.counter = 0;\n      if (Array.isArray(values)) this.counter = values.length;\n      //else if (Array.isArray(this._values)) this.counter = this._values.length;\n    }\n    this._values = values;\n    this.onChange(this._values);\n  }\n\n  // Allows Angular to register a function to call when the model (rating) changes.\n  // Save the function as a property to call later here.\n  registerOnChange(fn: (value: any[]) => void): void {\n    this.onChange = fn;\n  }\n\n  // Allows Angular to register a function to call when the input has been touched.\n  // Save the function as a property to call later here.\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  isAllSelected() {\n    return this.counter === this.matOptions.length;\n  }\n\n  selectAll() {\n    this._values = this.matOptions.map(option => {\n      return option.value;\n    });\n    this.formControl.setValue(this._values);\n  }\n\n  isNoneSelected() {\n    return this.counter === 0;\n  }\n\n  deselectAll(_$event: MouseEvent) {\n    this._values = [];\n    this.formControl.setValue(this._values);\n  }\n\n  onContainerClick(_event: MouseEvent): void {\n    //\n  }\n\n  setDescribedByIds(_ids: string[]): void {\n    //\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy$.next('');\n    this.onDestroy$.complete();\n  }\n\n  optionSize = 0;\n\n  ngOnInit(): void {\n    this.matOptions$ = this.searchFilter.valueChanges.pipe(\n      debounceTime(200),\n      startWith(''),\n      map((value: string) => {\n        this.optionSize = this.matOptions.length;\n        if (this._values !== null) {\n          this.counter = this._values.length;\n        }\n        if (value === '') {\n          return this.matOptions.filter(_o => {\n            return true;\n          });\n        }\n        return this.matOptions.filter(option => {\n          return option?._text?.nativeElement.innerHTML\n            .toLowerCase()\n            .includes(value.toLowerCase());\n        });\n      }),\n    );\n    this.formControl.valueChanges\n      .pipe(takeUntil(this.onDestroy$))\n      .subscribe(values => {\n        this._values = values;\n        this.counter = this._values.length;\n      });\n  }\n\n  ngAfterContentChecked(): void {\n    if (this.matOptions.length !== this.optionSize) {\n      this.optionSize = this.matOptions.length;\n      this.counter = 0;\n      this.searchFilter.updateValueAndValidity({ emitEvent: true });\n    }\n  }\n}\n","<mat-select\n  [multiple]=\"multiple\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n  (focus)=\"onFocus()\"\n  (blur)=\"onBlur()\"\n  [placeholder]=\"'select.select.placeholder' | translate\"\n  [disabled]=\"disabled\"\n>\n  @if (multiple && selectionToggle) {\n    <div class=\"selection-choice text-right\">\n      <a\n        tabindex=\"1\"\n        [ngClass]=\"{ 'mat-disabled': isAllSelected() }\"\n        (click)=\"selectAll()\"\n        >{{ 'select.select.all' | translate }}</a\n      ><span class=\"separator\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n      <a\n        tabindex=\"2\"\n        [ngClass]=\"{ 'mat-disabled': isNoneSelected() }\"\n        (click)=\"deselectAll($event)\"\n        >{{ 'select.deselect.all' | translate }}</a\n      >\n    </div>\n  }\n  <div class=\"option-list\">\n    @if (showFilter) {\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"searchFilter\"\n          ariaLabel=\"{{ 'select.search.filter' | translate }}\"\n          noEntriesFoundLabel=\"{{ 'select.search.notFound' | translate }}\"\n          placeholderLabel=\"{{ 'select.search.filter' | translate }}\"\n        ></mat-select-search>\n      </mat-option>\n    }\n    @for (matOption of matOptions$ | async; track matOption.value) {\n      <ng-container>\n        <mat-option\n          [disabled]=\"matOption.disabled\"\n          [value]=\"matOption.value\"\n          [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n        >\n          {{ matOption._text?.nativeElement?.textContent }}\n        </mat-option>\n      </ng-container>\n    }\n  </div>\n</mat-select>\n@if (multiple && counter > 0) {\n  <div class=\"mat-select-counter float-right position-absolute text-center\">\n    <span class=\"text\">{{ counter }}</span\n    ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMultiSelectComponent } from './onemrva-mat-multi-select.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMultiSelectComponent],\n  exports: [],\n})\nexport class OnemrvaMatMultiSelectModule {}\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-notification.mjs

@@ -63,11 +63,11 @@ class OnemrvaMatNotificationComponent {
         this.notificationClose.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"] }]
+            args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { message: [{
                 type: Input
             }], closable: [{

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-notification.mjs","sources":["../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.ts","../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.html","../../../../projects/onemrva/design-system/mat-notification/onemrvapublic-design-system-mat-notification.ts"],"sourcesContent":["import {\n  BreakpointObserver,\n  Breakpoints,\n  BreakpointState,\n} from '@angular/cdk/layout';\nimport { CommonModule } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  Output,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-notification',\n  templateUrl: 'onemrva-mat-notification.component.html',\n  styleUrl: 'onemrva-mat-notification.component.scss',\n  standalone: true,\n  imports: [CommonModule, TranslateModule, MatIconModule],\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n  @Input() message = '';\n  @Input() closable = true;\n\n  _isOpen = true;\n\n  @Output()\n  notificationClose = new EventEmitter<void>();\n\n  /** @hidden @internal */\n  @HostBinding('class.collapse-notification')\n  public get _closed(): boolean {\n    return !this._isOpen;\n  }\n\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-notification`;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  dataCy = 'onemrva-mat-notification';\n\n  /**\n   * Returns the `aria-label` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let ariaLabel = this.avatar.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-live')\n  public ariaLive = 'assertive';\n\n  /**\n   * Returns the `role` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let avatarRole = this.avatar.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\n\n  private destroyNotifier$ = new Subject<void>();\n  isSmall = false;\n  public breakpointObserver = inject(BreakpointObserver);\n\n  constructor() {\n    this.breakpointObserver\n      .observe([Breakpoints.XSmall, Breakpoints.Small])\n      .pipe(takeUntil(this.destroyNotifier$))\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.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  closeNotification() {\n    this._isOpen = false;\n    this.notificationClose.emit();\n  }\n}\n","<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\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-notification.mjs","sources":["../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.ts","../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.html","../../../../projects/onemrva/design-system/mat-notification/onemrvapublic-design-system-mat-notification.ts"],"sourcesContent":["import {\n  BreakpointObserver,\n  Breakpoints,\n  BreakpointState,\n} from '@angular/cdk/layout';\nimport { CommonModule } from '@angular/common';\nimport {\n  Component,\n  EventEmitter,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  Output,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-notification',\n  templateUrl: 'onemrva-mat-notification.component.html',\n  styleUrl: 'onemrva-mat-notification.component.scss',\n  standalone: true,\n  imports: [CommonModule, TranslateModule, MatIconModule],\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n  @Input() message = '';\n  @Input() closable = true;\n\n  _isOpen = true;\n\n  @Output()\n  notificationClose = new EventEmitter<void>();\n\n  /** @hidden @internal */\n  @HostBinding('class.collapse-notification')\n  public get _closed(): boolean {\n    return !this._isOpen;\n  }\n\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-notification`;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  dataCy = 'onemrva-mat-notification';\n\n  /**\n   * Returns the `aria-label` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let ariaLabel = this.avatar.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-live')\n  public ariaLive = 'assertive';\n\n  /**\n   * Returns the `role` attribute of the component.\n   *\n   * @example\n   * ```typescript\n   * let avatarRole = this.avatar.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\n\n  private destroyNotifier$ = new Subject<void>();\n  isSmall = false;\n  public breakpointObserver = inject(BreakpointObserver);\n\n  constructor() {\n    this.breakpointObserver\n      .observe([Breakpoints.XSmall, Breakpoints.Small])\n      .pipe(takeUntil(this.destroyNotifier$))\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.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  closeNotification() {\n    this._isOpen = false;\n    this.notificationClose.emit();\n  }\n}\n","<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content show-icon\">\n    @if (message !== '') {\n      {{ message | translate }}\n    }\n    <ng-content></ng-content>\n    @if (closable || isSmall) {\n      <mat-icon\n        class=\"close-notification float-right clickable mr\"\n        (click)=\"closeNotification()\"\n      >\n        close\n      </mat-icon>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -37,7 +37,7 @@ class OnemrvaMatSelectableBoxComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;background:var(--mat-sys-primary-container);-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;background:var(--mat-sys-primary-container);border-top-left-radius:var(--half-border-radius);border-top-right-radius:var(--half-border-radius);padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
             type: Component,
@@ -49,7 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         MatIcon,
                         MatCardContent,
                         OnemRvaSizeDirective,
-                    ], template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"] }]
+                    ], template: "<mat-card\n  [class.checked]=\"isChecked()\"\n  [class.disabled]=\"disabled\"\n  class=\"onemrva-selectable-box m-m clickable\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title class=\"selectablebox-title\">\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label class=\"mr\">\n      <ng-content select=\"[title]\"></ng-content>\n    </mat-label>\n\n    <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n      <ng-content select=\"[icon]\"></ng-content>\n    </mat-icon>\n\n    <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n  </mat-card-title>\n\n  <mat-card-content>\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;background:var(--mat-sys-primary-container);-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;background:var(--mat-sys-primary-container);border-top-left-radius:var(--half-border-radius);border-top-right-radius:var(--half-border-radius);padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"] }]
         }], propDecorators: { id: [{
                 type: HostBinding,
                 args: ['attr.id']

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

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

@@ -295,7 +295,7 @@ class ClockComponent {
         return value === 60 ? 0 : value;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n  <div\n    class=\"circle\"\n    tabindex=\"1\"\n    (touchmove)=\"handleTouchMove($event)\"\n    (mousemove)=\"handleMouseMove($event)\"\n    (touchstart)=\"disableAnimatedPointer()\"\n    (mousedown)=\"disableAnimatedPointer()\"\n    (touchend)=\"handleTouchEnd($event)\"\n    (mouseup)=\"enableAnimatedPointer()\"\n    (click)=\"handleClick($event)\"\n  >\n    <div\n      class=\"pointer-container\"\n      [ngClass]=\"{\n        'small-pointer':\n          viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n        'animated-pointer': !touching,\n      }\"\n      [style.transform]=\"'rotate(' + angle + 'deg)'\"\n    >\n      <button\n        aria-disabled=\"true\"\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar color=\"accent\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          color=\"neutral\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n            <ng-container>\u00B7</ng-container>\n          }\n        </button>\n      </mat-toolbar>\n    </div>\n    @for (digit of minuteDots; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number minute-dot\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 0 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        @if (digit.display % 5 !== 0) {\n          <ng-container>\u00B7</ng-container>\n        }\n      </button>\n    }\n    @for (digit of numbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 60 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n        <ng-template #minutesTemplate>{{\n          digit.display === 60 ? '00' : digit.display\n        }}</ng-template>\n        @if (viewType === 'minutes') {\n          {{ digit.display === 60 ? '00' : digit.display }}\n        } @else {\n          {{ digit.display }}\n        }\n      </button>\n    }\n    @for (digit of secondaryNumbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number small-number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 24 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        {{ digit.display === 24 ? '00' : digit.display }}\n      </button>\n    }\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n  <div\n    class=\"circle\"\n    tabindex=\"1\"\n    (touchmove)=\"handleTouchMove($event)\"\n    (mousemove)=\"handleMouseMove($event)\"\n    (touchstart)=\"disableAnimatedPointer()\"\n    (mousedown)=\"disableAnimatedPointer()\"\n    (touchend)=\"handleTouchEnd($event)\"\n    (mouseup)=\"enableAnimatedPointer()\"\n    (click)=\"handleClick($event)\"\n  >\n    <div\n      class=\"pointer-container\"\n      [ngClass]=\"{\n        'small-pointer':\n          viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n        'animated-pointer': !touching,\n      }\"\n      [style.transform]=\"'rotate(' + angle + 'deg)'\"\n    >\n      <button\n        aria-disabled=\"true\"\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar color=\"accent\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          color=\"neutral\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n            <ng-container>\u00B7</ng-container>\n          }\n        </button>\n      </mat-toolbar>\n    </div>\n    @for (digit of minuteDots; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number minute-dot\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 0 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        @if (digit.display % 5 !== 0) {\n          <ng-container>\u00B7</ng-container>\n        }\n      </button>\n    }\n    @for (digit of numbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 60 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n        <ng-template #minutesTemplate>{{\n          digit.display === 60 ? '00' : digit.display\n        }}</ng-template>\n        @if (viewType === 'minutes') {\n          {{ digit.display === 60 ? '00' : digit.display }}\n        } @else {\n          {{ digit.display }}\n        }\n      </button>\n    }\n    @for (digit of secondaryNumbers; track digit.display) {\n      <button\n        mat-mini-fab\n        color=\"neutral\"\n        class=\"number small-number\"\n        [ngClass]=\"{\n          selected:\n            formattedValue === digit.display ||\n            (digit.display === 24 && formattedValue === 0),\n          disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n        }\"\n        [style.transform]=\"\n          'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n        \"\n      >\n        {{ digit.display === 24 ? '00' : digit.display }}\n      </button>\n    }\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClockComponent, decorators: [{
             type: Component,
@@ -426,7 +426,7 @@ class MatTimepickerComponentDialogComponent {
         this.cancelClickEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n  <div class=\"root\">\n    <mat-toolbar color=\"accent\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\n          tabindex=\"1\"\n          role=\"button\"\n        >\n          {{ twoDigits(minutes) }}\n        </span>\n      </div>\n    </mat-toolbar>\n    <div class=\"body\">\n      <mat-clock\n        [allowed24HourMap]=\"allowed24HourMap\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [viewType]=\"viewType\"\n        [formattedHours]=\"formattedHours\"\n        [minutes]=\"minutes\"\n        (changeEvent)=\"handleClockChange($event)\"\n        (unavailableSelection)=\"handleUnavailableSelection()\"\n        [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n        (mouseup)=\"handleClockChangeDone($event)\"\n        (touchend)=\"handleClockChangeDone($event)\"\n        (invalidSelection)=\"invalidSelectionHandler($event)\"\n      ></mat-clock>\n    </div>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n    {{ cancelLabel }}\n  </button>\n  <button\n    mat-flat-button\n    [disabled]=\"invalidSelection\"\n    [color]=\"color\"\n    (click)=\"okClickHandler()\"\n  >\n    {{ okLabel }}\n  </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n  <div class=\"root\">\n    <mat-toolbar color=\"accent\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n          role=\"button\"\n          tabindex=\"0\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\n          tabindex=\"1\"\n          role=\"button\"\n        >\n          {{ twoDigits(minutes) }}\n        </span>\n      </div>\n    </mat-toolbar>\n    <div class=\"body\">\n      <mat-clock\n        [allowed24HourMap]=\"allowed24HourMap\"\n        [minDate]=\"minDate\"\n        [maxDate]=\"maxDate\"\n        [viewType]=\"viewType\"\n        [formattedHours]=\"formattedHours\"\n        [minutes]=\"minutes\"\n        (changeEvent)=\"handleClockChange($event)\"\n        (unavailableSelection)=\"handleUnavailableSelection()\"\n        [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n        (mouseup)=\"handleClockChangeDone($event)\"\n        (touchend)=\"handleClockChangeDone($event)\"\n        (invalidSelection)=\"invalidSelectionHandler($event)\"\n      ></mat-clock>\n    </div>\n  </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n  <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n    {{ cancelLabel }}\n  </button>\n  <button\n    mat-flat-button\n    [disabled]=\"invalidSelection\"\n    [color]=\"color\"\n    (click)=\"okClickHandler()\"\n  >\n    {{ okLabel }}\n  </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
             type: Component,