npm - @onemrvapublic/design-system - Versions diffs - 18.2.5-develop.2 → 18.2.5 - Mend

@onemrvapublic/design-system 18.2.5-develop.2 → 18.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs CHANGED Viewed

@@ -56,10 +56,10 @@ class PhoneNumberDirective {
             return;
         e.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PhoneNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: PhoneNumberDirective, isStandalone: true, selector: "[phoneNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PhoneNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: PhoneNumberDirective, isStandalone: true, selector: "[phoneNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PhoneNumberDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: PhoneNumberDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[phoneNumber]',
@@ -238,10 +238,10 @@ class OnemrvaMatInputPhoneComponent {
             return { phoneNumber: { value: 'input.phone.invalid' } };
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatInputPhoneComponent, deps: [{ token: i1.OnemRvaCDNCountryService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatInputPhoneComponent, isStandalone: true, selector: "onemrva-mat-input-phone", inputs: { readonly: "readonly", phoneNumber: "phoneNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", defaultPrefix: "defaultPrefix", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      placeholder=\"+32 475 12 34 56\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\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      <mat-option\n        *ngFor=\"let country of filteredCountries$ | async\"\n        [value]=\"country.code\"\n      >\n        <flag-icon [countryCode]=\"country.code\" />\n        &nbsp;&nbsp;&nbsp;\n        {{ country.name }}\n        &nbsp;&nbsp;&nbsp;\n        <span class=\"dialcode\">\n          {{ country.dial_code }}\n        </span>\n      </mat-option>\n    </mat-select>\n    <mat-hint *ngIf=\"hint !== ''\">{{ hint }}</mat-hint>\n    <mat-error *ngIf=\"number.invalid\">{{ errors() | translate }}</mat-error>\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-phone-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-phone-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-phone-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-phone-number .onemrva-text-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-phone-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}.onemrva-input-phone-number span.dialcode{color:#acaab2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i7.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: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }, { kind: "directive", type: PhoneNumberDirective, selector: "[phoneNumber]" }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatInputPhoneComponent, deps: [{ token: i1.OnemRvaCDNCountryService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatInputPhoneComponent, isStandalone: true, selector: "onemrva-mat-input-phone", inputs: { readonly: "readonly", phoneNumber: "phoneNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", defaultPrefix: "defaultPrefix", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      placeholder=\"+32 475 12 34 56\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\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      <mat-option\n        *ngFor=\"let country of filteredCountries$ | async\"\n        [value]=\"country.code\"\n      >\n        <flag-icon [countryCode]=\"country.code\" />\n        &nbsp;&nbsp;&nbsp;\n        {{ country.name }}\n        &nbsp;&nbsp;&nbsp;\n        <span class=\"dialcode\">\n          {{ country.dial_code }}\n        </span>\n      </mat-option>\n    </mat-select>\n    <mat-hint *ngIf=\"hint !== ''\">{{ hint }}</mat-hint>\n    <mat-error *ngIf=\"number.invalid\">{{ errors() | translate }}</mat-error>\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-phone-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-phone-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-phone-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-phone-number .onemrva-text-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-phone-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}.onemrva-input-phone-number span.dialcode{color:#acaab2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i7.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: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }, { kind: "directive", type: PhoneNumberDirective, selector: "[phoneNumber]" }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatInputPhoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatInputPhoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-input-phone', standalone: true, imports: [
                         CommonModule,

package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs CHANGED Viewed

@@ -126,10 +126,10 @@ class OnemrvaMatMessageBoxComponent {
             this.mbcontent.nativeElement.insertAdjacentHTML('beforeend', this.messageCode);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatMessageBoxComponent, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-grayscale": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatMessageBoxComponent, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-grayscale": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-message-box', template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{
@@ -178,11 +178,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }] } });
 class OnemrvaMatMessageBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMessageBoxModule, declarations: [OnemrvaMatMessageBoxComponent], imports: [CommonModule, MatIconModule, TranslateModule], exports: [OnemrvaMatMessageBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [CommonModule, MatIconModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMessageBoxModule, declarations: [OnemrvaMatMessageBoxComponent], imports: [CommonModule, MatIconModule, TranslateModule], exports: [OnemrvaMatMessageBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [CommonModule, MatIconModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatMessageBoxComponent],

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

@@ -117,8 +117,8 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
             this.searchFilter.updateValueAndValidity({ emitEvent: true });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMultiSelectComponent, deps: [{ token: i1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatMultiSelectComponent, selector: "onemrva-mat-multi-select", inputs: { formControl: "formControl", role: ["attr.role", "role"], label: ["attr.aria-label", "label"], invalid: ["attr.aria-invalid", "invalid"], showFilter: "showFilter", selectionToggle: "selectionToggle", dataCy: ["attr.data-cy", "dataCy"] }, host: { properties: { "style.opacity": "this.opacity" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMultiSelectComponent, deps: [{ token: i1.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatMultiSelectComponent, selector: "onemrva-mat-multi-select", inputs: { formControl: "formControl", role: ["attr.role", "role"], label: ["attr.aria-label", "label"], invalid: ["attr.aria-invalid", "invalid"], showFilter: "showFilter", selectionToggle: "selectionToggle", dataCy: ["attr.data-cy", "dataCy"] }, host: { properties: { "style.opacity": "this.opacity" } }, providers: [
             {
                 provide: MatFormFieldControl,
                 useExisting: OnemrvaMatMultiSelectComponent,
@@ -139,7 +139,7 @@ class OnemrvaMatMultiSelectComponent extends MatFormFieldControl {
             // },
         ], queries: [{ propertyName: "matOptions", predicate: MatOption }], usesInheritance: true, ngImport: i0, template: "<mat-select\n  multiple=\"true\"\n  [formControl]=\"formControl\"\n  [attr.data-cy]=\"dataCy\"\n  [attr.aria-label]=\"label\"\n>\n  <div class=\"selection-choice\" *ngIf=\"selectionToggle\">\n    <a\n      class=\"small\"\n      [ngClass]=\"{ disabled: isAllSelected() }\"\n      (click)=\"selectAll()\"\n      >{{ 'select.select.all' | translate }}</a\n    ><span class=\"small grey\">&nbsp;&nbsp;|&nbsp;&nbsp;</span>\n    <a\n      class=\"small\"\n      [ngClass]=\"{ disabled: isNoneSelected() }\"\n      (click)=\"deselectAll($event)\"\n      >{{ 'select.deselect.all' | translate }}</a\n    >\n  </div>\n  <div class=\"option-list\">\n    <mat-option *ngIf=\"showFilter\">\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    <ng-container *ngFor=\"let matOption of matOptions$ | async\">\n      <mat-option\n        [disabled]=\"matOption.disabled\"\n        [value]=\"matOption.value\"\n        [attr.data-cy]=\"matOption._getHostElement().dataset['cy']\"\n      >\n        {{ matOption._text?.nativeElement?.innerHTML }}\n      </mat-option>\n    </ng-container>\n  </div>\n</mat-select>\n<div class=\"mat-select-counter\" *ngIf=\"counter > 0\">\n  <span class=\"text\">{{ counter }}</span\n  ><mat-icon (click)=\"deselectAll($event)\">close</mat-icon>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.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: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-multi-select', providers: [
                         {
@@ -188,8 +188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }] } });
 class OnemrvaMatMultiSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMultiSelectModule, declarations: [OnemrvaMatMultiSelectComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMultiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMultiSelectModule, declarations: [OnemrvaMatMultiSelectComponent], imports: [CommonModule,
             FormsModule,
             TranslateModule,
             MatFormFieldModule,
@@ -198,7 +198,7 @@ class OnemrvaMatMultiSelectModule {
             MatIconModule,
             MatSelectSearchModule,
             ReactiveFormsModule], exports: [OnemrvaMatMultiSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMultiSelectModule, imports: [CommonModule,
             FormsModule,
             TranslateModule,
             MatFormFieldModule,
@@ -208,7 +208,7 @@ class OnemrvaMatMultiSelectModule {
             MatSelectSearchModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatMultiSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatMultiSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatMultiSelectComponent],

package/fesm2022/onemrvapublic-design-system-mat-notification.mjs CHANGED Viewed

@@ -117,10 +117,10 @@ class OnemrvaMatNotificationComponent {
         this._isOpen = false;
         this.notificationClose.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy", color: "color" }, 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", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content\">\n    <ng-container *ngIf=\"message !== ''\">{{\n      message | translate\n    }}</ng-container>\n    <ng-content></ng-content>\n    <mat-icon\n      class=\"close-notification\"\n      (click)=\"closeNotification()\"\n      *ngIf=\"closable || isSmall\"\n    >\n      close\n    </mat-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy", color: "color" }, 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", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n  <div class=\"onemrva-mat-notification-content\">\n    <ng-container *ngIf=\"message !== ''\">{{\n      message | translate\n    }}</ng-container>\n    <ng-content></ng-content>\n    <mat-icon\n      class=\"close-notification\"\n      (click)=\"closeNotification()\"\n      *ngIf=\"closable || isSmall\"\n    >\n      close\n    </mat-icon>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", 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\">\n    <ng-container *ngIf=\"message !== ''\">{{\n      message | translate\n    }}</ng-container>\n    <ng-content></ng-content>\n    <mat-icon\n      class=\"close-notification\"\n      (click)=\"closeNotification()\"\n      *ngIf=\"closable || isSmall\"\n    >\n      close\n    </mat-icon>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { message: [{

package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs CHANGED Viewed

@@ -185,10 +185,10 @@ class OnemrvaMatPaginatorComponent {
         // Deprecated
         this.onRequestPage.emit(this._pageIndex);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPaginatorComponent, selector: "onemrva-mat-paginator", inputs: { type: "type", pageSizeSelector: "pageSizeSelector", pageSizeOptions: "pageSizeOptions", pageSizeDefaultOption: "pageSizeDefaultOption", recordKey: "recordKey", pageIndex: "pageIndex", length: "length", pageSize: "pageSize", previousKey: "previousKey", nextKey: "nextKey" }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  <div class=\"paginator-size-selector-container\" *ngIf=\"pageSizeSelector\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"paginator-size-selector\"\n      data-cy=\"onemrva-mat-paginator-page-size-selector\"\n    >\n      <mat-select [value]=\"pageSizeDefaultOption\">\n        <mat-option\n          *ngFor=\"let size of pageSizeOptions\"\n          [value]=\"size\"\n          (click)=\"pageSize = size\"\n          [attr.data-cy]=\"'onemrva-mat-paginator-page-size-option-' + size\"\n          >{{ size }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div>\n      <span style=\"display: inline-block\">{{\n        'paginator.' + recordKey | translate\n      }}</span>\n      <mat-divider vertical></mat-divider>\n\n      {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n      <span>{{ 'paginator.outOf' | translate }}</span>\n      {{ length }}\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pages.length > 1\"\n    class=\"onemrva-mat-paginator\"\n    data-cy=\"onemrva-mat-paginator\"\n  >\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n      data-cy=\"onemrva-mat-paginator-btn-previous\"\n      [disabled]=\"pageIndex === 0\"\n      (click)=\"pageIndex = pageIndex - 1\"\n    >\n      {{ 'paginator.' + previousKey | translate }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n      data-cy=\"onemrva-mat-paginator-first\"\n      *ngIf=\"pages[0] > 0 && type === 'complex'\"\n      (click)=\"pageIndex = 0\"\n    >\n      1\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n      *ngIf=\"pages[0] > 0\"\n      (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n      [ngClass]=\"{ 'onemrva-mat-paginator-current-index': pageIndex === page }\"\n      data-cy=\"onemrva-mat-paginator-btn-page\"\n      *ngFor=\"let page of pages\"\n      (click)=\"pageIndex = page\"\n    >\n      {{ page + 1 }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n      *ngIf=\"pages[pages.length - 1] < totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n      data-cy=\"onemrva-mat-paginator-btn-last\"\n      *ngIf=\"\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      \"\n      (click)=\"pageIndex = totalNumberOfPages - 1\"\n    >\n      {{ totalNumberOfPages }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n      data-cy=\"onemrva-mat-paginator-btn-next\"\n      [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + 1\"\n    >\n      {{ 'paginator.' + nextKey | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPaginatorComponent, selector: "onemrva-mat-paginator", inputs: { type: "type", pageSizeSelector: "pageSizeSelector", pageSizeOptions: "pageSizeOptions", pageSizeDefaultOption: "pageSizeDefaultOption", recordKey: "recordKey", pageIndex: "pageIndex", length: "length", pageSize: "pageSize", previousKey: "previousKey", nextKey: "nextKey" }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  <div class=\"paginator-size-selector-container\" *ngIf=\"pageSizeSelector\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"paginator-size-selector\"\n      data-cy=\"onemrva-mat-paginator-page-size-selector\"\n    >\n      <mat-select [value]=\"pageSizeDefaultOption\">\n        <mat-option\n          *ngFor=\"let size of pageSizeOptions\"\n          [value]=\"size\"\n          (click)=\"pageSize = size\"\n          [attr.data-cy]=\"'onemrva-mat-paginator-page-size-option-' + size\"\n          >{{ size }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div>\n      <span style=\"display: inline-block\">{{\n        'paginator.' + recordKey | translate\n      }}</span>\n      <mat-divider vertical></mat-divider>\n\n      {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n      <span>{{ 'paginator.outOf' | translate }}</span>\n      {{ length }}\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pages.length > 1\"\n    class=\"onemrva-mat-paginator\"\n    data-cy=\"onemrva-mat-paginator\"\n  >\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n      data-cy=\"onemrva-mat-paginator-btn-previous\"\n      [disabled]=\"pageIndex === 0\"\n      (click)=\"pageIndex = pageIndex - 1\"\n    >\n      {{ 'paginator.' + previousKey | translate }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n      data-cy=\"onemrva-mat-paginator-first\"\n      *ngIf=\"pages[0] > 0 && type === 'complex'\"\n      (click)=\"pageIndex = 0\"\n    >\n      1\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n      *ngIf=\"pages[0] > 0\"\n      (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n      [ngClass]=\"{ 'onemrva-mat-paginator-current-index': pageIndex === page }\"\n      data-cy=\"onemrva-mat-paginator-btn-page\"\n      *ngFor=\"let page of pages\"\n      (click)=\"pageIndex = page\"\n    >\n      {{ page + 1 }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n      *ngIf=\"pages[pages.length - 1] < totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n      data-cy=\"onemrva-mat-paginator-btn-last\"\n      *ngIf=\"\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      \"\n      (click)=\"pageIndex = totalNumberOfPages - 1\"\n    >\n      {{ totalNumberOfPages }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n      data-cy=\"onemrva-mat-paginator-btn-next\"\n      [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + 1\"\n    >\n      {{ 'paginator.' + nextKey | translate }}\n    </button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.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"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"paginator-container\">\n  <div class=\"paginator-size-selector-container\" *ngIf=\"pageSizeSelector\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"paginator-size-selector\"\n      data-cy=\"onemrva-mat-paginator-page-size-selector\"\n    >\n      <mat-select [value]=\"pageSizeDefaultOption\">\n        <mat-option\n          *ngFor=\"let size of pageSizeOptions\"\n          [value]=\"size\"\n          (click)=\"pageSize = size\"\n          [attr.data-cy]=\"'onemrva-mat-paginator-page-size-option-' + size\"\n          >{{ size }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div>\n      <span style=\"display: inline-block\">{{\n        'paginator.' + recordKey | translate\n      }}</span>\n      <mat-divider vertical></mat-divider>\n\n      {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n      <span>{{ 'paginator.outOf' | translate }}</span>\n      {{ length }}\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pages.length > 1\"\n    class=\"onemrva-mat-paginator\"\n    data-cy=\"onemrva-mat-paginator\"\n  >\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n      data-cy=\"onemrva-mat-paginator-btn-previous\"\n      [disabled]=\"pageIndex === 0\"\n      (click)=\"pageIndex = pageIndex - 1\"\n    >\n      {{ 'paginator.' + previousKey | translate }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n      data-cy=\"onemrva-mat-paginator-first\"\n      *ngIf=\"pages[0] > 0 && type === 'complex'\"\n      (click)=\"pageIndex = 0\"\n    >\n      1\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n      *ngIf=\"pages[0] > 0\"\n      (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n      [ngClass]=\"{ 'onemrva-mat-paginator-current-index': pageIndex === page }\"\n      data-cy=\"onemrva-mat-paginator-btn-page\"\n      *ngFor=\"let page of pages\"\n      (click)=\"pageIndex = page\"\n    >\n      {{ page + 1 }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n      *ngIf=\"pages[pages.length - 1] < totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n      data-cy=\"onemrva-mat-paginator-btn-last\"\n      *ngIf=\"\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      \"\n      (click)=\"pageIndex = totalNumberOfPages - 1\"\n    >\n      {{ totalNumberOfPages }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n      data-cy=\"onemrva-mat-paginator-btn-next\"\n      [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + 1\"\n    >\n      {{ 'paginator.' + nextKey | translate }}\n    </button>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { type: [{
@@ -218,19 +218,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }] } });
 class OnemrvaMatPaginatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPaginatorModule, declarations: [OnemrvaMatPaginatorComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPaginatorModule, declarations: [OnemrvaMatPaginatorComponent], imports: [CommonModule,
             TranslateModule,
             MatButtonModule,
             MatSelectModule,
             MatDividerModule], exports: [OnemrvaMatPaginatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [CommonModule,
             TranslateModule,
             MatButtonModule,
             MatSelectModule,
             MatDividerModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatPaginatorComponent],

package/fesm2022/onemrvapublic-design-system-mat-panel.mjs CHANGED Viewed

@@ -5,10 +5,10 @@ import { CommonModule } from '@angular/common';
 import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
 class OnemrvaMatPanelTitleActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPanelTitleActionComponent, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title-action\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPanelTitleActionComponent, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title-action\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-title-action', template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title-action\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -25,10 +25,10 @@ class OnemrvaMatPanelTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPanelTitleComponent, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"content?.template as tpl\">\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPanelTitleComponent, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"content?.template as tpl\">\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-title', template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"content?.template as tpl\">\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
@@ -42,10 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }] } });
 class OnemrvaMatPanelContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPanelContentComponent, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPanelContentComponent, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-content', template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -56,10 +56,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }] } });
 class OnemrvaMatPanelIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPanelIconComponent, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPanelIconComponent, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-icon', template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -133,10 +133,10 @@ class OnemrvaMatPanelComponent {
     get color() {
         return this._color;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPanelComponent, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled", color: "color" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon", "class.mat-accent": "this._isAccent", "class.mat-primary": "this._isPrimary", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>\n<ng-container *ngIf=\"title?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPanelComponent, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled", color: "color" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon", "class.mat-accent": "this._isAccent", "class.mat-primary": "this._isPrimary", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>\n<ng-container *ngIf=\"title?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>\n<ng-container *ngIf=\"title?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
@@ -195,8 +195,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             }] } });
 class OnemrvaMatPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelModule, declarations: [OnemrvaMatPanelComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelModule, declarations: [OnemrvaMatPanelComponent,
             OnemrvaMatPanelTitleComponent,
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
@@ -205,9 +205,9 @@ class OnemrvaMatPanelModule {
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
             OnemrvaMatPanelIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ class OnemrvaMatPopOverTriggerComponent {
     constructor() {
         this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPopOverTriggerComponent, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPopOverTriggerComponent, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-trigger',
@@ -30,10 +30,10 @@ class OnemrvaMatPopOverContentComponent {
     constructor() {
         this.dataCy = `onemrvaMatPopOverContent_${++index}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPopOverContentComponent, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPopOverContentComponent, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-content',
@@ -65,10 +65,10 @@ class OnemrvaMatPopOverComponent {
     closePopOver() {
         this.isOpen = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatPopOverComponent, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n  <div class=\"onemrva-overlay\" *ngIf=\"isOpen\" (click)=\"closePopOver()\"></div>\n  <a\n    class=\"onemrva-pop-over-trigger\"\n    *ngIf=\"trigger?.template as trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    <ng-container *ngTemplateOutlet=\"trigger\"></ng-container>\n  </a>\n\n  <ng-container *ngIf=\"isOpen\">\n    <div\n      class=\"onemrva-pop-over-frame\"\n      [ngClass]=\"position\"\n      *ngIf=\"content?.template as content\"\n      [attr.data-cy]=\"dataCyPo\"\n      role=\"region\"\n      [attr.aria-labelledby]=\"poId\"\n    >\n      <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:16px;box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:#fff;margin:16px 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatPopOverComponent, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n  <div class=\"onemrva-overlay\" *ngIf=\"isOpen\" (click)=\"closePopOver()\"></div>\n  <a\n    class=\"onemrva-pop-over-trigger\"\n    *ngIf=\"trigger?.template as trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    <ng-container *ngTemplateOutlet=\"trigger\"></ng-container>\n  </a>\n\n  <ng-container *ngIf=\"isOpen\">\n    <div\n      class=\"onemrva-pop-over-frame\"\n      [ngClass]=\"position\"\n      *ngIf=\"content?.template as content\"\n      [attr.data-cy]=\"dataCyPo\"\n      role=\"region\"\n      [attr.aria-labelledby]=\"poId\"\n    >\n      <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:16px;box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:#fff;margin:16px 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-pop-over', template: "<div class=\"onemrva-pop-over\">\n  <div class=\"onemrva-overlay\" *ngIf=\"isOpen\" (click)=\"closePopOver()\"></div>\n  <a\n    class=\"onemrva-pop-over-trigger\"\n    *ngIf=\"trigger?.template as trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    <ng-container *ngTemplateOutlet=\"trigger\"></ng-container>\n  </a>\n\n  <ng-container *ngIf=\"isOpen\">\n    <div\n      class=\"onemrva-pop-over-frame\"\n      [ngClass]=\"position\"\n      *ngIf=\"content?.template as content\"\n      [attr.data-cy]=\"dataCyPo\"\n      role=\"region\"\n      [attr.aria-labelledby]=\"poId\"\n    >\n      <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:16px;box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:#fff;margin:16px 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid white;border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid lightGrey;border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid white;border-left:8px solid transparent;bottom:-8px;left:16px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { position: [{
@@ -93,15 +93,15 @@ const components = [
     OnemrvaMatPopOverTriggerComponent,
 ];
 class OnemrvaMatPopOverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverModule, declarations: [OnemrvaMatPopOverComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverModule, declarations: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent], imports: [CommonModule, OverlayModule], exports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [CommonModule, OverlayModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [CommonModule, OverlayModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components],

package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs CHANGED Viewed

@@ -14,10 +14,10 @@ class OnemrvaMatProgressBarComponent {
             this.label$ = this.progress$;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy" }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <label class=\"onemrva-progress-bar-label\">{{ label$ | async }}</label>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy" }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <label class=\"onemrva-progress-bar-label\">{{ label$ | async }}</label>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"onemrva-progress-bar\">\n  <label class=\"onemrva-progress-bar-label\">{{ label$ | async }}</label>\n\n  <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n    <div\n      class=\"onemrva-progress-bar-inner\"\n      [ngStyle]=\"{ width: progress$ | async }\"\n      [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n      [attr.data-cy]=\"dataCy\"\n      [attr.value]=\"progress$ | async\"\n    ></div>\n  </div>\n</div>\n" }]
         }], propDecorators: { label$: [{