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

@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

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 (205) hide show

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

@@ -1,82 +1,77 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Input, ViewEncapsulation, Component, inject, ChangeDetectorRef, ContentChild, input, output, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { input, viewChild, TemplateRef, ViewEncapsulation, Component, contentChild, inject, ChangeDetectorRef, output, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { NgClass, NgTemplateOutlet } from '@angular/common';
 import { MatExpansionPanel, MatExpansionPanelHeader } from '@angular/material/expansion';
 class OnemrvaMatPanelTitleActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, 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\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    constructor() {
+        this.customNgClass = input(...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : []));
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass()\"\n  >\n    <ng-content />\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel-title-action', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass], template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
-        }], propDecorators: { customNgClass: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+            args: [{ selector: 'onemrva-mat-panel-title-action', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass], template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass()\"\n  >\n    <ng-content />\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 class OnemrvaMatPanelTitleComponent {
     constructor() {
+        this.customNgClass = input(...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : []));
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+        this.content = contentChild(OnemrvaMatPanelTitleActionComponent, ...(ngDevMode ? [{ debugName: "content" }] : []));
         this.toggleButtonReference = null;
         this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: OnemrvaMatPanelTitleComponent, isStandalone: true, 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    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%;align-items:center}.is-expandable .onemrva-mat-panel-title{width:calc(100% - 50px)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass()\">\n    <ng-content />\n    @if (content()?.template(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%;align-items:center}.is-expandable .onemrva-mat-panel-title{width:calc(100% - 50px)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel-title', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%;align-items:center}.is-expandable .onemrva-mat-panel-title{width:calc(100% - 50px)}\n"] }]
-        }], propDecorators: { customNgClass: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }], content: [{
-                type: ContentChild,
-                args: [OnemrvaMatPanelTitleActionComponent]
-            }] } });
+            args: [{ selector: 'onemrva-mat-panel-title', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass()\">\n    <ng-content />\n    @if (content()?.template(); as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%;align-items:center}.is-expandable .onemrva-mat-panel-title{width:calc(100% - 50px)}\n"] }]
+        }], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelTitleActionComponent), { isSignal: true }] }] } });
 class OnemrvaMatPanelContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OnemrvaMatPanelContentComponent, isStandalone: true, 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", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    constructor() {
+        this.customNgClass = input(...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : []));
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass()\">\n    <ng-content />\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content:not(:empty){margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content:not(:empty) p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
-        }], propDecorators: { customNgClass: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+            args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass()\">\n    <ng-content />\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content:not(:empty){margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content:not(:empty) p:last-child{margin:0}\n"] }]
+        }], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 class OnemrvaMatPanelIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OnemrvaMatPanelIconComponent, isStandalone: true, 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", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    constructor() {
+        this.customNgClass = input(...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : []));
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass()\">\n    <ng-content />\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel-icon', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"] }]
-        }], propDecorators: { customNgClass: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+            args: [{ selector: 'onemrva-mat-panel-icon', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass()\">\n    <ng-content />\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"] }]
+        }], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
-// import { MatExpansionPanelHeaderArrowDivider } from './mat-expansion-panel-header-arrow-divider';
 let NEXT_ID = 0;
 class OnemrvaMatPanelComponent {
     constructor() {
-        this.id = `onemrva-mat-panel-${NEXT_ID++}`;
-        this.data_cy = 'onemrva-mat-panel';
-        this.disabled = false;
-        this.expandable = false;
+        this.id = input(`onemrva-mat-panel-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this.data_cy = input('onemrva-mat-panel', ...(ngDevMode ? [{ debugName: "data_cy" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.panel = contentChild(OnemrvaMatPanelComponent, ...(ngDevMode ? [{ debugName: "panel" }] : []));
+        this.title = contentChild(OnemrvaMatPanelTitleComponent, ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.content = contentChild.required(OnemrvaMatPanelContentComponent);
+        this.icon = contentChild(OnemrvaMatPanelIconComponent, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.expandable = input(false, ...(ngDevMode ? [{ debugName: "expandable" }] : []));
         this.expanded = input(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         this.expandedChange = output();
         this.cd = inject(ChangeDetectorRef);
@@ -87,57 +82,22 @@ class OnemrvaMatPanelComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, data_cy: { classPropertyName: "data_cy", publicName: "data_cy", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: false, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon", "class.is-expandable": "this.expandable" } }, queries: [{ propertyName: "panel", first: true, predicate: OnemrvaMatPanelComponent, descendants: true }, { 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: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n\n<div class=\"right-content\">\n  @if (expandable) {\n    @if (title?.template; as titleTpl) {\n      <mat-expansion-panel\n        [expanded]=\"expanded()\"\n        (expandedChange)=\"onChangeState($event)\"\n      >\n        <mat-expansion-panel-header>\n          <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n      </mat-expansion-panel>\n    }\n  } @else {\n    @if (title?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n    <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host.is-expandable{padding:0;--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-shape: var(--border-radius);--mat-expansion-container-background-color: transparent}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:var(--double-spacer) var(--triple-spacer);height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-sys-on-surface: --on-background-gradient;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host.mat-neutral{--mat-form-field-outlined-label-text-color: var(--on-background);--mat-form-field-outlined-outline-color: var(--on-background);--mat-form-field-outlined-focus-label-text-color: var(--on-background);--mat-form-field-outlined-focus-outline-color: var(--on-background);--mat-form-field-outlined-hover-label-text-color: var(--on-background);--mat-form-field-outlined-hover-outline-color: var(--on-background);--mat-form-field-outlined-input-text-color: var(--on-background);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background);--mat-select-enabled-arrow-color: var(--on-background);--mat-select-focused-arrow-color: var(--on-background);--mat-select-placeholder-text-color: var(--on-background);--mat-select-enabled-trigger-text-color: var(--on-background)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data_cy: { classPropertyName: "data_cy", publicName: "data_cy", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.id": "id()", "attr.data-cy": "data_cy()", "class.mat-disabled": "disabled()", "class.is-expandable": "expandable()" } }, queries: [{ propertyName: "panel", first: true, predicate: OnemrvaMatPanelComponent, descendants: true, isSignal: true }, { propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true, isSignal: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (icon()?.template(); as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\" />\n}\n\n<div class=\"right-content\">\n  @if (expandable()) {\n    @if (title()?.template(); as titleTpl) {\n      <mat-expansion-panel\n        [expanded]=\"expanded()\"\n        (expandedChange)=\"onChangeState($event)\"\n      >\n        <mat-expansion-panel-header>\n          <ng-container *ngTemplateOutlet=\"titleTpl\" />\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"content().template()\" />\n      </mat-expansion-panel>\n    }\n  } @else {\n    @if (title()?.template(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <ng-container *ngTemplateOutlet=\"content().template()\" />\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host.is-expandable{padding:0;--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-shape: var(--border-radius);--mat-expansion-container-background-color: transparent}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:var(--double-spacer) var(--triple-spacer);height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-sys-on-surface: --on-background-gradient;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host.mat-neutral{--mat-form-field-outlined-label-text-color: var(--on-background);--mat-form-field-outlined-outline-color: var(--on-background);--mat-form-field-outlined-focus-label-text-color: var(--on-background);--mat-form-field-outlined-focus-outline-color: var(--on-background);--mat-form-field-outlined-hover-label-text-color: var(--on-background);--mat-form-field-outlined-hover-outline-color: var(--on-background);--mat-form-field-outlined-input-text-color: var(--on-background);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background);--mat-select-enabled-arrow-color: var(--on-background);--mat-select-focused-arrow-color: var(--on-background);--mat-select-placeholder-text-color: var(--on-background);--mat-select-enabled-trigger-text-color: var(--on-background)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgTemplateOutlet,
-                        MatExpansionPanel,
-                        MatExpansionPanelHeader,
-                        // MatExpansionPanelHeaderArrowDivider,
-                    ], standalone: true, template: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n\n<div class=\"right-content\">\n  @if (expandable) {\n    @if (title?.template; as titleTpl) {\n      <mat-expansion-panel\n        [expanded]=\"expanded()\"\n        (expandedChange)=\"onChangeState($event)\"\n      >\n        <mat-expansion-panel-header>\n          <ng-container *ngTemplateOutlet=\"titleTpl\"></ng-container>\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n      </mat-expansion-panel>\n    }\n  } @else {\n    @if (title?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n    <ng-container *ngTemplateOutlet=\"content.template\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host.is-expandable{padding:0;--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-shape: var(--border-radius);--mat-expansion-container-background-color: transparent}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:var(--double-spacer) var(--triple-spacer);height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-sys-on-surface: --on-background-gradient;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host.mat-neutral{--mat-form-field-outlined-label-text-color: var(--on-background);--mat-form-field-outlined-outline-color: var(--on-background);--mat-form-field-outlined-focus-label-text-color: var(--on-background);--mat-form-field-outlined-focus-outline-color: var(--on-background);--mat-form-field-outlined-hover-label-text-color: var(--on-background);--mat-form-field-outlined-hover-outline-color: var(--on-background);--mat-form-field-outlined-input-text-color: var(--on-background);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background);--mat-select-enabled-arrow-color: var(--on-background);--mat-select-focused-arrow-color: var(--on-background);--mat-select-placeholder-text-color: var(--on-background);--mat-select-enabled-trigger-text-color: var(--on-background)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
-        }], propDecorators: { id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], data_cy: [{
-                type: HostBinding,
-                args: ['attr.data-cy']
-            }, {
-                type: Input
-            }], disabled: [{
-                type: HostBinding,
-                args: ['class.mat-disabled']
-            }, {
-                type: Input
-            }], panel: [{
-                type: ContentChild,
-                args: [OnemrvaMatPanelComponent]
-            }], title: [{
-                type: ContentChild,
-                args: [OnemrvaMatPanelTitleComponent]
-            }], content: [{
-                type: ContentChild,
-                args: [OnemrvaMatPanelContentComponent]
-            }], icon: [{
-                type: HostBinding,
-                args: ['class.has-icon']
-            }, {
-                type: ContentChild,
-                args: [OnemrvaMatPanelIconComponent]
-            }], expandable: [{
-                type: HostBinding,
-                args: ['class.is-expandable']
-            }, {
-                type: Input
-            }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
+            args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MatExpansionPanel, MatExpansionPanelHeader], standalone: true, host: {
+                        '[attr.id]': 'id()',
+                        '[attr.data-cy]': 'data_cy()',
+                        '[class.mat-disabled]': 'disabled()',
+                        '[class.is-expandable]': 'expandable()',
+                    }, template: "@if (icon()?.template(); as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\" />\n}\n\n<div class=\"right-content\">\n  @if (expandable()) {\n    @if (title()?.template(); as titleTpl) {\n      <mat-expansion-panel\n        [expanded]=\"expanded()\"\n        (expandedChange)=\"onChangeState($event)\"\n      >\n        <mat-expansion-panel-header>\n          <ng-container *ngTemplateOutlet=\"titleTpl\" />\n        </mat-expansion-panel-header>\n        <ng-container *ngTemplateOutlet=\"content().template()\" />\n      </mat-expansion-panel>\n    }\n  } @else {\n    @if (title()?.template(); as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\" />\n    }\n    <ng-container *ngTemplateOutlet=\"content().template()\" />\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host.is-expandable{padding:0;--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-shape: var(--border-radius);--mat-expansion-container-background-color: transparent}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:var(--double-spacer) var(--triple-spacer);height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-sys-on-surface: --on-background-gradient;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host.mat-neutral{--mat-form-field-outlined-label-text-color: var(--on-background);--mat-form-field-outlined-outline-color: var(--on-background);--mat-form-field-outlined-focus-label-text-color: var(--on-background);--mat-form-field-outlined-focus-outline-color: var(--on-background);--mat-form-field-outlined-hover-label-text-color: var(--on-background);--mat-form-field-outlined-hover-outline-color: var(--on-background);--mat-form-field-outlined-input-text-color: var(--on-background);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background);--mat-select-enabled-arrow-color: var(--on-background);--mat-select-focused-arrow-color: var(--on-background);--mat-select-placeholder-text-color: var(--on-background);--mat-select-enabled-trigger-text-color: var(--on-background)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], data_cy: [{ type: i0.Input, args: [{ isSignal: true, alias: "data_cy", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], panel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelComponent), { isSignal: true }] }], title: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelTitleComponent), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelContentComponent), { isSignal: true }] }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelIconComponent), { isSignal: true }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
 class OnemrvaMatPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
             OnemrvaMatPanelTitleComponent,
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
@@ -146,9 +106,9 @@ class OnemrvaMatPanelModule {
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
             OnemrvaMatPanelIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -170,10 +130,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         }] });
 class MatExpansionPanelHeaderArrowDivider {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MatExpansionPanelHeaderArrowDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: MatExpansionPanelHeaderArrowDivider, isStandalone: true, selector: "mat-expansion-panel-header-arrow-divider", ngImport: i0, template: "<span></span>\n", styles: [":host span{position:absolute;top:1.55rem;right:3.4rem;display:inline-flex;border-left:1px solid var(--mat-sys-outline-variant);height:30px;margin:0}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MatExpansionPanelHeaderArrowDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: MatExpansionPanelHeaderArrowDivider, isStandalone: true, selector: "mat-expansion-panel-header-arrow-divider", ngImport: i0, template: "<span></span>\n", styles: [":host span{position:absolute;top:1.55rem;right:3.4rem;display:inline-flex;border-left:1px solid var(--mat-sys-outline-variant);height:30px;margin:0}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: MatExpansionPanelHeaderArrowDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MatExpansionPanelHeaderArrowDivider, decorators: [{
             type: Component,
             args: [{ selector: 'mat-expansion-panel-header-arrow-divider', imports: [], standalone: true, template: "<span></span>\n", styles: [":host span{position:absolute;top:1.55rem;right:3.4rem;display:inline-flex;border-left:1px solid var(--mat-sys-outline-variant);height:30px;margin:0}\n"] }]
         }] });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"onemrvapublic-design-system-mat-panel.mjs","sources":["../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.module.ts","../../../../projects/onemrva/design-system/mat-panel/src/mat-expansion-panel-header-arrow-divider.ts","../../../../projects/onemrva/design-system/mat-panel/src/mat-expansion-panel-header-arrow-divider.html","../../../../projects/onemrva/design-system/mat-panel/onemrvapublic-design-system-mat-panel.ts"],"sourcesContent":["import {\n Component,\n Input,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title-action',\n templateUrl: './onemrva-mat-panel-title-action.html',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelTitleActionComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass\"\n >\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n inject,\n Input,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title',\n templateUrl: './onemrva-mat-panel-title.html',\n styleUrl: './onemrva-mat-panel-title.scss',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [NgClass, NgTemplateOutlet],\n})\nexport class OnemrvaMatPanelTitleComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n @ContentChild(OnemrvaMatPanelTitleActionComponent)\n content?: OnemrvaMatPanelTitleActionComponent;\n\n toggleButtonReference: ElementRef \| null = null;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-content',\n templateUrl: './onemrva-mat-panel-content.html',\n styleUrl: './onemrva-mat-panel-content.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelContentComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-icon',\n templateUrl: './onemrva-mat-panel-icon.html',\n styleUrl: './onemrva-mat-panel-icon.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelIconComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n inject,\n input,\n Input,\n output,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n MatExpansionPanel,\n MatExpansionPanelHeader,\n} from '@angular/material/expansion';\n// import { MatExpansionPanelHeaderArrowDivider } from './mat-expansion-panel-header-arrow-divider';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-panel',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-panel.component.html',\n styleUrl: './onemrva-mat-panel.component.scss',\n imports: [\n NgTemplateOutlet,\n MatExpansionPanel,\n MatExpansionPanelHeader,\n // MatExpansionPanelHeaderArrowDivider,\n ],\n standalone: true,\n})\nexport class OnemrvaMatPanelComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-panel-${NEXT_ID++}`;\n\n @HostBinding('attr.data-cy')\n @Input()\n data_cy = 'onemrva-mat-panel';\n\n @HostBinding('class.mat-disabled')\n @Input()\n disabled = false;\n\n @ContentChild(OnemrvaMatPanelComponent)\n panel?: OnemrvaMatPanelComponent;\n\n @ContentChild(OnemrvaMatPanelTitleComponent)\n title?: OnemrvaMatPanelTitleComponent;\n\n @ContentChild(OnemrvaMatPanelContentComponent)\n content!: OnemrvaMatPanelContentComponent;\n\n @HostBinding('class.has-icon')\n @ContentChild(OnemrvaMatPanelIconComponent)\n icon?: OnemrvaMatPanelIconComponent;\n\n @HostBinding('class.is-expandable')\n @Input()\n expandable = false;\n\n expanded = input<boolean>(true);\n\n expandedChange = output<boolean>();\n\n error?: string;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n onChangeState(val: boolean) {\n this.expandedChange.emit(val);\n }\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","@if (icon?.template; as tpl) {\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n}\n\n<div class=\"right-content\">\n @if (expandable) {\n @if (title?.template; as titleTpl) {\n <mat-expansion-panel\n [expanded]=\"expanded()\"\n (expandedChange)=\"onChangeState($event)\"\n >\n <mat-expansion-panel-header>\n <ng-container ngTemplateOutlet=\"titleTpl\"></ng-container>\n </mat-expansion-panel-header>\n <ng-container ngTemplateOutlet=\"content.template\"></ng-container>\n </mat-expansion-panel>\n }\n } @else {\n @if (title?.template; as tpl) {\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n }\n <ng-container ngTemplateOutlet=\"content.template\"></ng-container>\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPanelComponent } from './onemrva-mat-panel.component';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\n\n@NgModule({\n declarations: [],\n imports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n exports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n})\nexport class OnemrvaMatPanelModule {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'mat-expansion-panel-header-arrow-divider',\n imports: [],\n standalone: true,\n templateUrl: './mat-expansion-panel-header-arrow-divider.html',\n styleUrl: './mat-expansion-panel-header-arrow-divider.scss',\n})\nexport class MatExpansionPanelHeaderArrowDivider {}\n","<span></span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"onemrvapublic-design-system-mat-panel.mjs","sources":["../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.module.ts","../../../../projects/onemrva/design-system/mat-panel/src/mat-expansion-panel-header-arrow-divider.ts","../../../../projects/onemrva/design-system/mat-panel/src/mat-expansion-panel-header-arrow-divider.html","../../../../projects/onemrva/design-system/mat-panel/onemrvapublic-design-system-mat-panel.ts"],"sourcesContent":["import {\n Component,\n TemplateRef,\n ViewEncapsulation,\n input,\n viewChild,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title-action',\n templateUrl: './onemrva-mat-panel-title-action.html',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelTitleActionComponent {\n readonly customNgClass = input<any>();\n\n readonly template = viewChild(TemplateRef);\n}\n","<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass()\"\n >\n <ng-content />\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ElementRef,\n inject,\n TemplateRef,\n ViewEncapsulation,\n input,\n viewChild,\n contentChild,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-title',\n templateUrl: './onemrva-mat-panel-title.html',\n styleUrl: './onemrva-mat-panel-title.scss',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [NgClass, NgTemplateOutlet],\n})\nexport class OnemrvaMatPanelTitleComponent implements AfterViewInit {\n readonly customNgClass = input<any>();\n\n readonly template = viewChild(TemplateRef);\n\n readonly content = contentChild(OnemrvaMatPanelTitleActionComponent);\n\n toggleButtonReference: ElementRef \| null = null;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass()\">\n <ng-content />\n @if (content()?.template(); as tpl) {\n <ng-container ngTemplateOutlet=\"tpl\" />\n }\n </div>\n</ng-template>\n","import { Component, TemplateRef, input, viewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-content',\n templateUrl: './onemrva-mat-panel-content.html',\n styleUrl: './onemrva-mat-panel-content.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelContentComponent {\n readonly customNgClass = input<any>();\n\n readonly template = viewChild(TemplateRef);\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n","import { Component, TemplateRef, input, viewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-panel-icon',\n templateUrl: './onemrva-mat-panel-icon.html',\n styleUrl: './onemrva-mat-panel-icon.scss',\n standalone: true,\n imports: [NgClass],\n})\nexport class OnemrvaMatPanelIconComponent {\n readonly customNgClass = input<any>();\n\n readonly template = viewChild(TemplateRef);\n}\n","<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n inject,\n input,\n output,\n contentChild,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n MatExpansionPanel,\n MatExpansionPanelHeader,\n} from '@angular/material/expansion';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-panel',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-panel.component.html',\n styleUrl: './onemrva-mat-panel.component.scss',\n imports: [NgTemplateOutlet, MatExpansionPanel, MatExpansionPanelHeader],\n standalone: true,\n host: {\n '[attr.id]': 'id()',\n '[attr.data-cy]': 'data_cy()',\n '[class.mat-disabled]': 'disabled()',\n '[class.is-expandable]': 'expandable()',\n },\n})\nexport class OnemrvaMatPanelComponent implements AfterViewInit {\n readonly id = input(`onemrva-mat-panel-${NEXT_ID++}`);\n readonly data_cy = input('onemrva-mat-panel');\n readonly disabled = input(false);\n readonly panel = contentChild(OnemrvaMatPanelComponent);\n readonly title = contentChild(OnemrvaMatPanelTitleComponent);\n readonly content = contentChild.required(OnemrvaMatPanelContentComponent);\n readonly icon = contentChild(OnemrvaMatPanelIconComponent);\n readonly expandable = input(false);\n\n expanded = input<boolean>(true);\n\n expandedChange = output<boolean>();\n\n error?: string;\n\n private readonly cd = inject(ChangeDetectorRef);\n\n onChangeState(val: boolean) {\n this.expandedChange.emit(val);\n }\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","@if (icon()?.template(); as tpl) {\n <ng-container ngTemplateOutlet=\"tpl\" />\n}\n\n<div class=\"right-content\">\n @if (expandable()) {\n @if (title()?.template(); as titleTpl) {\n <mat-expansion-panel\n [expanded]=\"expanded()\"\n (expandedChange)=\"onChangeState($event)\"\n >\n <mat-expansion-panel-header>\n <ng-container ngTemplateOutlet=\"titleTpl\" />\n </mat-expansion-panel-header>\n <ng-container ngTemplateOutlet=\"content().template()\" />\n </mat-expansion-panel>\n }\n } @else {\n @if (title()?.template(); as tpl) {\n <ng-container ngTemplateOutlet=\"tpl\" />\n }\n <ng-container ngTemplateOutlet=\"content().template()\" />\n }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPanelComponent } from './onemrva-mat-panel.component';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\n\n@NgModule({\n declarations: [],\n imports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n exports: [\n OnemrvaMatPanelComponent,\n OnemrvaMatPanelTitleComponent,\n OnemrvaMatPanelContentComponent,\n OnemrvaMatPanelTitleActionComponent,\n OnemrvaMatPanelIconComponent,\n ],\n})\nexport class OnemrvaMatPanelModule {}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'mat-expansion-panel-header-arrow-divider',\n imports: [],\n standalone: true,\n templateUrl: './mat-expansion-panel-header-arrow-divider.html',\n styleUrl: './mat-expansion-panel-header-arrow-divider.scss',\n})\nexport class MatExpansionPanelHeaderArrowDivider {}\n","<span></span>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,59 +1,53 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Input, Component, inject, ChangeDetectorRef, ContentChild, NgModule } from '@angular/core';
+import { input, viewChild, TemplateRef, Component, contentChild, inject, ChangeDetectorRef, NgModule } from '@angular/core';
 import { NgTemplateOutlet, NgClass } from '@angular/common';
 let index$1 = 0;
 class OnemrvaMatPopOverTriggerComponent {
     constructor() {
-        this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
+        this.dataCy = input(`onemrvaMatPopOverTrigger_${++index$1}`, ...(ngDevMode ? [{ debugName: "dataCy" }] : []));
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-template><ng-content /></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-trigger',
-                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    template: '<ng-template><ng-content /></ng-template>',
                     standalone: true,
                 }]
-        }], propDecorators: { dataCy: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+        }], propDecorators: { dataCy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataCy", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 let index = 0;
 class OnemrvaMatPopOverContentComponent {
     constructor() {
-        this.dataCy = `onemrvaMatPopOverContent_${++index}`;
+        this.dataCy = input(`onemrvaMatPopOverContent_${++index}`, ...(ngDevMode ? [{ debugName: "dataCy" }] : []));
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", 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: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-template><ng-content /></ng-template>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-pop-over-content',
-                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    template: '<ng-template><ng-content /></ng-template>',
                     standalone: true,
                 }]
-        }], propDecorators: { dataCy: [{
-                type: Input
-            }], template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+        }], propDecorators: { dataCy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataCy", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 let NEXT_ID = 0;
 class OnemrvaMatPopOverComponent {
     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.position = input('bottom-right', ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.dataCyTrigger = input('onemrva-po-trigger', ...(ngDevMode ? [{ debugName: "dataCyTrigger" }] : []));
+        this.dataCyPo = input('onemrva-po', ...(ngDevMode ? [{ debugName: "dataCyPo" }] : []));
+        this.poId = input(this.dataCyPo + '-' + NEXT_ID++, ...(ngDevMode ? [{ debugName: "poId" }] : [])); // HTML id for the trigger
+        this.trigger = contentChild(OnemrvaMatPopOverTriggerComponent, ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+        this.content = contentChild(OnemrvaMatPopOverContentComponent, ...(ngDevMode ? [{ debugName: "content" }] : []));
         this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
@@ -65,27 +59,13 @@ class OnemrvaMatPopOverComponent {
     closePopOver() {
         this.isOpen = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, dataCyTrigger: { classPropertyName: "dataCyTrigger", publicName: "dataCyTrigger", isSignal: true, isRequired: false, transformFunction: null }, dataCyPo: { classPropertyName: "dataCyPo", publicName: "dataCyPo", isSignal: true, isRequired: false, transformFunction: null }, poId: { classPropertyName: "poId", publicName: "poId", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true, isSignal: 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\" />\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\" />\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: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
             type: Component,
-            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
-            }], dataCyPo: [{
-                type: Input
-            }], poId: [{
-                type: Input
-            }], trigger: [{
-                type: ContentChild,
-                args: [OnemrvaMatPopOverTriggerComponent]
-            }], content: [{
-                type: ContentChild,
-                args: [OnemrvaMatPopOverContentComponent]
-            }] } });
+            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\" />\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\" />\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: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], dataCyTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataCyTrigger", required: false }] }], dataCyPo: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataCyPo", required: false }] }], poId: [{ type: i0.Input, args: [{ isSignal: true, alias: "poId", required: false }] }], trigger: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPopOverTriggerComponent), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPopOverContentComponent), { isSignal: true }] }] } });
 const components = [
     OnemrvaMatPopOverComponent,
@@ -93,15 +73,15 @@ const components = [
     OnemrvaMatPopOverTriggerComponent,
 ];
 class OnemrvaMatPopOverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent], exports: [OnemrvaMatPopOverComponent,
             OnemrvaMatPopOverContentComponent,
             OnemrvaMatPopOverTriggerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],