@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

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

@@ -1,16 +1,16 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Input, Component, ContentChild, NgModule } from '@angular/core';
-import { NgIf, NgTemplateOutlet, NgClass } from '@angular/common';
+import { TemplateRef, ViewChild, Input, Component, inject, ChangeDetectorRef, ContentChild, NgModule } from '@angular/core';
+import { NgTemplateOutlet, NgClass } from '@angular/common';
 
 let index$1 = 0;
 class OnemrvaMatPopOverTriggerComponent {
     constructor() {
         this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, 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: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, 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: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-trigger',
@@ -29,10 +29,10 @@ class OnemrvaMatPopOverContentComponent {
     constructor() {
         this.dataCy = `onemrvaMatPopOverContent_${++index}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPopOverContentComponent, isStandalone: true, 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: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatPopOverContentComponent, isStandalone: true, 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: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-content',
@@ -48,13 +48,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
 
 let NEXT_ID = 0;
 class OnemrvaMatPopOverComponent {
-    constructor(cd) {
-        this.cd = cd;
+    constructor() {
         this.isOpen = false;
         this.position = 'bottom-right';
         this.dataCyTrigger = 'onemrva-po-trigger';
         this.dataCyPo = 'onemrva-po';
         this.poId = this.dataCyPo + '-' + NEXT_ID++; // HTML id for the trigger
+        this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
@@ -65,13 +65,13 @@ class OnemrvaMatPopOverComponent {
     closePopOver() {
         this.isOpen = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPopOverComponent, isStandalone: true, 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\n    class=\"onemrva-overlay\"\n    tabindex=\"1\"\n    *ngIf=\"isOpen\"\n    (click)=\"closePopOver()\"\n  ></div>\n  <a\n    tabindex=\"1\"\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:var(--double-spacer);box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface);margin:var(--double-spacer) 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: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatPopOverComponent, isStandalone: true, 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  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\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=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\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:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-pop-over', standalone: true, imports: [NgIf, NgTemplateOutlet, NgClass], template: "<div class=\"onemrva-pop-over\">\n  <div\n    class=\"onemrva-overlay\"\n    tabindex=\"1\"\n    *ngIf=\"isOpen\"\n    (click)=\"closePopOver()\"\n  ></div>\n  <a\n    tabindex=\"1\"\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:var(--double-spacer);box-sizing:border-box;box-shadow:0 2px 6px #00000052;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface);margin:var(--double-spacer) 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: [{
+            args: [{ selector: 'onemrva-mat-pop-over', standalone: true, imports: [NgTemplateOutlet, NgClass], template: "<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\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=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\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:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);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 var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"] }]
+        }], propDecorators: { position: [{
                 type: Input
             }], dataCyTrigger: [{
                 type: Input
@@ -93,15 +93,15 @@ const components = [
     OnemrvaMatPopOverTriggerComponent,
 ];
 class OnemrvaMatPopOverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent], exports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-pop-over.mjs","sources":["../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over-trigger.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over-content.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.component.html","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.module.ts","../../../../projects/onemrva/design-system/mat-pop-over/onemrvapublic-design-system-mat-pop-over.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nlet index = 0;\n\n@Component({\n  selector: 'onemrva-mat-pop-over-trigger',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class OnemrvaMatPopOverTriggerComponent {\n  @Input() dataCy = `onemrvaMatPopOverTrigger_${++index}`;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nlet index = 0;\n\n@Component({\n  selector: 'onemrva-mat-pop-over-content',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class OnemrvaMatPopOverContentComponent {\n  @Input() dataCy = `onemrvaMatPopOverContent_${++index}`;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  Input,\n} from '@angular/core';\nimport { OnemrvaMatPopOverTriggerComponent } from './onemrva-mat-pop-over-trigger.component';\nimport { OnemrvaMatPopOverContentComponent } from './onemrva-mat-pop-over-content.component';\nimport { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';\nlet NEXT_ID = 0;\n@Component({\n  selector: 'onemrva-mat-pop-over',\n  styleUrls: ['./onemrva-mat-pop-over.component.scss'],\n  templateUrl: 'onemrva-mat-pop-over.component.html',\n  standalone: true,\n  imports: [NgIf, NgTemplateOutlet, NgClass],\n})\nexport class OnemrvaMatPopOverComponent implements AfterViewInit {\n  isOpen = false;\n\n  @Input() position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' =\n    'bottom-right';\n\n  @Input() dataCyTrigger = 'onemrva-po-trigger';\n  @Input() dataCyPo = 'onemrva-po';\n\n  @Input() poId: string = this.dataCyPo + '-' + NEXT_ID++; // HTML id for the trigger\n\n  @ContentChild(OnemrvaMatPopOverTriggerComponent)\n  trigger?: OnemrvaMatPopOverTriggerComponent;\n\n  @ContentChild(OnemrvaMatPopOverContentComponent)\n  content?: OnemrvaMatPopOverContentComponent;\n\n  constructor(private cd: ChangeDetectorRef) {}\n\n  ngAfterViewInit(): void {\n    this.cd.detectChanges();\n  }\n\n  togglePopOver() {\n    this.isOpen = !this.isOpen;\n  }\n\n  closePopOver() {\n    this.isOpen = false;\n  }\n}\n","<div class=\"onemrva-pop-over\">\n  <div\n    class=\"onemrva-overlay\"\n    tabindex=\"1\"\n    *ngIf=\"isOpen\"\n    (click)=\"closePopOver()\"\n  ></div>\n  <a\n    tabindex=\"1\"\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","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPopOverComponent } from './onemrva-mat-pop-over.component';\nimport { OnemrvaMatPopOverContentComponent } from './onemrva-mat-pop-over-content.component';\nimport { OnemrvaMatPopOverTriggerComponent } from './onemrva-mat-pop-over-trigger.component';\n\nconst components = [\n  OnemrvaMatPopOverComponent,\n  OnemrvaMatPopOverContentComponent,\n  OnemrvaMatPopOverTriggerComponent,\n];\n\n@NgModule({\n  declarations: [],\n  imports: [...components],\n  exports: [...components],\n})\nexport class OnemrvaMatPopOverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["index"],"mappings":";;;;AAEA,IAAIA,OAAK,GAAG,CAAC;MAOA,iCAAiC,CAAA;AAL9C,IAAA,WAAA,GAAA;AAMW,QAAA,IAAA,CAAA,MAAM,GAAG,CAAA,yBAAA,EAA4B,EAAEA,OAAK,EAAE;AAGxD;+GAJY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGjC,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANZ,sDAAsD,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAGrD,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAL7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,sDAAsD;AAChE,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;8BAEU,MAAM,EAAA,CAAA;sBAAd;gBAEuB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;ACVxB,IAAI,KAAK,GAAG,CAAC;MAOA,iCAAiC,CAAA;AAL9C,IAAA,WAAA,GAAA;AAMW,QAAA,IAAA,CAAA,MAAM,GAAG,CAAA,yBAAA,EAA4B,EAAE,KAAK,EAAE;AAGxD;+GAJY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGjC,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANZ,sDAAsD,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;4FAGrD,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAL7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,sDAAsD;AAChE,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;8BAEU,MAAM,EAAA,CAAA;sBAAd;gBAEuB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW;;;ACFxB,IAAI,OAAO,GAAG,CAAC;MAQF,0BAA0B,CAAA;AAiBrC,IAAA,WAAA,CAAoB,EAAqB,EAAA;QAArB,IAAE,CAAA,EAAA,GAAF,EAAE;QAhBtB,IAAM,CAAA,MAAA,GAAG,KAAK;QAEL,IAAQ,CAAA,QAAA,GACf,cAAc;QAEP,IAAa,CAAA,aAAA,GAAG,oBAAoB;QACpC,IAAQ,CAAA,QAAA,GAAG,YAAY;QAEvB,IAAI,CAAA,IAAA,GAAW,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,OAAO,EAAE,CAAC;;IAUxD,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;;IAGzB,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;;IAG5B,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;+GA5BV,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAWvB,iCAAiC,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGjC,iCAAiC,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChCjD,47BAmCA,EAAA,MAAA,EAAA,CAAA,4tEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnBY,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAE9B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;+BACE,sBAAsB,EAAA,UAAA,EAGpB,IAAI,EACP,OAAA,EAAA,CAAC,IAAI,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,47BAAA,EAAA,MAAA,EAAA,CAAA,4tEAAA,CAAA,EAAA;sFAKjC,QAAQ,EAAA,CAAA;sBAAhB;gBAGQ,aAAa,EAAA,CAAA;sBAArB;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBAEQ,IAAI,EAAA,CAAA;sBAAZ;gBAGD,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,iCAAiC;gBAI/C,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,iCAAiC;;;AE3BjD,MAAM,UAAU,GAAG;IACjB,0BAA0B;IAC1B,iCAAiC;IACjC,iCAAiC;CAClC;MAOY,uBAAuB,CAAA;+GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAVlC,0BAA0B;YAC1B,iCAAiC;AACjC,YAAA,iCAAiC,aAFjC,0BAA0B;YAC1B,iCAAiC;YACjC,iCAAiC,CAAA,EAAA,CAAA,CAAA;gHAQtB,uBAAuB,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACzB,iBAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system-mat-pop-over.mjs","sources":["../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over-trigger.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over-content.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.component.ts","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.component.html","../../../../projects/onemrva/design-system/mat-pop-over/src/onemrva-mat-pop-over.module.ts","../../../../projects/onemrva/design-system/mat-pop-over/onemrvapublic-design-system-mat-pop-over.ts"],"sourcesContent":["import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nlet index = 0;\n\n@Component({\n  selector: 'onemrva-mat-pop-over-trigger',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class OnemrvaMatPopOverTriggerComponent {\n  @Input() dataCy = `onemrvaMatPopOverTrigger_${++index}`;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\nlet index = 0;\n\n@Component({\n  selector: 'onemrva-mat-pop-over-content',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class OnemrvaMatPopOverContentComponent {\n  @Input() dataCy = `onemrvaMatPopOverContent_${++index}`;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  inject,\n  Input,\n} from '@angular/core';\nimport { OnemrvaMatPopOverTriggerComponent } from './onemrva-mat-pop-over-trigger.component';\nimport { OnemrvaMatPopOverContentComponent } from './onemrva-mat-pop-over-content.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nlet NEXT_ID = 0;\n@Component({\n  selector: 'onemrva-mat-pop-over',\n  styleUrls: ['./onemrva-mat-pop-over.component.scss'],\n  templateUrl: 'onemrva-mat-pop-over.component.html',\n  standalone: true,\n  imports: [NgTemplateOutlet, NgClass],\n})\nexport class OnemrvaMatPopOverComponent implements AfterViewInit {\n  isOpen = false;\n\n  @Input() position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' =\n    'bottom-right';\n\n  @Input() dataCyTrigger = 'onemrva-po-trigger';\n  @Input() dataCyPo = 'onemrva-po';\n\n  @Input() poId: string = this.dataCyPo + '-' + NEXT_ID++; // HTML id for the trigger\n\n  @ContentChild(OnemrvaMatPopOverTriggerComponent)\n  trigger?: OnemrvaMatPopOverTriggerComponent;\n\n  @ContentChild(OnemrvaMatPopOverContentComponent)\n  content?: OnemrvaMatPopOverContentComponent;\n\n  private readonly cd = inject(ChangeDetectorRef);\n\n  ngAfterViewInit(): void {\n    this.cd.detectChanges();\n  }\n\n  togglePopOver() {\n    this.isOpen = !this.isOpen;\n  }\n\n  closePopOver() {\n    this.isOpen = false;\n  }\n}\n","<div class=\"onemrva-pop-over\">\n  @if (isOpen) {\n    <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n  }\n  <a\n    tabindex=\"1\"\n    class=\"onemrva-pop-over-trigger\"\n    (click)=\"togglePopOver()\"\n    [attr.data-cy]=\"dataCyTrigger\"\n    role=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [id]=\"poId\"\n  >\n    @if (trigger?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </a>\n\n  @if (isOpen) {\n    @if (content?.template; as tpl) {\n      <div\n        class=\"onemrva-pop-over-frame\"\n        [ngClass]=\"position\"\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=\"tpl\"></ng-container>\n        </div>\n      </div>\n    }\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPopOverComponent } from './onemrva-mat-pop-over.component';\nimport { OnemrvaMatPopOverContentComponent } from './onemrva-mat-pop-over-content.component';\nimport { OnemrvaMatPopOverTriggerComponent } from './onemrva-mat-pop-over-trigger.component';\n\nconst components = [\n  OnemrvaMatPopOverComponent,\n  OnemrvaMatPopOverContentComponent,\n  OnemrvaMatPopOverTriggerComponent,\n];\n\n@NgModule({\n  declarations: [],\n  imports: [...components],\n  exports: [...components],\n})\nexport class OnemrvaMatPopOverModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["index"],"mappings":"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"}

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

@@ -19,10 +19,10 @@ class OnemrvaMatProgressBarComponent {
             this.label$ = this.progress$;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\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", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\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: "20.0.6", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\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", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\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: "19.2.10", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\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", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"] }]
         }], propDecorators: { label$: [{

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-progress-bar.mjs","sources":["../../../../projects/onemrva/design-system/mat-progress-bar/src/onemrva-mat-progress-bar.component.ts","../../../../projects/onemrva/design-system/mat-progress-bar/src/onemrva-mat-progress-bar.component.html","../../../../projects/onemrva/design-system/mat-progress-bar/onemrvapublic-design-system-mat-progress-bar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { map, Observable, tap } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-progress-bar',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: 'onemrva-mat-progress-bar.component.html',\n  styleUrl: 'onemrva-mat-progress-bar.component.scss',\n})\nexport class OnemrvaMatProgressBarComponent implements OnInit {\n  @Input() label$?: Observable<string>;\n  @Input() value$!: Observable<number>;\n  @Input() dataCy = 'onemrva-mat-progress-bar';\n\n  @HostBinding('attr.role')\n  public role = 'progressbar';\n\n  @HostBinding('attr.aria-label')\n  @Input()\n  public ariaLabel = 'progress bar';\n\n  progress$!: Observable<string>;\n\n  ngOnInit() {\n    this.progress$ = this.value$.pipe(\n      tap(value => {\n        this.success = value >= 100;\n      }),\n      map(v => (v < 0 ? '0%' : v > 100 ? '100%' : v + '%')),\n    );\n\n    if (!this.label$) {\n      this.label$ = this.progress$;\n    }\n  }\n\n  @HostBinding('class.mat-success')\n  success = false;\n}\n","<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,8BAA8B,CAAA;AAP3C,IAAA,WAAA,GAAA;QAUW,IAAM,CAAA,MAAA,GAAG,0BAA0B;QAGrC,IAAI,CAAA,IAAA,GAAG,aAAa;QAIpB,IAAS,CAAA,SAAA,GAAG,cAAc;QAkBjC,IAAO,CAAA,OAAA,GAAG,KAAK;AAChB;IAfC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAC/B,GAAG,CAAC,KAAK,IAAG;AACV,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG;AAC7B,SAAC,CAAC,EACF,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CACtD;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS;;;+GAvBrB,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX3C,mdAaA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAP1C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EACxB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mdAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA;8BAKd,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBAGM,IAAI,EAAA,CAAA;sBADV,WAAW;uBAAC,WAAW;gBAKjB,SAAS,EAAA,CAAA;sBAFf,WAAW;uBAAC,iBAAiB;;sBAC7B;gBAmBD,OAAO,EAAA,CAAA;sBADN,WAAW;uBAAC,mBAAmB;;;AEtClC;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system-mat-progress-bar.mjs","sources":["../../../../projects/onemrva/design-system/mat-progress-bar/src/onemrva-mat-progress-bar.component.ts","../../../../projects/onemrva/design-system/mat-progress-bar/src/onemrva-mat-progress-bar.component.html","../../../../projects/onemrva/design-system/mat-progress-bar/onemrvapublic-design-system-mat-progress-bar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { map, Observable, tap } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-mat-progress-bar',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: 'onemrva-mat-progress-bar.component.html',\n  styleUrl: 'onemrva-mat-progress-bar.component.scss',\n})\nexport class OnemrvaMatProgressBarComponent implements OnInit {\n  @Input() label$?: Observable<string>;\n  @Input() value$!: Observable<number>;\n  @Input() dataCy = 'onemrva-mat-progress-bar';\n\n  @HostBinding('attr.role')\n  public role = 'progressbar';\n\n  @HostBinding('attr.aria-label')\n  @Input()\n  public ariaLabel = 'progress bar';\n\n  progress$!: Observable<string>;\n\n  ngOnInit() {\n    this.progress$ = this.value$.pipe(\n      tap(value => {\n        this.success = value >= 100;\n      }),\n      map(v => (v < 0 ? '0%' : v > 100 ? '100%' : v + '%')),\n    );\n\n    if (!this.label$) {\n      this.label$ = this.progress$;\n    }\n  }\n\n  @HostBinding('class.mat-success')\n  success = false;\n}\n","<div class=\"onemrva-progress-bar\">\n  <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,8BAA8B,CAAA;AAP3C,IAAA,WAAA,GAAA;QAUW,IAAM,CAAA,MAAA,GAAG,0BAA0B;QAGrC,IAAI,CAAA,IAAA,GAAG,aAAa;QAIpB,IAAS,CAAA,SAAA,GAAG,cAAc;QAkBjC,IAAO,CAAA,OAAA,GAAG,KAAK;AAChB;IAfC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAC/B,GAAG,CAAC,KAAK,IAAG;AACV,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG;AAC7B,SAAC,CAAC,EACF,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CACtD;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS;;;8GAvBrB,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX3C,mdAaA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDNY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIX,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAP1C,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EACxB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,mdAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA;8BAKd,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBACQ,MAAM,EAAA,CAAA;sBAAd;gBAGM,IAAI,EAAA,CAAA;sBADV,WAAW;uBAAC,WAAW;gBAKjB,SAAS,EAAA,CAAA;sBAFf,WAAW;uBAAC,iBAAiB;;sBAC7B;gBAmBD,OAAO,EAAA,CAAA;sBADN,WAAW;uBAAC,mBAAmB;;;AEtClC;;AAEG;;;;"}

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

@@ -1,17 +1,15 @@
 import { A, Z, ZERO, NINE, SPACE, HOME, END, ENTER, ESCAPE, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
+import { ViewportRuler } from '@angular/cdk/scrolling';
 import * as i0 from '@angular/core';
-import { Directive, InjectionToken, EventEmitter, QueryList, ElementRef, forwardRef, ContentChild, ViewChild, Output, Input, Inject, Optional, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
+import { Directive, InjectionToken, EventEmitter, QueryList, inject, ChangeDetectorRef, ElementRef, forwardRef, ContentChild, ViewChild, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i4 from '@angular/material/core';
 import { MatOption } from '@angular/material/core';
-import * as i5 from '@angular/material/form-field';
 import { MatFormField } from '@angular/material/form-field';
-import * as i3 from '@angular/material/select';
 import { MatSelect } from '@angular/material/select';
 import { BehaviorSubject, of, combineLatest, Subject } from 'rxjs';
 import { switchMap, map, startWith, delay, takeUntil, take, tap, filter } from 'rxjs/operators';
-import { NgClass, NgIf, AsyncPipe } from '@angular/common';
+import { NgClass, AsyncPipe } from '@angular/common';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { MatTooltip } from '@angular/material/tooltip';
 import { MatIcon } from '@angular/material/icon';
@@ -19,20 +17,19 @@ import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { MatIconButton } from '@angular/material/button';
 import { MatInput } from '@angular/material/input';
 import { MatDivider } from '@angular/material/divider';
-import * as i1 from '@angular/cdk/scrolling';
 
 /**
  * Directive for providing a custom clear-icon.
  * e.g.
- * <ngx-mat-select-search [formControl]="bankFilterCtrl">
+ * <mat-select-search [formControl]="bankFilterCtrl">
  *   <mat-icon matSelectSearchClear>delete</mat-icon>
- * </ngx-mat-select-search>
+ * </mat-select-search>
  */
 class MatSelectSearchClearDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matSelectSearchClear]',
@@ -77,17 +74,17 @@ const MAT_SELECTSEARCH_DEFAULT_OPTIONS = new InjectionToken('mat-selectsearch-de
 /**
  * Directive for providing a custom no entries found element.
  * e.g.
- * <ngx-mat-select-search [formControl]="bankFilterCtrl">
+ * <mat-select-search [formControl]="bankFilterCtrl">
  *   <span matSelectNoEntriesFound>
  *     No entries found <button>Add</button>
  *   </span>
- * </ngx-mat-select-search>
+ * </mat-select-search>
  */
 class MatSelectNoEntriesFoundDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matSelectNoEntriesFound]',
@@ -113,12 +110,7 @@ class MatSelectSearchComponent {
     get _options() {
         return this._options$.getValue();
     }
-    constructor(matSelect, changeDetectorRef, _viewportRuler, matOption, matFormField, defaultOptions) {
-        this.matSelect = matSelect;
-        this.changeDetectorRef = changeDetectorRef;
-        this._viewportRuler = _viewportRuler;
-        this.matOption = matOption;
-        this.matFormField = matFormField;
+    constructor() {
         /** Label of the search placeholder */
         this.placeholderLabel = 'Search';
         /** Type of the search input field */
@@ -131,7 +123,6 @@ class MatSelectSearchComponent {
         this.noEntriesFoundLabel = 'Nothing found';
         /**
          * Whether or not the search field should be cleared after the dropdown menu is closed.
-         * Useful for server-side filtering. See [#3](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/3)
          */
         this.clearSearchInput = true;
         /** Whether to show the search-in-progress indicator */
@@ -187,7 +178,15 @@ class MatSelectSearchComponent {
         }));
         /** Subject that emits when the component has been destroyed. */
         this._onDestroy = new Subject();
-        this.applyDefaultOptions(defaultOptions);
+        this.matSelect = inject(MatSelect);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this._viewportRuler = inject(ViewportRuler);
+        this.matOption = inject(MatOption, { optional: true });
+        this.matFormField = inject(MatFormField, { optional: true });
+        this.defaultOptions = inject(MAT_SELECTSEARCH_DEFAULT_OPTIONS, {
+            optional: true,
+        });
+        this.applyDefaultOptions(this.defaultOptions);
     }
     applyDefaultOptions(defaultOptions) {
         if (!defaultOptions) {
@@ -210,7 +209,7 @@ class MatSelectSearchComponent {
             //this.matOption._getHostElement().setAttribute('aria-hidden', 'true'); // this provoke an error
         }
         else {
-            console.error('<ngx-mat-select-search> must be placed inside a <mat-option> element');
+            console.error('<mat-select-search> must be placed inside a <mat-option> element');
         }
         // when the select dropdown panel is opened or closed
         this.matSelect.openedChange
@@ -415,7 +414,7 @@ class MatSelectSearchComponent {
             if (this.matSelect.multiple) {
                 // note: the access to matSelect.ngControl (instead of matSelect.value / matSelect.valueChanges)
                 // is necessary to properly work in multi-selection mode.
-                console.error('the mat-select containing ngx-mat-select-search must have a ngModel or formControl directive when multiple=true');
+                console.error('the mat-select containing mat-select-search must have a ngModel or formControl directive when multiple=true');
             }
             return;
         }
@@ -491,16 +490,16 @@ class MatSelectSearchComponent {
         this.activeDescendant?.removeAttribute('aria-selected');
         this.searchSelectInput?.nativeElement.removeAttribute('aria-activedescendant');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchComponent, deps: [{ token: MatSelect }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: MatOption, optional: true }, { token: MatFormField, optional: true }, { token: MAT_SELECTSEARCH_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MatSelectSearchComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "clearIcon", first: true, predicate: MatSelectSearchClearDirective, descendants: true }, { propertyName: "noEntriesFound", first: true, predicate: MatSelectNoEntriesFoundDirective, descendants: true }], viewQueries: [{ propertyName: "searchSelectInput", first: true, predicate: ["searchSelectInput"], descendants: true, read: ElementRef, static: true }, { propertyName: "innerSelectSearch", first: true, predicate: ["innerSelectSearch"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  <mat-checkbox\n    *ngIf=\"_isToggleAllCheckboxVisible()\"\n    [color]=\"matFormField.color\"\n    class=\"mat-select-search-toggle-all-checkbox\"\n    [checked]=\"toggleAllCheckboxChecked\"\n    [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n    [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n    matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n    [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n    (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n  ></mat-checkbox>\n\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  <mat-icon *ngIf=\"value === '' && !searching\" class=\"suffix\">search</mat-icon>\n  <mat-spinner\n    *ngIf=\"searching\"\n    class=\"mat-select-search-spinner\"\n    diameter=\"16\"\n  ></mat-spinner>\n\n  <button\n    *ngIf=\"!hideClearSearchButton && value && !searching\"\n    mat-icon-button\n    aria-label=\"Clear\"\n    (click)=\"_reset(true)\"\n    class=\"mat-select-search-clear\"\n  >\n    <ng-content\n      *ngIf=\"clearIcon; else defaultIcon\"\n      select=\"[matSelectSearchClear]\"\n    ></ng-content>\n    <ng-template #defaultIcon>\n      <mat-icon [svgIcon]=\"closeSvgIcon\">\n        {{ !closeSvgIcon ? closeIcon : null }}\n      </mat-icon>\n    </ng-template>\n  </button>\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n<div\n  *ngIf=\"_showNoEntriesFound$ | async\"\n  class=\"mat-select-search-no-entries-found\"\n>\n  <ng-content\n    *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n    select=\"[matSelectNoEntriesFound]\"\n  ></ng-content>\n  <ng-template #defaultNoEntriesFound>{{ noEntriesFoundLabel }}</ng-template>\n</div>\n", styles: [":host .mat-select-search-hidden{visibility:hidden}:host .mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}:host .mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}:host .suffix{position:absolute;top:var(--spacer-and-half);right:var(--spacer)}:host .mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:var(--mat-sys-surface-container-high);line-height:var(--input-height);height:var(--input-height);padding:var(--spacer)}:host-context([dir=rtl]) :host .mat-select-search-input{padding-right:var(--double-spacer)}:host .mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:var(--half-spacer)}:host .mat-select-search-no-entries-found{padding-top:var(--spacer);padding-bottom:var(--spacer)}:host .mat-select-search-clear{position:absolute;right:var(--half-spacer);top:0}:host-context([dir=rtl]) :host .mat-select-search-clear{right:auto;left:var(--half-spacer)}:host .mat-select-search-spinner{position:absolute;right:var(--double-spacer);top:calc(50% - var(--spacer))}:host-context([dir=rtl]) :host .mat-select-search-spinner{right:auto;left:var(--double-spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "clearIcon", first: true, predicate: MatSelectSearchClearDirective, descendants: true }, { propertyName: "noEntriesFound", first: true, predicate: MatSelectNoEntriesFoundDirective, descendants: true }], viewQueries: [{ propertyName: "searchSelectInput", first: true, predicate: ["searchSelectInput"], descendants: true, read: ElementRef, static: true }, { propertyName: "innerSelectSearch", first: true, predicate: ["innerSelectSearch"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  @if (_isToggleAllCheckboxVisible()) {\n    <mat-checkbox\n      class=\"mat-select-search-toggle-all-checkbox\"\n      [checked]=\"toggleAllCheckboxChecked\"\n      [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n      [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n      matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n      [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n      (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n    ></mat-checkbox>\n  }\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  @if (value === '' && !searching) {\n    <mat-icon class=\"suffix\">search</mat-icon>\n  }\n  @if (searching) {\n    <mat-spinner class=\"mat-select-search-spinner\" diameter=\"16\"></mat-spinner>\n  }\n  @if (!hideClearSearchButton && value && !searching) {\n    <button\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"_reset(true)\"\n      class=\"mat-select-search-clear\"\n    >\n      @if (clearIcon) {\n        <ng-content select=\"[matSelectSearchClear]\"></ng-content>\n      } @else {\n        <mat-icon [svgIcon]=\"closeSvgIcon\">\n          {{ !closeSvgIcon ? closeIcon : null }}\n        </mat-icon>\n      }\n    </button>\n  }\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n@if (_showNoEntriesFound$ | async) {\n  <div class=\"mat-select-search-no-entries-found\">\n    @if (noEntriesFound) {\n      <ng-content select=\"[matSelectNoEntriesFound]\"></ng-content>\n    } @else {\n      {{ noEntriesFoundLabel }}\n    }\n  </div>\n}\n", styles: [":host .mat-select-search-hidden{visibility:hidden}:host .mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}:host .mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}:host .suffix{position:absolute;top:var(--spacer-and-half);right:var(--spacer)}:host .mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:var(--mat-sys-surface-container-high);line-height:var(--input-height);height:var(--input-height);padding:var(--spacer)}:host-context([dir=rtl]) :host .mat-select-search-input{padding-right:var(--double-spacer)}:host .mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:var(--half-spacer)}:host .mat-select-search-no-entries-found{padding-top:var(--spacer);padding-bottom:var(--spacer)}:host .mat-select-search-clear{position:absolute;right:var(--half-spacer);top:0}:host-context([dir=rtl]) :host .mat-select-search-clear{right:auto;left:var(--half-spacer)}:host .mat-select-search-spinner{position:absolute;right:var(--double-spacer);top:calc(50% - var(--spacer))}:host-context([dir=rtl]) :host .mat-select-search-spinner{right:auto;left:var(--double-spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-select-search', providers: [
                         {
@@ -515,31 +514,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         ReactiveFormsModule,
                         MatIcon,
                         MatProgressSpinner,
-                        NgIf,
                         MatIconButton,
                         MatInput,
                         MatDivider,
                         AsyncPipe,
-                    ], template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  <mat-checkbox\n    *ngIf=\"_isToggleAllCheckboxVisible()\"\n    [color]=\"matFormField.color\"\n    class=\"mat-select-search-toggle-all-checkbox\"\n    [checked]=\"toggleAllCheckboxChecked\"\n    [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n    [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n    matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n    [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n    (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n  ></mat-checkbox>\n\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  <mat-icon *ngIf=\"value === '' && !searching\" class=\"suffix\">search</mat-icon>\n  <mat-spinner\n    *ngIf=\"searching\"\n    class=\"mat-select-search-spinner\"\n    diameter=\"16\"\n  ></mat-spinner>\n\n  <button\n    *ngIf=\"!hideClearSearchButton && value && !searching\"\n    mat-icon-button\n    aria-label=\"Clear\"\n    (click)=\"_reset(true)\"\n    class=\"mat-select-search-clear\"\n  >\n    <ng-content\n      *ngIf=\"clearIcon; else defaultIcon\"\n      select=\"[matSelectSearchClear]\"\n    ></ng-content>\n    <ng-template #defaultIcon>\n      <mat-icon [svgIcon]=\"closeSvgIcon\">\n        {{ !closeSvgIcon ? closeIcon : null }}\n      </mat-icon>\n    </ng-template>\n  </button>\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n<div\n  *ngIf=\"_showNoEntriesFound$ | async\"\n  class=\"mat-select-search-no-entries-found\"\n>\n  <ng-content\n    *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n    select=\"[matSelectNoEntriesFound]\"\n  ></ng-content>\n  <ng-template #defaultNoEntriesFound>{{ noEntriesFoundLabel }}</ng-template>\n</div>\n", styles: [":host .mat-select-search-hidden{visibility:hidden}:host .mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}:host .mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}:host .suffix{position:absolute;top:var(--spacer-and-half);right:var(--spacer)}:host .mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:var(--mat-sys-surface-container-high);line-height:var(--input-height);height:var(--input-height);padding:var(--spacer)}:host-context([dir=rtl]) :host .mat-select-search-input{padding-right:var(--double-spacer)}:host .mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:var(--half-spacer)}:host .mat-select-search-no-entries-found{padding-top:var(--spacer);padding-bottom:var(--spacer)}:host .mat-select-search-clear{position:absolute;right:var(--half-spacer);top:0}:host-context([dir=rtl]) :host .mat-select-search-clear{right:auto;left:var(--half-spacer)}:host .mat-select-search-spinner{position:absolute;right:var(--double-spacer);top:calc(50% - var(--spacer))}:host-context([dir=rtl]) :host .mat-select-search-spinner{right:auto;left:var(--double-spacer)}\n"] }]
-        }], ctorParameters: () => [{ type: i3.MatSelect, decorators: [{
-                    type: Inject,
-                    args: [MatSelect]
-                }] }, { type: i0.ChangeDetectorRef }, { type: i1.ViewportRuler }, { type: i4.MatOption, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MatOption]
-                }] }, { type: i5.MatFormField, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MatFormField]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MAT_SELECTSEARCH_DEFAULT_OPTIONS]
-                }] }], propDecorators: { placeholderLabel: [{
+                    ], template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  @if (_isToggleAllCheckboxVisible()) {\n    <mat-checkbox\n      class=\"mat-select-search-toggle-all-checkbox\"\n      [checked]=\"toggleAllCheckboxChecked\"\n      [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n      [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n      matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n      [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n      (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n    ></mat-checkbox>\n  }\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  @if (value === '' && !searching) {\n    <mat-icon class=\"suffix\">search</mat-icon>\n  }\n  @if (searching) {\n    <mat-spinner class=\"mat-select-search-spinner\" diameter=\"16\"></mat-spinner>\n  }\n  @if (!hideClearSearchButton && value && !searching) {\n    <button\n      mat-icon-button\n      aria-label=\"Clear\"\n      (click)=\"_reset(true)\"\n      class=\"mat-select-search-clear\"\n    >\n      @if (clearIcon) {\n        <ng-content select=\"[matSelectSearchClear]\"></ng-content>\n      } @else {\n        <mat-icon [svgIcon]=\"closeSvgIcon\">\n          {{ !closeSvgIcon ? closeIcon : null }}\n        </mat-icon>\n      }\n    </button>\n  }\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n@if (_showNoEntriesFound$ | async) {\n  <div class=\"mat-select-search-no-entries-found\">\n    @if (noEntriesFound) {\n      <ng-content select=\"[matSelectNoEntriesFound]\"></ng-content>\n    } @else {\n      {{ noEntriesFoundLabel }}\n    }\n  </div>\n}\n", styles: [":host .mat-select-search-hidden{visibility:hidden}:host .mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}:host .mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}:host .suffix{position:absolute;top:var(--spacer-and-half);right:var(--spacer)}:host .mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:var(--mat-sys-surface-container-high);line-height:var(--input-height);height:var(--input-height);padding:var(--spacer)}:host-context([dir=rtl]) :host .mat-select-search-input{padding-right:var(--double-spacer)}:host .mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:var(--half-spacer)}:host .mat-select-search-no-entries-found{padding-top:var(--spacer);padding-bottom:var(--spacer)}:host .mat-select-search-clear{position:absolute;right:var(--half-spacer);top:0}:host-context([dir=rtl]) :host .mat-select-search-clear{right:auto;left:var(--half-spacer)}:host .mat-select-search-spinner{position:absolute;right:var(--double-spacer);top:calc(50% - var(--spacer))}:host-context([dir=rtl]) :host .mat-select-search-spinner{right:auto;left:var(--double-spacer)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { placeholderLabel: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -600,15 +580,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * found in the LICENSE file at https://angular.io/license
  */
 class MatSelectSearchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
             MatSelectSearchClearDirective,
             MatSelectNoEntriesFoundDirective], exports: [MatSelectSearchComponent,
             MatSelectSearchClearDirective,
             MatSelectNoEntriesFoundDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: MatSelectSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MatSelectSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [