@ng-atomic/components 18.2.0 → 18.4.0

package/esm2022/templates/form/form.template.mjs

@@ -10,6 +10,7 @@ import { Effect, InjectableComponent, _computed } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import { NavActionId, injectIsRootPage, injectNavStartActions, makeConfig } from '@ng-atomic/common/services/ui';
 import { NgAtomicFormSectionBuilder } from './form.builder';
+import { DividerFrame } from '@ng-atomic/components/frames/divider';
 import * as i0 from "@angular/core";
 var ActionId;
 (function (ActionId) {
@@ -75,6 +76,9 @@ export class FormTemplate extends NgAtomicComponent {
     back() {
         this.dispatch({ id: ActionId.BACK });
     }
+    fileSelected(payload) {
+        this.dispatch({ id: ActionId.FILE_SELECTED, payload });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FormTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: FormTemplate, isStandalone: true, selector: "templates-form", host: { classAttribute: "template" }, usesInheritance: true, hostDirectives: [{ directive: FormTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "title", "title", "form", "form", "formFlatExcludes", "formFlatExcludes", "actions", "actions", "fieldMap", "fieldMap"] }], ngImport: i0, template: `
   <frames-scroll>
@@ -86,20 +90,24 @@ export class FormTemplate extends NgAtomicComponent {
     >
       <molecules-header injectable [title]="store.title()" [description]="''"/>
     </organisms-navigator>
-    <frames-auto-layout vertical>
-      <ng-atomic-form-section-builder
-        [form]="store.form()"
-        [formFlatExcludes]="store.formFlatExcludes()"
-        [fieldMap]="store.fieldMap()"
-        (action)="dispatch($event)"
-      />
-      <organisms-action-buttons-section injectable
-        [actions]="store.actions()"
-        (action)="dispatch($event)"
-      />
-    </frames-auto-layout>
+
+    <frames-divider>
+      <ng-content select="[dashboard]" first/>
+      <frames-auto-layout [type]="'vertical'" second>
+        <ng-atomic-form-section-builder
+          [form]="store.form()"
+          [formFlatExcludes]="store.formFlatExcludes()"
+          [fieldMap]="store.fieldMap()"
+          (action)="dispatch($event)"
+        />
+        <organisms-action-buttons-section injectable
+          [actions]="store.actions()"
+          (action)="dispatch($event)"
+        />
+      </frames-auto-layout>
+    </frames-divider>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-ppMb: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-ppMb: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-ppMb: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-ppMb: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-ppMb: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-ppMb: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-ppMb: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-ppMb: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-ppMb: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-ppMb: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-ppMb);--navigator-background-color-SCOPED-IN-form-ppMb: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--navigator-on-background-color-SCOPED-IN-form-ppMb: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-ppMb);color:var(--on-background-color-SCOPED-IN-form-ppMb)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-ppMb);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-ppMb)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-ppMb)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-ppMb)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ppMb);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--surface-color: var(--surface-color-SCOPED-IN-form-ppMb);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ppMb);--background-color: var(--background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--on-background-color-SCOPED-IN-form-ppMb)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-dF2r: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-dF2r: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-dF2r: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-dF2r: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-dF2r: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-dF2r: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-dF2r: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-dF2r: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-dF2r: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-dF2r: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-dF2r);--navigator-background-color-SCOPED-IN-form-dF2r: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-dF2r);--navigator-on-background-color-SCOPED-IN-form-dF2r: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-dF2r: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-dF2r: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-dF2r: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-dF2r);color:var(--on-background-color-SCOPED-IN-form-dF2r)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-dF2r);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-dF2r)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-dF2r);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-dF2r);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-dF2r)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-dF2r);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-dF2r)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-dF2r);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-dF2r);--surface-color: var(--surface-color-SCOPED-IN-form-dF2r);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-dF2r);--background-color: var(--background-color-SCOPED-IN-form-dF2r);--on-background-color: var(--on-background-color-SCOPED-IN-form-dF2r)}\n"], dependencies: [{ kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "resolvedStartActions", "endActions", "resolvedEndActions", "title"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "directive", type: ActionButtonsSectionOrganismStore, selector: "organisms-action-buttons-section", inputs: ["actions", "type"] }, { kind: "component", type: DividerFrame, selector: "frames-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -107,6 +115,12 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], FormTemplate.prototype, "back", null);
+__decorate([
+    Effect(NgAtomicFormSectionBuilder.ActionId.FILE_SELECTED),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], FormTemplate.prototype, "fileSelected", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FormTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
@@ -116,6 +130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         NavigatorOrganismStore,
                         AutoLayoutFrame,
                         ActionButtonsSectionOrganismStore,
+                        DividerFrame,
                     ], selector: 'templates-form', template: `
   <frames-scroll>
     <organisms-navigator injectable
@@ -126,18 +141,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
     >
       <molecules-header injectable [title]="store.title()" [description]="''"/>
     </organisms-navigator>
-    <frames-auto-layout vertical>
-      <ng-atomic-form-section-builder
-        [form]="store.form()"
-        [formFlatExcludes]="store.formFlatExcludes()"
-        [fieldMap]="store.fieldMap()"
-        (action)="dispatch($event)"
-      />
-      <organisms-action-buttons-section injectable
-        [actions]="store.actions()"
-        (action)="dispatch($event)"
-      />
-    </frames-auto-layout>
+
+    <frames-divider>
+      <ng-content select="[dashboard]" first/>
+      <frames-auto-layout [type]="'vertical'" second>
+        <ng-atomic-form-section-builder
+          [form]="store.form()"
+          [formFlatExcludes]="store.formFlatExcludes()"
+          [fieldMap]="store.fieldMap()"
+          (action)="dispatch($event)"
+        />
+        <organisms-action-buttons-section injectable
+          [actions]="store.actions()"
+          (action)="dispatch($event)"
+        />
+      </frames-auto-layout>
+    </frames-divider>
   </frames-scroll>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -152,6 +171,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'fieldMap',
                             ],
                         },
-                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-ppMb: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-ppMb: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-ppMb: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-ppMb: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-ppMb: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-ppMb: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-ppMb: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-ppMb: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-ppMb: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-ppMb: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-ppMb);--navigator-background-color-SCOPED-IN-form-ppMb: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--navigator-on-background-color-SCOPED-IN-form-ppMb: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-ppMb);color:var(--on-background-color-SCOPED-IN-form-ppMb)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-ppMb);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-ppMb)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-ppMb)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-ppMb)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-ppMb);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-ppMb);--surface-color: var(--surface-color-SCOPED-IN-form-ppMb);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-ppMb);--background-color: var(--background-color-SCOPED-IN-form-ppMb);--on-background-color: var(--on-background-color-SCOPED-IN-form-ppMb)}\n"] }]
-        }], propDecorators: { back: [] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9mb3JtL2Zvcm0udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDM0csT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbkYsT0FBTyxFQUFVLE1BQU0sRUFBRSxtQkFBbUIsRUFBRSxTQUFTLEVBQW9CLE1BQU0saUJBQWlCLENBQUM7QUFDbkcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxxQkFBcUIsRUFBRSxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNqSCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFFNUQsSUFBSyxRQU9KO0FBUEQsV0FBSyxRQUFRO0lBQ1gsZ0VBQW9ELENBQUE7SUFDcEQsb0VBQXdELENBQUE7SUFDeEQsb0VBQXdELENBQUE7SUFDeEQsb0VBQXdELENBQUE7SUFDeEQsa0ZBQXNFLENBQUE7SUFD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QUNGO3FCQUNGLFFBQ0ssRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDOzhCQVlmLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1CdWlsZGVyIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbC12Mic7XG5pbXBvcnQgeyBBdXRvTGF5b3V0RnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2F1dG8tbGF5b3V0JztcbmltcG9ydCB7IEhlYWRlck1vbGVjdWxlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2hlYWRlcic7XG5pbXBvcnQgeyBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL2FjdGlvbi1idXR0b25zLXNlY3Rpb24nO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEZvcm1GaWVsZE1hcCB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NtYXJ0LWZpZWxkJztcbmltcG9ydCB7IEFjdGlvbiwgRWZmZWN0LCBJbmplY3RhYmxlQ29tcG9uZW50LCBfY29tcHV0ZWQsIHByb3ZpZGVDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTmF2QWN0aW9uSWQsIGluamVjdElzUm9vdFBhZ2UsIGluamVjdE5hdlN0YXJ0QWN0aW9ucywgbWFrZUNvbmZpZyB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL3VpJztcbmltcG9ydCB7IE5nQXRvbWljRm9ybVNlY3Rpb25CdWlsZGVyIH0gZnJvbSAnLi9mb3JtLmJ1aWxkZXInO1xuXG5lbnVtIEFjdGlvbklkIHtcbiAgQkFDSyA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9mb3JtXSBCYWNrJyxcbiAgQ1JFQVRFID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2Zvcm1dIENyZWF0ZScsXG4gIFVQREFURSA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9mb3JtXSBVcGRhdGUnLFxuICBERUxFVEUgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvZm9ybV0gRGVsZXRlJyxcbiAgRklMRV9TRUxFQ1RFRCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9mb3JtXSBGaWxlIHNlbGVjdGVkJyxcbiAgQ0FOQ0VMID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2Zvcm1dIENhbmNlbCcsXG59XG5cbkBEaXJlY3RpdmUoeyBzdGFuZGFsb25lOiB0cnVlIH0pXG5leHBvcnQgY2xhc3MgRm9ybVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHN0YXRpYyByZWFkb25seSBDb25maWcgPSBtYWtlQ29uZmlnKCgpID0+IHtcbiAgICBjb25zdCBpc1Jvb3RQYWdlID0gaW5qZWN0SXNSb290UGFnZSgpO1xuICAgIGNvbnN0IG5hdlN0YXJ0QWN0aW9ucyA9IGluamVjdE5hdlN0YXJ0QWN0aW9ucyhpc1Jvb3RQYWdlKTtcbiAgICByZXR1cm4gKCkgPT4gKHtcbiAgICAgIG5hdlN0YXJ0QWN0aW9uczogbmF2U3RhcnRBY3Rpb25zKCksXG4gICAgICBuYXZFbmRBY3Rpb25zOiA8QWN0aW9uW10+W3tpZDogQWN0aW9uSWQuREVMRVRFLCBuYW1lOiAn5YmK6ZmkJywgaWNvbjogJ2RlbGV0ZSd9XSxcbiAgICAgIHRpdGxlOiAnJyxcbiAgICAgIGZvcm06IGluamVjdChGb3JtQnVpbGRlcikuZ3JvdXAoe2lkOiBbJyddfSksXG4gICAgICBmb3JtRmxhdEV4Y2x1ZGVzOiA8c3RyaW5nW10+W10sXG4gICAgICBhY3Rpb25zOiA8QWN0aW9uW10+W3tpZDogQWN0aW9uSWQuQ1JFQVRFLCBuYW1lOiAn5L2c5oiQJ31dLFxuICAgICAgZmllbGRNYXA6IDxGb3JtRmllbGRNYXA+e1xuICAgICAgICBjcmVhdGVkQXQ6IHsgdHlwZTogJ2RhdGUnIH0sXG4gICAgICAgIHVwZGF0ZWRBdDogeyB0eXBlOiAnZGF0ZScgfSxcbiAgICAgICAgZGVsZXRlZEF0OiB7IHR5cGU6ICdkYXRlJyB9LFxuICAgICAgfSxcbiAgICB9KTtcbiAgfSwgWydjb21wb25lbnRzJywgJ3RlbXBsYXRlcycsICdmb3JtJ10pO1xuICBzdGF0aWMgcHJvdmlkZURlZmF1bHQoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIEZvcm1UZW1wbGF0ZVN0b3JlLkNvbmZpZy5wcm92aWRlKCksXG4gICAgXTtcbiAgfVxuXG4gIHJlYWRvbmx5IGNvbmZpZyA9IEZvcm1UZW1wbGF0ZVN0b3JlLkNvbmZpZy5pbmplY3QoKTtcbiAgcmVhZG9ubHkgbmF2U3RhcnRBY3Rpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkubmF2U3RhcnRBY3Rpb25zKSk7XG4gIHJlYWRvbmx5IG5hdkVuZEFjdGlvbnMgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5uYXZFbmRBY3Rpb25zKSk7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkudGl0bGUpKTtcbiAgcmVhZG9ubHkgZm9ybSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmZvcm0pKTtcbiAgcmVhZG9ubHkgZm9ybUZsYXRFeGNsdWRlcyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmZvcm1GbGF0RXhjbHVkZXMpKTtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgZmllbGRNYXAgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5maWVsZE1hcCkpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nQXRvbWljRm9ybVNlY3Rpb25CdWlsZGVyLFxuICAgIEhlYWRlck1vbGVjdWxlU3RvcmUsXG4gICAgU2Nyb2xsRnJhbWUsXG4gICAgTmF2aWdhdG9yT3JnYW5pc21TdG9yZSxcbiAgICBBdXRvTGF5b3V0RnJhbWUsXG4gICAgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1mb3JtJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgaW5qZWN0YWJsZVxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJzdG9yZS5uYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICBbZW5kQWN0aW9uc109XCJzdG9yZS5uYXZFbmRBY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIHRvcFxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIGluamVjdGFibGUgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBbZGVzY3JpcHRpb25dPVwiJydcIi8+XG4gICAgPC9vcmdhbmlzbXMtbmF2aWdhdG9yPlxuICAgIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWw+XG4gICAgICA8bmctYXRvbWljLWZvcm0tc2VjdGlvbi1idWlsZGVyXG4gICAgICAgIFtmb3JtXT1cInN0b3JlLmZvcm0oKVwiXG4gICAgICAgIFtmb3JtRmxhdEV4Y2x1ZGVzXT1cInN0b3JlLmZvcm1GbGF0RXhjbHVkZXMoKVwiXG4gICAgICAgIFtmaWVsZE1hcF09XCJzdG9yZS5maWVsZE1hcCgpXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIC8+XG4gICAgICA8b3JnYW5pc21zLWFjdGlvbi1idXR0b25zLXNlY3Rpb24gaW5qZWN0YWJsZVxuICAgICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgLz5cbiAgICA8L2ZyYW1lcy1hdXRvLWxheW91dD5cbiAgPC9mcmFtZXMtc2Nyb2xsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBGb3JtVGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogW1xuICAgICAgICAnbmF2U3RhcnRBY3Rpb25zJyxcbiAgICAgICAgJ25hdkVuZEFjdGlvbnMnLFxuICAgICAgICAndGl0bGUnLFxuICAgICAgICAnZm9ybScsXG4gICAgICAgICdmb3JtRmxhdEV4Y2x1ZGVzJyxcbiAgICAgICAgJ2FjdGlvbnMnLFxuICAgICAgICAnZmllbGRNYXAnLFxuICAgICAgXSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7Y2xhc3M6ICd0ZW1wbGF0ZSd9XG59KVxuZXhwb3J0IGNsYXNzIEZvcm1UZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCByZWFkb25seSBzdG9yZSA9IGluamVjdChGb3JtVGVtcGxhdGVTdG9yZSk7XG4gIHByb3RlY3RlZCByZWFkb25seSBjZCA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdG9yZS5mb3JtKCkuc3RhdHVzQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jZC5tYXJrRm9yQ2hlY2soKSk7XG4gIH1cblxuICBARWZmZWN0KE5hdkFjdGlvbklkLkJBQ0spXG4gIHByb3RlY3RlZCBiYWNrKCkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5CQUNLfSk7XG4gIH1cbn1cbiJdfQ==
+                    ], host: { class: 'template' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-dF2r: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-dF2r: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-dF2r: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-dF2r: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-dF2r: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-dF2r: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-dF2r: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-dF2r: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-dF2r: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-dF2r: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-dF2r);--navigator-background-color-SCOPED-IN-form-dF2r: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-dF2r);--navigator-on-background-color-SCOPED-IN-form-dF2r: var(--navigator-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-form-dF2r: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-form-dF2r: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-form-dF2r: var(--max-first-content-height)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-dF2r);color:var(--on-background-color-SCOPED-IN-form-dF2r)}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-form-dF2r);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-form-dF2r)}:host frames-auto-layout{display:flex;justify-content:flex-start;height:fit-content;--gap: var(--gap-SCOPED-IN-form-dF2r);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-dF2r);overflow:scroll}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-dF2r)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-dF2r);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-dF2r)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-dF2r);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-dF2r);--surface-color: var(--surface-color-SCOPED-IN-form-dF2r);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-dF2r);--background-color: var(--background-color-SCOPED-IN-form-dF2r);--on-background-color: var(--on-background-color-SCOPED-IN-form-dF2r)}\n"] }]
+        }], propDecorators: { back: [], fileSelected: [] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9mb3JtL2Zvcm0udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDM0csT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFbkYsT0FBTyxFQUFVLE1BQU0sRUFBRSxtQkFBbUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLHFCQUFxQixFQUFFLFVBQVUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2pILE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUFFcEUsSUFBSyxRQU9KO0FBUEQsV0FBSyxRQUFRO0lBQ1gsZ0VBQW9ELENBQUE7SUFDcEQsb0VBQXdELENBQUE7SUFDeEQsb0VBQXdELENB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d0JBQ2YsaUNBQWlDO3dCQUNqQyxZQUFZO3FCQUNiLFlBQ1MsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxpQkFBaUI7NEJBQzVCLE1BQU0sRUFBRTtnQ0FDTixpQkFBaUI7Z0NBQ2pCLGVBQWU7Z0NBQ2YsT0FBTztnQ0FDUCxNQUFNO2dDQUNOLGtCQUFrQjtnQ0FDbEIsU0FBUztnQ0FDVCxVQUFVOzZCQUNYO3lCQUNGO3FCQUNGLFFBQ0ssRUFBQyxLQUFLLEVBQUUsVUFBVSxFQUFDOzhCQVlmLElBQUksTUFLSixZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIERpcmVjdGl2ZSwgaW5qZWN0LCBpbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQnVpbGRlciB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgQXV0b0xheW91dEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9hdXRvLWxheW91dCc7XG5pbXBvcnQgeyBIZWFkZXJNb2xlY3VsZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9hY3Rpb24tYnV0dG9ucy1zZWN0aW9uJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL25hdmlnYXRvcic7XG5pbXBvcnQgeyBGb3JtRmllbGRNYXAgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9zbWFydC1maWVsZCc7XG5pbXBvcnQgeyBBY3Rpb24sIEVmZmVjdCwgSW5qZWN0YWJsZUNvbXBvbmVudCwgX2NvbXB1dGVkIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5hdkFjdGlvbklkLCBpbmplY3RJc1Jvb3RQYWdlLCBpbmplY3ROYXZTdGFydEFjdGlvbnMsIG1ha2VDb25maWcgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zZXJ2aWNlcy91aSc7XG5pbXBvcnQgeyBOZ0F0b21pY0Zvcm1TZWN0aW9uQnVpbGRlciB9IGZyb20gJy4vZm9ybS5idWlsZGVyJztcbmltcG9ydCB7IERpdmlkZXJGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvZGl2aWRlcic7XG5cbmVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2Zvcm1dIEJhY2snLFxuICBDUkVBVEUgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvZm9ybV0gQ3JlYXRlJyxcbiAgVVBEQVRFID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2Zvcm1dIFVwZGF0ZScsXG4gIERFTEVURSA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9mb3JtXSBEZWxldGUnLFxuICBGSUxFX1NFTEVDVEVEID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2Zvcm1dIEZpbGUgc2VsZWN0ZWQnLFxuICBDQU5DRUwgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvZm9ybV0gQ2FuY2VsJyxcbn1cblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUgfSlcbmV4cG9ydCBjbGFzcyBGb3JtVGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgcmVhZG9ubHkgQWN0aW9uSWQgPSBBY3Rpb25JZDtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4ge1xuICAgIGNvbnN0IGlzUm9vdFBhZ2UgPSBpbmplY3RJc1Jvb3RQYWdlKCk7XG4gICAgY29uc3QgbmF2U3RhcnRBY3Rpb25zID0gaW5qZWN0TmF2U3RhcnRBY3Rpb25zKGlzUm9vdFBhZ2UpO1xuICAgIHJldHVybiAoKSA9PiAoe1xuICAgICAgbmF2U3RhcnRBY3Rpb25zOiBuYXZTdGFydEFjdGlvbnMoKSxcbiAgICAgIG5hdkVuZEFjdGlvbnM6IDxBY3Rpb25bXT5be2lkOiBBY3Rpb25JZC5ERUxFVEUsIG5hbWU6ICfliYrpmaQnLCBpY29uOiAnZGVsZXRlJ31dLFxuICAgICAgdGl0bGU6ICcnLFxuICAgICAgZm9ybTogaW5qZWN0KEZvcm1CdWlsZGVyKS5ncm91cCh7aWQ6IFsnJ119KSxcbiAgICAgIGZvcm1GbGF0RXhjbHVkZXM6IDxzdHJpbmdbXT5bXSxcbiAgICAgIGFjdGlvbnM6IDxBY3Rpb25bXT5be2lkOiBBY3Rpb25JZC5DUkVBVEUsIG5hbWU6ICfkvZzmiJAnfV0sXG4gICAgICBmaWVsZE1hcDogPEZvcm1GaWVsZE1hcD57XG4gICAgICAgIGNyZWF0ZWRBdDogeyB0eXBlOiAnZGF0ZScgfSxcbiAgICAgICAgdXBkYXRlZEF0OiB7IHR5cGU6ICdkYXRlJyB9LFxuICAgICAgICBkZWxldGVkQXQ6IHsgdHlwZTogJ2RhdGUnIH0sXG4gICAgICB9LFxuICAgIH0pO1xuICB9LCBbJ2NvbXBvbmVudHMnLCAndGVtcGxhdGVzJywgJ2Zvcm0nXSk7XG4gIHN0YXRpYyBwcm92aWRlRGVmYXVsdCgpIHtcbiAgICByZXR1cm4gW1xuICAgICAgRm9ybVRlbXBsYXRlU3RvcmUuQ29uZmlnLnByb3ZpZGUoKSxcbiAgICBdO1xuICB9XG5cbiAgcmVhZG9ubHkgY29uZmlnID0gRm9ybVRlbXBsYXRlU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuICByZWFkb25seSBuYXZTdGFydEFjdGlvbnMgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5uYXZTdGFydEFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgbmF2RW5kQWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm5hdkVuZEFjdGlvbnMpKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS50aXRsZSkpO1xuICByZWFkb25seSBmb3JtID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuZm9ybSkpO1xuICByZWFkb25seSBmb3JtRmxhdEV4Y2x1ZGVzID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuZm9ybUZsYXRFeGNsdWRlcykpO1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuYWN0aW9ucykpO1xuICByZWFkb25seSBmaWVsZE1hcCA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmZpZWxkTWFwKSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdBdG9taWNGb3JtU2VjdGlvbkJ1aWxkZXIsXG4gICAgSGVhZGVyTW9sZWN1bGVTdG9yZSxcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbVN0b3JlLFxuICAgIEF1dG9MYXlvdXRGcmFtZSxcbiAgICBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtU3RvcmUsXG4gICAgRGl2aWRlckZyYW1lLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1mb3JtJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgaW5qZWN0YWJsZVxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJzdG9yZS5uYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICBbZW5kQWN0aW9uc109XCJzdG9yZS5uYXZFbmRBY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIHRvcFxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIGluamVjdGFibGUgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBbZGVzY3JpcHRpb25dPVwiJydcIi8+XG4gICAgPC9vcmdhbmlzbXMtbmF2aWdhdG9yPlxuXG4gICAgPGZyYW1lcy1kaXZpZGVyPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Rhc2hib2FyZF1cIiBmaXJzdC8+XG4gICAgICA8ZnJhbWVzLWF1dG8tbGF5b3V0IFt0eXBlXT1cIid2ZXJ0aWNhbCdcIiBzZWNvbmQ+XG4gICAgICAgIDxuZy1hdG9taWMtZm9ybS1zZWN0aW9uLWJ1aWxkZXJcbiAgICAgICAgICBbZm9ybV09XCJzdG9yZS5mb3JtKClcIlxuICAgICAgICAgIFtmb3JtRmxhdEV4Y2x1ZGVzXT1cInN0b3JlLmZvcm1GbGF0RXhjbHVkZXMoKVwiXG4gICAgICAgICAgW2ZpZWxkTWFwXT1cInN0b3JlLmZpZWxkTWFwKClcIlxuICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxvcmdhbmlzbXMtYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbiBpbmplY3RhYmxlXG4gICAgICAgICAgW2FjdGlvbnNdPVwic3RvcmUuYWN0aW9ucygpXCJcbiAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAvPlxuICAgICAgPC9mcmFtZXMtYXV0by1sYXlvdXQ+XG4gICAgPC9mcmFtZXMtZGl2aWRlcj5cbiAgPC9mcmFtZXMtc2Nyb2xsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBGb3JtVGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogW1xuICAgICAgICAnbmF2U3RhcnRBY3Rpb25zJyxcbiAgICAgICAgJ25hdkVuZEFjdGlvbnMnLFxuICAgICAgICAndGl0bGUnLFxuICAgICAgICAnZm9ybScsXG4gICAgICAgICdmb3JtRmxhdEV4Y2x1ZGVzJyxcbiAgICAgICAgJ2FjdGlvbnMnLFxuICAgICAgICAnZmllbGRNYXAnLFxuICAgICAgXSxcbiAgICB9LFxuICBdLFxuICBob3N0OiB7Y2xhc3M6ICd0ZW1wbGF0ZSd9XG59KVxuZXhwb3J0IGNsYXNzIEZvcm1UZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCByZWFkb25seSBzdG9yZSA9IGluamVjdChGb3JtVGVtcGxhdGVTdG9yZSk7XG4gIHByb3RlY3RlZCByZWFkb25seSBjZCA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdG9yZS5mb3JtKCkuc3RhdHVzQ2hhbmdlcy5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jZC5tYXJrRm9yQ2hlY2soKSk7XG4gIH1cblxuICBARWZmZWN0KE5hdkFjdGlvbklkLkJBQ0spXG4gIHByb3RlY3RlZCBiYWNrKCkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5CQUNLfSk7XG4gIH1cblxuICBARWZmZWN0KE5nQXRvbWljRm9ybVNlY3Rpb25CdWlsZGVyLkFjdGlvbklkLkZJTEVfU0VMRUNURUQpXG4gIHByb3RlY3RlZCBmaWxlU2VsZWN0ZWQocGF5bG9hZDogYW55KSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLkZJTEVfU0VMRUNURUQsIHBheWxvYWR9KTtcbiAgfVxufVxuIl19

package/esm2022/templates/icon-button-menu/icon-button-menu.template.mjs

@@ -4,16 +4,19 @@ import { TokenizedType } from '@ng-atomic/core';
 import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/button";
 import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/tooltip";
 let IconButtonMenuTemplateStore = class IconButtonMenuTemplateStore extends InjectableComponent {
     constructor() {
         super(...arguments);
         this.actions = input([]);
+        this.bottomActions = input([]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, bottomActions: { classPropertyName: "bottomActions", publicName: "bottomActions", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 IconButtonMenuTemplateStore = __decorate([
     TokenizedType()
@@ -29,30 +32,80 @@ export class IconButtonMenuTemplate extends NgAtomicComponent {
         this.store = inject(IconButtonMenuTemplateStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
-    @for (action of store.actions(); track action.id) {
-      <button mat-icon-button color="basic" (click)="dispatch(action)">
-        <mat-icon>{{ action.icon }}</mat-icon>
-      </button>
-    }
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-LmbJ: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-LmbJ);color:var(--on-background-color-SCOPED-IN-icon-button-menu-LmbJ)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions", "bottomActions", "bottomActions"] }], ngImport: i0, template: `
+    <div class="top">
+      @for (action of store.actions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
+    <div class="bottom">
+      @for (action of store.bottomActions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-jnAu: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-jnAu: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-jnAu: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-jnAu: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-jnAu: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-jnAu: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-jnAu);color:var(--on-background-color-SCOPED-IN-icon-button-menu-jnAu)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-jnAu);cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-icon-button-menu', standalone: true, imports: [
                         MatButtonModule,
                         MatIconModule,
+                        MatTooltipModule,
                     ], template: `
-    @for (action of store.actions(); track action.id) {
-      <button mat-icon-button color="basic" (click)="dispatch(action)">
-        <mat-icon>{{ action.icon }}</mat-icon>
-      </button>
-    }
+    <div class="top">
+      @for (action of store.actions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
+    <div class="bottom">
+      @for (action of store.bottomActions(); track $index) {
+        <button
+          mat-icon-button
+          [color]="action?.color"
+          (click)="dispatch(action)"
+          #tooltip="matTooltip"
+          [matTooltip]="action.name"
+          matTooltipPosition="right"
+        >
+          <mat-icon>{{ action.icon }}</mat-icon>
+        </button>
+      }
+    </div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: IconButtonMenuTemplateStore,
-                            inputs: ['actions'],
+                            inputs: [
+                                'actions',
+                                'bottomActions',
+                            ],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-LmbJ: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-LmbJ: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-LmbJ: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-LmbJ);color:var(--on-background-color-SCOPED-IN-icon-button-menu-LmbJ)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-LmbJ)}\n"] }]
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-jnAu: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-jnAu: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-jnAu: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-jnAu: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-jnAu: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-jnAu: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;background-color:var(--background-color-SCOPED-IN-icon-button-menu-jnAu);color:var(--on-background-color-SCOPED-IN-icon-button-menu-jnAu)}:host .top,:host .bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-jnAu);cursor:pointer}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tbWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51L2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFJaEQsSUFBTSwyQkFBMkIsR0FBakMsTUFBTSwyQkFBNEIsU0FBUSxtQkFBbUI7SUFBN0Q7O1FBQ0ksWUFBTyxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztLQUN4Qzs4R0FGWSwyQkFBMkI7a0dBQTNCLDJCQUEyQjs7QUFBM0IsMkJBQTJCO0lBRnZDLGFBQWEsRUFBRTtHQUVILDJCQUEyQixDQUV2Qzs7MkZBRlksMkJBQTJCO2tCQUR2QyxTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsNEJBQTRCLEVBQUU7O0FBNEJ2RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWlCO0lBdkI3RDs7UUF3QlksVUFBSyxHQUFHLE1BQU0sQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0tBQ3ZEOzhHQUZZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLG1IQTNCdEIsMkJBQTJCLDZEQVc1Qjs7Ozs7O0dBTVQsZ21DQVRDLGVBQWUsMklBQ2YsYUFBYTs7MkZBa0JKLHNCQUFzQjtrQkF2QmxDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7O0dBTVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwyQkFBMkI7NEJBQ3RDLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQzt5QkFDcEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScgfSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1pY29uLWJ1dHRvbi1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGFjdGlvbiBvZiBzdG9yZS5hY3Rpb25zKCk7IHRyYWNrIGFjdGlvbi5pZCkge1xuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJiYXNpY1wiIChjbGljayk9XCJkaXNwYXRjaChhY3Rpb24pXCI+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJ10sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tbWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51L2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7O0FBSXRELElBQU0sMkJBQTJCLEdBQWpDLE1BQU0sMkJBQTRCLFNBQVEsbUJBQW1CO0lBQTdEOztRQUNJLFlBQU8sR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDOUIsa0JBQWEsR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7S0FDOUM7OEdBSFksMkJBQTJCO2tHQUEzQiwyQkFBMkI7O0FBQTNCLDJCQUEyQjtJQUZ2QyxhQUFhLEVBQUU7R0FFSCwyQkFBMkIsQ0FHdkM7OzJGQUhZLDJCQUEyQjtrQkFEdkMsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLDRCQUE0QixFQUFFOztBQXdEdkUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGlCQUFpQjtJQWxEN0Q7O1FBbURZLFVBQUssR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixtSEF2RHRCLDJCQUEyQiwrRkFhNUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkJULHd0Q0FqQ0MsZUFBZSwySUFDZixhQUFhLG1MQUNiLGdCQUFnQjs7MkZBNENQLHNCQUFzQjtrQkFsRGxDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsZ0JBQWdCO3FCQUNqQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTZCVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLDJCQUEyQjs0QkFDdEMsTUFBTSxFQUFFO2dDQUNOLFNBQVM7Z0NBQ1QsZUFBZTs2QkFDaEI7eUJBQ0Y7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScgfSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IGJvdHRvbUFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW10pO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ0b3BcIj5cbiAgICAgIEBmb3IgKGFjdGlvbiBvZiBzdG9yZS5hY3Rpb25zKCk7IHRyYWNrICRpbmRleCkge1xuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgW2NvbG9yXT1cImFjdGlvbj8uY29sb3JcIlxuICAgICAgICAgIChjbGljayk9XCJkaXNwYXRjaChhY3Rpb24pXCJcbiAgICAgICAgICAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIlxuICAgICAgICAgIFttYXRUb29sdGlwXT1cImFjdGlvbi5uYW1lXCJcbiAgICAgICAgICBtYXRUb29sdGlwUG9zaXRpb249XCJyaWdodFwiXG4gICAgICAgID5cbiAgICAgICAgICA8bWF0LWljb24+e3sgYWN0aW9uLmljb24gfX08L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYm90dG9tXCI+XG4gICAgICBAZm9yIChhY3Rpb24gb2Ygc3RvcmUuYm90dG9tQWN0aW9ucygpOyB0cmFjayAkaW5kZXgpIHtcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgIFtjb2xvcl09XCJhY3Rpb24/LmNvbG9yXCJcbiAgICAgICAgICAoY2xpY2spPVwiZGlzcGF0Y2goYWN0aW9uKVwiXG4gICAgICAgICAgI3Rvb2x0aXA9XCJtYXRUb29sdGlwXCJcbiAgICAgICAgICBbbWF0VG9vbHRpcF09XCJhY3Rpb24ubmFtZVwiXG4gICAgICAgICAgbWF0VG9vbHRpcFBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICA+XG4gICAgICAgICAgPG1hdC1pY29uPnt7IGFjdGlvbi5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogW1xuICAgICAgICAnYWN0aW9ucycsXG4gICAgICAgICdib3R0b21BY3Rpb25zJyxcbiAgICAgIF0sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/templates/menu/menu.template.mjs

@@ -39,7 +39,7 @@ export class MenuTemplate extends NgAtomicComponent {
     />
   </div>
   <organisms-menu-footer injectable/>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-FGNj: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-FGNj: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-FGNj: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-FGNj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-FGNj: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-FGNj: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-FGNj: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-FGNj: var(--width);--height: 100%;--height-SCOPED-IN-menu-FGNj: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FGNj);height:var(--height-SCOPED-IN-menu-FGNj);color:var(--on-background-color-SCOPED-IN-menu-FGNj);background-color:var(--background-color-SCOPED-IN-menu-FGNj);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-FGNj);--background-color: var(--background-color-SCOPED-IN-menu-FGNj);--surface-color: var(--surface-color-SCOPED-IN-menu-FGNj);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-FGNj);--on-background-color: var(--on-background-color-SCOPED-IN-menu-FGNj);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-FGNj)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-FAll: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-FAll: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-FAll: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-FAll: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-FAll: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-FAll: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-FAll: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-FAll: var(--width);--height: 100%;--height-SCOPED-IN-menu-FAll: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FAll);height:var(--height-SCOPED-IN-menu-FAll);color:var(--on-background-color-SCOPED-IN-menu-FAll);background-color:var(--background-color-SCOPED-IN-menu-FAll);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-FAll);--background-color: var(--background-color-SCOPED-IN-menu-FAll);--surface-color: var(--surface-color-SCOPED-IN-menu-FAll);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-FAll);--on-background-color: var(--on-background-color-SCOPED-IN-menu-FAll);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-FAll)}\n"], dependencies: [{ kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header", inputs: ["title"] }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions", "type"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
@@ -61,6 +61,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: MenuTemplateStore,
                             inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-FGNj: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-FGNj: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-FGNj: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-FGNj: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-FGNj: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-FGNj: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-FGNj: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-FGNj: var(--width);--height: 100%;--height-SCOPED-IN-menu-FGNj: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FGNj);height:var(--height-SCOPED-IN-menu-FGNj);color:var(--on-background-color-SCOPED-IN-menu-FGNj);background-color:var(--background-color-SCOPED-IN-menu-FGNj);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-FGNj);--background-color: var(--background-color-SCOPED-IN-menu-FGNj);--surface-color: var(--surface-color-SCOPED-IN-menu-FGNj);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-FGNj);--on-background-color: var(--on-background-color-SCOPED-IN-menu-FGNj);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-FGNj)}\n"] }]
+                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-FAll: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-FAll: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-FAll: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-FAll: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-FAll: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-FAll: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-FAll: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-FAll: var(--width);--height: 100%;--height-SCOPED-IN-menu-FAll: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FAll);height:var(--height-SCOPED-IN-menu-FAll);color:var(--on-background-color-SCOPED-IN-menu-FAll);background-color:var(--background-color-SCOPED-IN-menu-FAll);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-FAll);--background-color: var(--background-color-SCOPED-IN-menu-FAll);--surface-color: var(--surface-color-SCOPED-IN-menu-FAll);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-FAll);--on-background-color: var(--on-background-color-SCOPED-IN-menu-FAll);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-FAll)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9tZW51L21lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQUkvRSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFDSSxZQUFPLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUNsQzs4R0FIWSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7QUFBakIsaUJBQWlCO0lBRjdCLGFBQWEsRUFBRTtHQUVILGlCQUFpQixDQUc3Qjs7MkZBSFksaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBaUMzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTNCbkQ7O1FBNEJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksdUdBaENaLGlCQUFpQiwrRUFhbEI7Ozs7Ozs7OztHQVNULDgvQ0FkQyx1QkFBdUIscUZBQ3ZCLDJCQUEyQixtR0FDM0IsdUJBQXVCOzsyRkFzQmQsWUFBWTtrQkEzQnhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQix1QkFBdUI7cUJBQ3hCLFlBQ1MsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7R0FTVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQzt5QkFDN0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaXN0T3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdGlvbi1saXN0JztcbmltcG9ydCB7IE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZW51LWZvb3Rlcic7XG5pbXBvcnQgeyBNZW51SGVhZGVyT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVudS1oZWFkZXInO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVudScgfSlcbmV4cG9ydCBjbGFzcyBNZW51VGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQ8QWN0aW9uW10+KFtdKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWVudUhlYWRlck9yZ2FuaXNtU3RvcmUsXG4gICAgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlLFxuICAgIE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZW51JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxvcmdhbmlzbXMtbWVudS1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBpbmplY3RhYmxlLz5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRpb24tbGlzdCBpbmplY3RhYmxlXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPG9yZ2FuaXNtcy1tZW51LWZvb3RlciBpbmplY3RhYmxlLz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTWVudVRlbXBsYXRlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYWN0aW9ucycsICd0aXRsZSddLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoTWVudVRlbXBsYXRlU3RvcmUpO1xufVxuIl19

package/esm2022/templates/messages/messages.template.mjs

@@ -1,5 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, input, inject, effect, viewChild } from '@angular/core';
 import { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';
 import { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';
 import { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';
@@ -7,64 +6,77 @@ import { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { FormGroup } from '@angular/forms';
 import { FormControl } from '@angular/forms';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export class MessagesTemplate {
+export class MessagesTemplateStore {
     constructor() {
-        this.title = 'title';
-        this.navStartActions = [];
-        this.navEndActions = [];
-        this.messages = [];
-        this.actions = [];
-        this.placeholder = 'メッセージを入力';
-        this.isMessageCreating = false;
-        this.form = new FormGroup({
+        this.title = input('title');
+        this.navStartActions = input([]);
+        this.navEndActions = input([]);
+        this.messages = input([]);
+        this.actions = input([]);
+        this.placeholder = input('メッセージを入力');
+        this.isMessageCreating = input(false);
+        this.form = input(new FormGroup({
             name: new FormControl(''),
             description: new FormControl(''),
             message: new FormControl(''),
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: MessagesTemplateStore, isStandalone: true, inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, isMessageCreating: { classPropertyName: "isMessageCreating", publicName: "isMessageCreating", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }] });
+export class MessagesTemplate extends NgAtomicComponent {
+    constructor() {
+        super();
+        this.store = inject(MessagesTemplateStore);
+        this.scroll = viewChild.required(ScrollFrame);
+        effect(() => {
+            if (this.store.messages() && this.scroll()?.isScrollBottom()) {
+                setTimeout(() => this.scroll()?.scrollToBottom());
+            }
         });
-        this.action = new EventEmitter();
     }
     ngAfterViewInit() {
-        this.scrollFrame.scrollToBottom();
-    }
-    ngOnChanges(changes) {
-        if (changes.messages && this.scrollFrame.isScrollBottom()) {
-            setTimeout(() => this.scrollFrame.scrollToBottom());
-        }
+        this.scroll()?.scrollToBottom();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { title: "title", navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", actions: "actions", placeholder: "placeholder", isMessageCreating: "isMessageCreating", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scrollFrame", first: true, predicate: ScrollFrame, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.1.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scroll", first: true, predicate: ScrollFrame, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: MessagesTemplateStore, inputs: ["title", "title", "navStartActions", "navStartActions", "navEndActions", "navEndActions", "messages", "messages", "actions", "actions", "placeholder", "placeholder", "isMessageCreating", "isMessageCreating", "form", "form"] }], ngImport: i0, template: `
     <frames-scroll>
       <organisms-navigator
-        [startActions]="navStartActions"
-        [endActions]="navEndActions"
-        (action)="action.emit($event)"
+        [startActions]="store.navStartActions()"
+        [endActions]="store.navEndActions()"
+        (action)="dispatch($event)"
         top
       >
-        <span> {{ title }} </span>
+        <span> {{ store.title() }} </span>
       </organisms-navigator>
       <organisms-messages-section
-        [isMessageCreating]="isMessageCreating"
-        [messages]="messages"
+        [isMessageCreating]="store.isMessageCreating()"
+        [messages]="store.messages()"
+        (action)="dispatch($event)"
         contents
       />
       <organisms-textarea-section
-        [actions]="actions"
-        [control]="form.get(['message'])"
+        [actions]="store.actions()"
+        [control]="store.form().get(['message'])"
         [rows]="3"
         [floatLabel]="'always'"
         [label]="'入力'"
-        [placeholder]="placeholder"
-        (action)="action.emit($event)"
+        [placeholder]="store.placeholder()"
+        (action)="dispatch($event)"
         bottom
       />
     </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages", "isMessageCreating"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages", "isMessageCreating"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-messages', standalone: true, imports: [
-                        CommonModule,
                         MessagesSectionOrganism,
                         MessageInputSectionOrganism,
                         TextareaSectionOrganism,
@@ -73,50 +85,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                     ], template: `
     <frames-scroll>
       <organisms-navigator
-        [startActions]="navStartActions"
-        [endActions]="navEndActions"
-        (action)="action.emit($event)"
+        [startActions]="store.navStartActions()"
+        [endActions]="store.navEndActions()"
+        (action)="dispatch($event)"
         top
       >
-        <span> {{ title }} </span>
+        <span> {{ store.title() }} </span>
       </organisms-navigator>
       <organisms-messages-section
-        [isMessageCreating]="isMessageCreating"
-        [messages]="messages"
+        [isMessageCreating]="store.isMessageCreating()"
+        [messages]="store.messages()"
+        (action)="dispatch($event)"
         contents
       />
       <organisms-textarea-section
-        [actions]="actions"
-        [control]="form.get(['message'])"
+        [actions]="store.actions()"
+        [control]="store.form().get(['message'])"
         [rows]="3"
         [floatLabel]="'always'"
         [label]="'入力'"
-        [placeholder]="placeholder"
-        (action)="action.emit($event)"
+        [placeholder]="store.placeholder()"
+        (action)="dispatch($event)"
         bottom
       />
     </frames-scroll>
-  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], navStartActions: [{
-                type: Input
-            }], navEndActions: [{
-                type: Input
-            }], messages: [{
-                type: Input
-            }], actions: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], isMessageCreating: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }], scrollFrame: [{
-                type: ViewChild,
-                args: [ScrollFrame, { static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvbWVzc2FnZXMvbWVzc2FnZXMudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBaUIsU0FBUyxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUNwSixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDM0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBOEM3QyxNQUFNLE9BQU8sZ0JBQWdCO0lBMUM3QjtRQTJDVyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBQ2hCLG9CQUFlLEdBQWEsRUFBRSxDQUFDO1FBQy9CLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBQzdCLGFBQVEsR0FBc0MsRUFBRSxDQUFDO1FBQ2pELFlBQU8sR0FBYSxFQUFFLENBQUM7UUFDdkIsZ0JBQVcsR0FBRyxVQUFVLENBQUM7UUFDekIsc0JBQWlCLEdBQW1CLEtBQUssQ0FBQztRQUduRCxTQUFJLEdBQUcsSUFBSSxTQUFTLENBQUM7WUFDbkIsSUFBSSxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUN6QixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ2hDLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7U0FDN0IsQ0FBQyxDQUFDO1FBRU8sV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FlL0M7SUFWQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLGNBQWMsRUFBRSxFQUFFLENBQUM7WUFDMUQsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQztRQUN0RCxDQUFDO0lBQ0gsQ0FBQzs4R0E3QlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsNFpBa0JoQixXQUFXLG1GQWpEWjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQlQsNFRBakNDLFlBQVksK0JBQ1osdUJBQXVCLGtIQUV2Qix1QkFBdUIsdUVBQ3ZCLFdBQVcsMERBQ1gsaUJBQWlCOzsyRkFpQ1IsZ0JBQWdCO2tCQTFDNUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUN2QiwyQkFBMkI7d0JBQzNCLHVCQUF1Qjt3QkFDdkIsV0FBVzt3QkFDWCxpQkFBaUI7cUJBQ2xCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJULFFBRUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLG1CQUNWLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBR04sSUFBSTtzQkFESCxLQUFLO2dCQU9JLE1BQU07c0JBQWYsTUFBTTtnQkFHUCxXQUFXO3NCQURWLFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkLCBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNZXNzYWdlc1NlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVzc2FnZXMtc2VjdGlvbic7XG5pbXBvcnQgeyBNZXNzYWdlSW5wdXRTZWN0aW9uT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL21lc3NhZ2UtaW5wdXQtc2VjdGlvbic7XG5pbXBvcnQgeyBUZXh0YXJlYVNlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvdGV4dGFyZWEtc2VjdGlvbic7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsLXYyJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZXNzYWdlcycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWVzc2FnZXNTZWN0aW9uT3JnYW5pc20sXG4gICAgTWVzc2FnZUlucHV0U2VjdGlvbk9yZ2FuaXNtLFxuICAgIFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtLFxuICAgIFNjcm9sbEZyYW1lLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxmcmFtZXMtc2Nyb2xsPlxuICAgICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3JcbiAgICAgICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnNcIlxuICAgICAgICBbZW5kQWN0aW9uc109XCJuYXZFbmRBY3Rpb25zXCJcbiAgICAgICAgKGFjdGlvbik9XCJhY3Rpb24uZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgdG9wXG4gICAgICA+XG4gICAgICAgIDxzcGFuPiB7eyB0aXRsZSB9fSA8L3NwYW4+XG4gICAgICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gICAgICA8b3JnYW5pc21zLW1lc3NhZ2VzLXNlY3Rpb25cbiAgICAgICAgW2lzTWVzc2FnZUNyZWF0aW5nXT1cImlzTWVzc2FnZUNyZWF0aW5nXCJcbiAgICAgICAgW21lc3NhZ2VzXT1cIm1lc3NhZ2VzXCJcbiAgICAgICAgY29udGVudHNcbiAgICAgIC8+XG4gICAgICA8b3JnYW5pc21zLXRleHRhcmVhLXNlY3Rpb25cbiAgICAgICAgW2FjdGlvbnNdPVwiYWN0aW9uc1wiXG4gICAgICAgIFtjb250cm9sXT1cImZvcm0uZ2V0KFsnbWVzc2FnZSddKVwiXG4gICAgICAgIFtyb3dzXT1cIjNcIlxuICAgICAgICBbZmxvYXRMYWJlbF09XCInYWx3YXlzJ1wiXG4gICAgICAgIFtsYWJlbF09XCIn5YWl5YqbJ1wiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIChhY3Rpb24pPVwiYWN0aW9uLmVtaXQoJGV2ZW50KVwiXG4gICAgICAgIGJvdHRvbVxuICAgICAgLz5cbiAgICA8L2ZyYW1lcy1zY3JvbGw+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL21lc3NhZ2VzLnRlbXBsYXRlLnNjc3MnXSxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlc1RlbXBsYXRlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgdGl0bGUgPSAndGl0bGUnO1xuICBASW5wdXQoKSBuYXZTdGFydEFjdGlvbnM6IEFjdGlvbltdID0gW107XG4gIEBJbnB1dCgpIG5hdkVuZEFjdGlvbnM6IEFjdGlvbltdID0gW107XG4gIEBJbnB1dCgpIG1lc3NhZ2VzOiB7cm9sZTogc3RyaW5nLCBjb250ZW50OiBzdHJpbmd9W10gPSBbXTtcbiAgQElucHV0KCkgYWN0aW9uczogQWN0aW9uW10gPSBbXTtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAn44Oh44OD44K744O844K444KS5YWl5YqbJztcbiAgQElucHV0KCkgaXNNZXNzYWdlQ3JlYXRpbmc6IGZhbHNlIHwgc3RyaW5nID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgZm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xuICAgIG5hbWU6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgZGVzY3JpcHRpb246IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgfSk7XG5cbiAgQE91dHB1dCgpIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uPigpO1xuXG4gIEBWaWV3Q2hpbGQoU2Nyb2xsRnJhbWUsIHtzdGF0aWM6IHRydWV9KVxuICBzY3JvbGxGcmFtZTogU2Nyb2xsRnJhbWU7XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuc2Nyb2xsRnJhbWUuc2Nyb2xsVG9Cb3R0b20oKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlcy5tZXNzYWdlcyAmJiB0aGlzLnNjcm9sbEZyYW1lLmlzU2Nyb2xsQm90dG9tKCkpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5zY3JvbGxGcmFtZS5zY3JvbGxUb0JvdHRvbSgpKTtcbiAgICB9XG4gIH1cblxufVxuIl19
+  `, host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: MessagesTemplateStore,
+                            inputs: [
+                                'title',
+                                'navStartActions',
+                                'navEndActions',
+                                'messages',
+                                'actions',
+                                'placeholder',
+                                'isMessageCreating',
+                                'form',
+                            ],
+                        },
+                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvbWVzc2FnZXMvbWVzc2FnZXMudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBNEIsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxSSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFHNUQsTUFBTSxPQUFPLHFCQUFxQjtJQURsQztRQUVXLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsb0JBQWUsR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDdEMsa0JBQWEsR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDcEMsYUFBUSxHQUFHLEtBQUssQ0FBb0MsRUFBRSxDQUFDLENBQUM7UUFDeEQsWUFBTyxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztRQUM5QixnQkFBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxzQkFBaUIsR0FBRyxLQUFLLENBQWlCLEtBQUssQ0FBQyxDQUFDO1FBQ2pELFNBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxTQUFTLENBQUM7WUFDbEMsSUFBSSxFQUFFLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUN6QixXQUFXLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQ2hDLE9BQU8sRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7U0FDN0IsQ0FBQyxDQUFDLENBQUM7S0FDTDs4R0FiWSxxQkFBcUI7a0dBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFEakMsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUU7O0FBeUUvQixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsaUJBQWlCO0lBSXJEO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFKUyxVQUFLLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDaEQsV0FBTSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7UUFJaEQsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsY0FBYyxFQUFFLEVBQUUsQ0FBQztnQkFDN0QsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDO1lBQ3BELENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLGNBQWMsRUFBRSxDQUFDO0lBQ2xDLENBQUM7OEdBZlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsNEpBRVUsV0FBVyw2RkExRXJDLHFCQUFxQix1UUF5QnRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsNlRBakNDLHVCQUF1QixrSEFFdkIsdUJBQXVCLHVFQUN2QixXQUFXLDBEQUNYLGlCQUFpQjs7MkZBaURSLGdCQUFnQjtrQkF6RDVCLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUDt3QkFDUCx1QkFBdUI7d0JBQ3ZCLDJCQUEyQjt3QkFDM0IsdUJBQXVCO3dCQUN2QixXQUFXO3dCQUNYLGlCQUFpQjtxQkFDbEIsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJULFFBRUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLG1CQUNWLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxxQkFBcUI7NEJBQ2hDLE1BQU0sRUFBRTtnQ0FDTixPQUFPO2dDQUNQLGlCQUFpQjtnQ0FDakIsZUFBZTtnQ0FDZixVQUFVO2dDQUNWLFNBQVM7Z0NBQ1QsYUFBYTtnQ0FDYixtQkFBbUI7Z0NBQ25CLE1BQU07NkJBQ1A7eUJBQ0Y7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXMsIERpcmVjdGl2ZSwgaW5wdXQsIGluamVjdCwgZWZmZWN0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1lc3NhZ2VzU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZXNzYWdlcy1zZWN0aW9uJztcbmltcG9ydCB7IE1lc3NhZ2VJbnB1dFNlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVzc2FnZS1pbnB1dC1zZWN0aW9uJztcbmltcG9ydCB7IFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy90ZXh0YXJlYS1zZWN0aW9uJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL25hdmlnYXRvcic7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFjdGlvbiwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VzVGVtcGxhdGVTdG9yZSB7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ3RpdGxlJyk7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IG5hdkVuZEFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW10pO1xuICByZWFkb25seSBtZXNzYWdlcyA9IGlucHV0PHtyb2xlOiBzdHJpbmcsIGNvbnRlbnQ6IHN0cmluZ31bXT4oW10pO1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQ8QWN0aW9uW10+KFtdKTtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBpbnB1dCgn44Oh44OD44K744O844K444KS5YWl5YqbJyk7XG4gIHJlYWRvbmx5IGlzTWVzc2FnZUNyZWF0aW5nID0gaW5wdXQ8ZmFsc2UgfCBzdHJpbmc+KGZhbHNlKTtcbiAgcmVhZG9ubHkgZm9ybSA9IGlucHV0KG5ldyBGb3JtR3JvdXAoe1xuICAgIG5hbWU6IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgZGVzY3JpcHRpb246IG5ldyBGb3JtQ29udHJvbCgnJyksXG4gICAgbWVzc2FnZTogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgfSkpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVzc2FnZXMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWVzc2FnZXNTZWN0aW9uT3JnYW5pc20sXG4gICAgTWVzc2FnZUlucHV0U2VjdGlvbk9yZ2FuaXNtLFxuICAgIFRleHRhcmVhU2VjdGlvbk9yZ2FuaXNtLFxuICAgIFNjcm9sbEZyYW1lLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxmcmFtZXMtc2Nyb2xsPlxuICAgICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3JcbiAgICAgICAgW3N0YXJ0QWN0aW9uc109XCJzdG9yZS5uYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnMoKVwiXG4gICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgIHRvcFxuICAgICAgPlxuICAgICAgICA8c3Bhbj4ge3sgc3RvcmUudGl0bGUoKSB9fSA8L3NwYW4+XG4gICAgICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gICAgICA8b3JnYW5pc21zLW1lc3NhZ2VzLXNlY3Rpb25cbiAgICAgICAgW2lzTWVzc2FnZUNyZWF0aW5nXT1cInN0b3JlLmlzTWVzc2FnZUNyZWF0aW5nKClcIlxuICAgICAgICBbbWVzc2FnZXNdPVwic3RvcmUubWVzc2FnZXMoKVwiXG4gICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgIGNvbnRlbnRzXG4gICAgICAvPlxuICAgICAgPG9yZ2FuaXNtcy10ZXh0YXJlYS1zZWN0aW9uXG4gICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgIFtjb250cm9sXT1cInN0b3JlLmZvcm0oKS5nZXQoWydtZXNzYWdlJ10pXCJcbiAgICAgICAgW3Jvd3NdPVwiM1wiXG4gICAgICAgIFtmbG9hdExhYmVsXT1cIidhbHdheXMnXCJcbiAgICAgICAgW2xhYmVsXT1cIiflhaXlipsnXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInN0b3JlLnBsYWNlaG9sZGVyKClcIlxuICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICBib3R0b21cbiAgICAgIC8+XG4gICAgPC9mcmFtZXMtc2Nyb2xsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9tZXNzYWdlcy50ZW1wbGF0ZS5zY3NzJ10sXG4gIGhvc3Q6IHsgY2xhc3M6ICd0ZW1wbGF0ZScgfSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBNZXNzYWdlc1RlbXBsYXRlU3RvcmUsXG4gICAgICBpbnB1dHM6IFtcbiAgICAgICAgJ3RpdGxlJyxcbiAgICAgICAgJ25hdlN0YXJ0QWN0aW9ucycsXG4gICAgICAgICduYXZFbmRBY3Rpb25zJyxcbiAgICAgICAgJ21lc3NhZ2VzJyxcbiAgICAgICAgJ2FjdGlvbnMnLFxuICAgICAgICAncGxhY2Vob2xkZXInLFxuICAgICAgICAnaXNNZXNzYWdlQ3JlYXRpbmcnLFxuICAgICAgICAnZm9ybScsXG4gICAgICBdLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWVzc2FnZXNUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JlID0gaW5qZWN0KE1lc3NhZ2VzVGVtcGxhdGVTdG9yZSk7XG4gIHJlYWRvbmx5IHNjcm9sbCA9IHZpZXdDaGlsZC5yZXF1aXJlZChTY3JvbGxGcmFtZSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMuc3RvcmUubWVzc2FnZXMoKSAmJiB0aGlzLnNjcm9sbCgpPy5pc1Njcm9sbEJvdHRvbSgpKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5zY3JvbGwoKT8uc2Nyb2xsVG9Cb3R0b20oKSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5zY3JvbGwoKT8uc2Nyb2xsVG9Cb3R0b20oKTtcbiAgfVxuXG59XG4iXX0=