@ng-atomic/components 18.0.0 → 18.2.0

package/esm2022/templates/columns/columns.template.mjs

@@ -96,7 +96,7 @@ export class ColumnsTemplate extends NgAtomicComponent {
       </mat-list>
     </div>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-fEdl: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-fEdl: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-fEdl: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-fEdl: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-fEdl: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-fEdl: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-fEdl: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-fEdl: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-fEdl: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-fEdl: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-fEdl);--navigator-background-color-SCOPED-IN-columns-fEdl: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--navigator-on-background-color-SCOPED-IN-columns-fEdl: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-fEdl);color:var(--on-background-color-SCOPED-IN-columns-fEdl)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-fEdl);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-fEdl)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-fEdl)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-fEdl)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-fEdl);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--surface-color: var(--surface-color-SCOPED-IN-columns-fEdl);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-fEdl);--background-color: var(--background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--on-background-color-SCOPED-IN-columns-fEdl)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "directive", type: NavigatorOrganismStore, selector: "organisms-navigator", inputs: ["startActions", "endActions", "title"] }, { kind: "directive", type: HeaderMoleculeStore, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: DomainPipe, name: "domain" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsTemplate, decorators: [{
             type: Component,
@@ -149,6 +149,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                                 'actions',
                             ],
                         },
-                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-TYmE: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-TYmE: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-TYmE: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-TYmE: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-TYmE: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-TYmE: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-TYmE: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-TYmE: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-TYmE: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-TYmE: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-TYmE);--navigator-background-color-SCOPED-IN-columns-TYmE: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--navigator-on-background-color-SCOPED-IN-columns-TYmE: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-TYmE);color:var(--on-background-color-SCOPED-IN-columns-TYmE)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-TYmE);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-TYmE)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-TYmE)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-TYmE)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-TYmE);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-TYmE);--surface-color: var(--surface-color-SCOPED-IN-columns-TYmE);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-TYmE);--background-color: var(--background-color-SCOPED-IN-columns-TYmE);--on-background-color: var(--on-background-color-SCOPED-IN-columns-TYmE)}\n"] }]
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-columns-fEdl: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-columns-fEdl: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-columns-fEdl: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-columns-fEdl: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-columns-fEdl: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-columns-fEdl: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-columns-fEdl: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-columns-fEdl: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-columns-fEdl: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-columns-fEdl: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-columns-fEdl);--navigator-background-color-SCOPED-IN-columns-fEdl: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--navigator-on-background-color-SCOPED-IN-columns-fEdl: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-columns-fEdl);color:var(--on-background-color-SCOPED-IN-columns-fEdl)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-columns-fEdl);--vertical-padding: var(--vertical-padding-SCOPED-IN-columns-fEdl)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-columns-fEdl)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-fEdl)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-fEdl);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-fEdl);--surface-color: var(--surface-color-SCOPED-IN-columns-fEdl);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-fEdl);--background-color: var(--background-color-SCOPED-IN-columns-fEdl);--on-background-color: var(--on-background-color-SCOPED-IN-columns-fEdl)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9jb2x1bW5zL2NvbHVtbnMudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFlLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQVUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQXdCLE1BQU0sZ0NBQWdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxV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QyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRVMsUUFBUSxDQUFDLEtBQTJCLEVBQUUsRUFBVTtRQUN4RCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzFFLENBQUM7OEdBWFUsZUFBZTtrR0FBZixlQUFlLDBHQTFGZixvQkFBb0IsdUtBOENyQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCVCwrdkVBdENDLFdBQVcsMERBQ1gsc0JBQXNCLGlIQUN0QixtQkFBbUIsOEZBQ25CLGFBQWEsdWJBQ2IsY0FBYyw0bENBQ2QsY0FBYyxtVEFDZCxPQUFPLHNJQUVQLFVBQVU7OzJGQThDRCxlQUFlO2tCQTFEM0IsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsc0JBQXNCO3dCQUN0QixtQkFBbUI7d0JBQ25CLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxjQUFjO3dCQUNkLE9BQU87d0JBQ1AsUUFBUTt3QkFDUixVQUFVO3FCQUNYLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E0QlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxvQkFBb0I7NEJBQy9CLE1BQU0sRUFBRTtnQ0FDTixpQkFBaUI7Z0NBQ2pCLGVBQWU7Z0NBQ2YsT0FBTztnQ0FDUCxNQUFNO2dDQUNOLFNBQVM7NkJBQ1Y7eUJBQ0Y7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtEcmFnRHJvcCwgRHJhZ0Ryb3BNb2R1bGUsIG1vdmVJdGVtSW5BcnJheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgSnNvblBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBlZmZlY3QsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdExpc3RNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9saXN0JztcbmltcG9ydCB7IE1hdFNsaWRlVG9nZ2xlLCBNYXRTbGlkZVRvZ2dsZUNoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XG5pbXBvcnQgeyBtYWtlQ29uZmlnIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvdWknO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbC12Mic7XG5pbXBvcnQgeyBIZWFkZXJNb2xlY3VsZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInO1xuaW1wb3J0IHsgTmF2aWdhdG9yT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IF9jb21wdXRlZCwgSW5qZWN0YWJsZUNvbXBvbmVudCwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgaW5qZWN0Q29sdW1uc0Zvcm0gfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zZXJ2aWNlcy9mb3JtL2NvbHVtbnMnO1xuaW1wb3J0IHsgY29tcHV0ZWRBc3luYyB9IGZyb20gJ25neHRlbnNpb24vY29tcHV0ZWQtYXN5bmMnO1xuaW1wb3J0IHsgbWFwLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERvbWFpblBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9kb21haW4nO1xuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ3RlbXBsYXRlcy1jb2x1bW5zJ30pXG5leHBvcnQgY2xhc3MgQ29sdW1uc1RlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4ge1xuICAgIGNvbnN0IGZvcm0gPSBpbmplY3RDb2x1bW5zRm9ybSgpO1xuICAgIHJldHVybiAoKSA9PiAoe1xuICAgICAgbmF2U3RhcnRBY3Rpb25zOiBbXSxcbiAgICAgIG5hdkVuZEFjdGlvbnM6IFtdLFxuICAgICAgdGl0bGU6ICcnLFxuICAgICAgZm9ybSxcbiAgICAgIGZvcm1GbGF0RXhjbHVkZXM6IFtdLFxuICAgICAgYWN0aW9uczogW10sXG4gICAgICBmaWVsZE1hcDoge30sXG4gICAgfSk7XG4gIH0sIFsnY29tcG9uZW50cycsICd0ZW1wbGF0ZXMnLCAnY29sdW1ucyddKTtcblxuICBzdGF0aWMgcHJvdmlkZURlZmF1bHQoKSB7XG4gICAgcmV0dXJuIFtcbiAgICAgIENvbHVtbnNUZW1wbGF0ZVN0b3JlLkNvbmZpZy5wcm92aWRlKCksXG4gICAgXTtcbiAgfVxuICByZWFkb25seSBjb25maWcgPSBDb2x1bW5zVGVtcGxhdGVTdG9yZS5Db25maWcuaW5qZWN0KCk7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLm5hdlN0YXJ0QWN0aW9ucykpO1xuICByZWFkb25seSBuYXZFbmRBY3Rpb25zID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkubmF2RW5kQWN0aW9ucykpO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLnRpdGxlKSk7XG4gIHJlYWRvbmx5IGZvcm0gPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5mb3JtKSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5hY3Rpb25zKSk7XG4gIHJlYWRvbmx5IGZpZWxkTWFwID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuZmllbGRNYXApKTtcblxuICByZWFkb25seSBjb2x1bW5JZHMgPSBjb21wdXRlZEFzeW5jKCgpID0+IHtcbiAgICByZXR1cm4gdGhpcy5mb3JtKCkudmFsdWVDaGFuZ2VzLnBpcGUoc3RhcnRXaXRoKHRoaXMuZm9ybSgpLmdldFJhd1ZhbHVlKCkpLCBtYXAoKHZhbHVlKSA9PiB2YWx1ZS5pZHMpKTtcbiAgfSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1jb2x1bW5zJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFNjcm9sbEZyYW1lLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtU3RvcmUsXG4gICAgSGVhZGVyTW9sZWN1bGVTdG9yZSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIERyYWdEcm9wTW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlLFxuICAgIE1hdEljb24sXG4gICAgSnNvblBpcGUsXG4gICAgRG9tYWluUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgaW5qZWN0YWJsZVxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJzdG9yZS5uYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICBbZW5kQWN0aW9uc109XCJzdG9yZS5uYXZFbmRBY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIHRvcFxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIGluamVjdGFibGUgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBbZGVzY3JpcHRpb25dPVwiJydcIi8+XG4gICAgPC9vcmdhbmlzbXMtbmF2aWdhdG9yPlxuICAgIDxkaXYgY2RrRHJvcExpc3QgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJvbkRyb3AoJGV2ZW50KVwiPlxuICAgICAgPG1hdC1saXN0PlxuICAgICAgICBAZm9yIChpZCBvZiBzdG9yZS5jb2x1bW5JZHMoKTsgdHJhY2sgaWQpIHtcbiAgICAgICAgICA8bWF0LWxpc3QtaXRlbSBjZGtEcmFnIHN0eWxlPVwid2lkdGg6IDEwMCU7XCI+XG4gICAgICAgICAgICA8c3BhbiBtYXRMaXN0SXRlbUljb24gY2RrRHJhZ0hhbmRsZSBzdHlsZT1cImN1cnNvcjogbW92ZTsgbWFyZ2luLXJpZ2h0OiAxNnB4O1wiPlxuICAgICAgICAgICAgICA8bWF0LWljb24+ZHJhZ19oYW5kbGU8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+IHt7IGlkIHwgZG9tYWluIH19PC9zcGFuPlxuICAgICAgICAgICAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICAgICAgICAgICAgW2NoZWNrZWRdPVwic3RvcmUuZm9ybSgpLmdldChbJ21hcCcsIGlkLCAndmlzaWJsZSddKS52YWx1ZVwiXG4gICAgICAgICAgICAgIChjaGFuZ2UpPVwib25Ub2dnbGUoJGV2ZW50LCBpZClcIlxuICAgICAgICAgICAgICBtYXRMaXN0SXRlbU1ldGFcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9tYXQtbGlzdC1pdGVtPlxuICAgICAgICB9XG4gICAgICA8L21hdC1saXN0PlxuICAgIDwvZGl2PlxuICA8L2ZyYW1lcy1zY3JvbGw+XG4gIGAsXG4gIHN0eWxlVXJsOiAnLi9jb2x1bW5zLnRlbXBsYXRlLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IENvbHVtbnNUZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbXG4gICAgICAgICduYXZTdGFydEFjdGlvbnMnLFxuICAgICAgICAnbmF2RW5kQWN0aW9ucycsXG4gICAgICAgICd0aXRsZScsXG4gICAgICAgICdmb3JtJyxcbiAgICAgICAgJ2FjdGlvbnMnLFxuICAgICAgXSxcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbnNUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KENvbHVtbnNUZW1wbGF0ZVN0b3JlKTtcblxuICBwcm90ZWN0ZWQgb25Ecm9wKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICBjb25zdCBpZHMgPSB0aGlzLnN0b3JlLmZvcm0oKS5nZXQoWydpZHMnXSkudmFsdWU7XG4gICAgbW92ZUl0ZW1JbkFycmF5KGlkcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICB0aGlzLnN0b3JlLmZvcm0oKS5nZXQoWydpZHMnXSkucGF0Y2hWYWx1ZShbLi4uaWRzXSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25Ub2dnbGUoZXZlbnQ6IE1hdFNsaWRlVG9nZ2xlQ2hhbmdlLCBpZDogc3RyaW5nKSB7XG4gICAgdGhpcy5zdG9yZS5mb3JtKCkuZ2V0KFsnbWFwJywgaWQsICd2aXNpYmxlJ10pLnBhdGNoVmFsdWUoZXZlbnQuY2hlY2tlZCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/templates/entrance/entrance.template.mjs

@@ -77,7 +77,7 @@ export class EntranceTemplate extends NgAtomicComponent {
       }
     </frames-auto-layout>
   </frames-card>
-  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-B3QG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-B3QG: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-B3QG: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-B3QG: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-B3QG);color:var(--on-background-color-SCOPED-IN-entrance-B3QG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import("@ng-atomic/components/organisms/action-buttons-section").then(m => m.ActionButtonsSectionOrganism)]] }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-WlB1: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-WlB1: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-WlB1: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-WlB1: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-WlB1);color:var(--on-background-color-SCOPED-IN-entrance-WlB1);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}\n"], dependencies: [{ kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import("@ng-atomic/components/organisms/action-buttons-section").then(m => m.ActionButtonsSectionOrganism)]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ngImport: i0, type: EntranceTemplate, resolveDeferredDeps: () => [import("@ng-atomic/components/organisms/action-buttons-section").then(m => m.ActionButtonsSectionOrganism)], resolveMetadata: ActionButtonsSectionOrganism => ({ decorators: [{
                 type: Component,
@@ -115,6 +115,6 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
                                 directive: EntranceTemplateStore,
                                 inputs: ['form', 'actions', 'title'],
                             },
-                        ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-B3QG: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-B3QG: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-B3QG: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-B3QG: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-B3QG);color:var(--on-background-color-SCOPED-IN-entrance-B3QG);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-B3QG)}\n"] }]
+                        ], styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-WlB1: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-WlB1: var(--background-color);--on-background-color: #333;--on-background-color-SCOPED-IN-entrance-WlB1: var(--on-background-color);--page-width-lv1-SCOPED-IN-entrance-WlB1: var(--page-width-lv1)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-WlB1);color:var(--on-background-color-SCOPED-IN-entrance-WlB1);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}:host frames-card ng-atomic-form-section-builder{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-WlB1)}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cmFuY2UudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvZW50cmFuY2UvZW50cmFuY2UudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDbEcsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDbkcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBR2xGLElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLHVEQUEyQyxDQUFBO0lBQzNDLCtFQUFtRSxDQUFBO0lBQ25FLGlGQUFxRSxDQUFBO0FBQ3ZFLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBT00sSUFBTSxxQkFBcUIsR0FBM0IsTUFBTSxxQkFBc0IsU0FBUSxtQkFBbUI7SUFBdkQ7O1FBRUksU0FBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLFNBQVMsQ0FBQztZQUNsQyxLQUFLLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQzFCLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7U0FDOUIsQ0FBQyxDQUFDLENBQUM7UUFDSyxZQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3ZCLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFO1lBQ3hELEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxtQkFBbUIsRUFBRSxJQUFJLEVBQUUscUJBQXFCLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRTtZQUNqRixFQUFFLEVBQUUsRUFBRSxRQUFRLENBQUMsb0JBQW9CLEVBQUUsSUFBSSxFQUFFLHNCQUFzQixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUU7U0FDckYsQ0FBQyxDQUFDO1FBRU0sYUFBUSxHQUFHLEtBQUssQ0FBZTtZQUN0QyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1lBQ3ZCLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7U0FDL0IsQ0FBQyxDQUFDO1FBRU0sVUFBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztLQUNoQzthQWpCaUIsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZOzhHQUR6QixxQkFBcUI7a0dBQXJCLHFCQUFxQjs7QUFBckIscUJBQXFCO0lBTGpDLGFBQWEsRUFBRTtHQUtILHFCQUFxQixDQWtCakM7OzJGQWxCWSxxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQWtFRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsaUJBQWlCO0lBN0N2RDs7UUErQ1ksYUFBUSxHQUFHLFFBQVEsQ0FBQztRQUNwQixVQUFLLEdBQUcsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7S0FDakQ7YUFIUSxhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7OEdBRGhCLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGlKQWpFaEIscUJBQXFCLCtGQWlDdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVCxtZ0NBOUJDLGVBQWUsK0RBQ2YsU0FBUyx3REFFVCxlQUFlLGlGQUdmLDBCQUEwQjs7Z0dBbUNqQixnQkFBZ0I7c0JBN0M1QixTQUFTO21DQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1A7NEJBQ1AsZUFBZTs0QkFDZixTQUFTOzRCQUNULDRCQUE0Qjs0QkFDNUIsZUFBZTs0QkFDZiwwQkFBMEI7NEJBQzFCLDZCQUE2Qjs0QkFDN0IsMEJBQTBCO3lCQUUzQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQsUUFFSyxFQUFDLEtBQUssRUFBRSxVQUFVLEVBQUMsbUJBQ1IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7NEJBQ2Q7Z0NBQ0UsU0FBUyxFQUFFLHFCQUFxQjtnQ0FDaEMsTUFBTSxFQUFFLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUM7NkJBQ3JDO3lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1Db250cm9sfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBdXRvTGF5b3V0RnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL2F1dG8tbGF5b3V0JztcbmltcG9ydCB7IENhcmRGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvY2FyZCc7XG5pbXBvcnQgeyBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9hY3Rpb24tYnV0dG9ucy1zZWN0aW9uJztcbmltcG9ydCB7IEhlYWRpbmdPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvaGVhZGluZyc7XG5pbXBvcnQgeyBTb2NpYWxMb2dpblNlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc29jaWFsLWxvZ2luLXNlY3Rpb24nO1xuaW1wb3J0IHsgVGV4dElucHV0U2VjdGlvbk9yZ2FuaXNtU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3RleHQtaW5wdXQtc2VjdGlvbic7XG5pbXBvcnQgeyBOZ0F0b21pY0Zvcm1TZWN0aW9uQnVpbGRlciB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvZm9ybSc7XG5pbXBvcnQgeyBGb3JtRmllbGRNYXAgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9zbWFydC1maWVsZCc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBTSUdOX0lOID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHNdIFNpZ24gSW4nLFxuICBTSUdOX0lOX1dJVEhfR09PR0xFID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHNdIFNpZ24gSW4gV2l0aCBHb29nbGUnLFxuICBTSUdOX0lOX1dJVEhfVFdJVFRFUiA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzXSBTaWduIEluIFdpdGggVHdpdHRlcicsXG59XG5cbkBUb2tlbml6ZWRUeXBlKClcbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1lbnRyYW5jZScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEVudHJhbmNlVGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICBzdGF0aWMgcmVhZG9ubHkgQWN0aW9uSWQgPSBBY3Rpb25JZDtcbiAgcmVhZG9ubHkgZm9ybSA9IGlucHV0KG5ldyBGb3JtR3JvdXAoe1xuICAgIGVtYWlsOiBuZXcgRm9ybUNvbnRyb2woJycpLFxuICAgIHBhc3N3b3JkOiBuZXcgRm9ybUNvbnRyb2woJycpLFxuICB9KSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dChbXG4gICAgeyBpZDogQWN0aW9uSWQuU0lHTl9JTiwgbmFtZTogJ1NpZ24gSW4nLCBpY29uOiAnbG9naW4nIH0sXG4gICAgeyBpZDogQWN0aW9uSWQuU0lHTl9JTl9XSVRIX0dPT0dMRSwgbmFtZTogJ1NpZ24gSW4gV2l0aCBHb29nbGUnLCBpY29uOiAnZ29vZ2xlJyB9LFxuICAgIHsgaWQ6IEFjdGlvbklkLlNJR05fSU5fV0lUSF9UV0lUVEVSLCBuYW1lOiAnU2lnbiBJbiBXaXRoIFR3aXR0ZXInLCBpY29uOiAndHdpdHRlcicgfSxcbiAgXSk7XG5cbiAgcmVhZG9ubHkgZmllbGRNYXAgPSBpbnB1dDxGb3JtRmllbGRNYXA+KHtcbiAgICBlbWFpbDogeyB0eXBlOiAndGV4dCcgfSxcbiAgICBwYXNzd29yZDogeyB0eXBlOiAncGFzc3dvcmQnIH0sXG4gIH0pO1xuXG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ+ODreOCsOOCpOODsycpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtZW50cmFuY2UnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQXV0b0xheW91dEZyYW1lLFxuICAgIENhcmRGcmFtZSxcbiAgICBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtLFxuICAgIEhlYWRpbmdPcmdhbmlzbSxcbiAgICBTb2NpYWxMb2dpblNlY3Rpb25PcmdhbmlzbSxcbiAgICBUZXh0SW5wdXRTZWN0aW9uT3JnYW5pc21TdG9yZSxcbiAgICBOZ0F0b21pY0Zvcm1TZWN0aW9uQnVpbGRlcixcbiAgICBcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1jYXJkPlxuICAgIDxmcmFtZXMtYXV0by1sYXlvdXQgdmVydGljYWw+XG4gICAgICA8b3JnYW5pc21zLWhlYWRpbmc+e3sgc3RvcmUudGl0bGUoKSB9fTwvb3JnYW5pc21zLWhlYWRpbmc+XG4gICAgICBAaWYgKHN0b3JlLmZvcm0oKSkge1xuICAgICAgICA8bmctYXRvbWljLWZvcm0tc2VjdGlvbi1idWlsZGVyXG4gICAgICAgICAgW2Zvcm1dPVwic3RvcmUuZm9ybSgpXCJcbiAgICAgICAgICBbZm9ybUZsYXRFeGNsdWRlc109XCJbXVwiXG4gICAgICAgICAgW2ZpZWxkTWFwXT1cInN0b3JlLmZpZWxkTWFwKClcIlxuICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgIC8+XG4gICAgICAgIEBmb3IgKGFjdGlvbiBvZiBzdG9yZS5hY3Rpb25zKCk7IHRyYWNrIGFjdGlvbi5pZDspIHtcbiAgICAgICAgICBAZGVmZXIge1xuICAgICAgICAgICAgPG9yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uXG4gICAgICAgICAgICAgIFthY3Rpb25zXT1cIlthY3Rpb25dXCJcbiAgICAgICAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgfSBAZXJyb3IgeyBlcnJvciB9IH1cbiAgICAgIH1cbiAgICA8L2ZyYW1lcy1hdXRvLWxheW91dD5cbiAgPC9mcmFtZXMtY2FyZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZW50cmFuY2UudGVtcGxhdGUuc2NzcyddLFxuICBob3N0OiB7Y2xhc3M6ICd0ZW1wbGF0ZSd9LFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEVudHJhbmNlVGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWydmb3JtJywgJ2FjdGlvbnMnLCAndGl0bGUnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFbnRyYW5jZVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBzdGF0aWMgQWN0aW9uSWQgPSBBY3Rpb25JZDtcbiAgcHJvdGVjdGVkIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChFbnRyYW5jZVRlbXBsYXRlU3RvcmUpO1xufVxuIl19

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

@@ -99,7 +99,7 @@ export class FormTemplate extends NgAtomicComponent {
       />
     </frames-auto-layout>
   </frames-scroll>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-form-lif5: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lif5: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lif5: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lif5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lif5: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lif5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lif5: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lif5: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lif5: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lif5: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lif5);--navigator-background-color-SCOPED-IN-form-lif5: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lif5);--navigator-on-background-color-SCOPED-IN-form-lif5: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lif5);color:var(--on-background-color-SCOPED-IN-form-lif5)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-lif5);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lif5)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lif5)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lif5);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lif5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lif5);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lif5);--surface-color: var(--surface-color-SCOPED-IN-form-lif5);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lif5);--background-color: var(--background-color-SCOPED-IN-form-lif5);--on-background-color: var(--on-background-color-SCOPED-IN-form-lif5)}\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-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 }); }
 }
 __decorate([
     Effect(NavActionId.BACK),
@@ -152,6 +152,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-lif5: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-form-lif5: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-form-lif5: var(--gap);--primary-color: #404040;--primary-color-SCOPED-IN-form-lif5: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-form-lif5: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-form-lif5: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-form-lif5: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-form-lif5: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-form-lif5: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-form-lif5: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-form-lif5);--navigator-background-color-SCOPED-IN-form-lif5: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-form-lif5);--navigator-on-background-color-SCOPED-IN-form-lif5: var(--navigator-on-background-color)}:host{display:block;width:100%;height:100%;background:var(--background-color-SCOPED-IN-form-lif5);color:var(--on-background-color-SCOPED-IN-form-lif5)}:host frames-auto-layout{height:fit-content;--gap: var(--gap-SCOPED-IN-form-lif5);--vertical-padding: var(--vertical-padding-SCOPED-IN-form-lif5)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-form-lif5)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-form-lif5);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-form-lif5)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-lif5);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-lif5);--surface-color: var(--surface-color-SCOPED-IN-form-lif5);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-lif5);--background-color: var(--background-color-SCOPED-IN-form-lif5);--on-background-color: var(--on-background-color-SCOPED-IN-form-lif5)}\n"] }]
+                    ], 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==

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

@@ -35,7 +35,7 @@ export class IconButtonMenuTemplate extends NgAtomicComponent {
         <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-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: 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-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\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 }); }
+  `, 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
             type: Component,
@@ -53,6 +53,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: IconButtonMenuTemplateStore,
                             inputs: ['actions'],
                         },
-                    ], styles: [":host{width:100%;height:100%;background:#fff;display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-button-menu-fMti: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-button-menu-fMti: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-icon-button-menu-fMti: var(--secondary-color);--background-color: #000000;--background-color-SCOPED-IN-icon-button-menu-fMti: var(--background-color);--on-background-color: #ffffff;--on-background-color-SCOPED-IN-icon-button-menu-fMti: var(--on-background-color);--mdc-icon-button-icon-color: #FEFEFE;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-fMti: 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-fMti);color:var(--on-background-color-SCOPED-IN-icon-button-menu-fMti)}:host button{--mat-icon-color: var(--on-primary-color-SCOPED-IN-icon-button-menu-fMti)}\n"] }]
+                    ], 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"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24tbWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51L2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFJaEQsSUFBTSwyQkFBMkIsR0FBakMsTUFBTSwyQkFBNEIsU0FBUSxtQkFBbUI7SUFBN0Q7O1FBQ0ksWUFBTyxHQUFHLEtBQUssQ0FBVyxFQUFFLENBQUMsQ0FBQztLQUN4Qzs4R0FGWSwyQkFBMkI7a0dBQTNCLDJCQUEyQjs7QUFBM0IsMkJBQTJCO0lBRnZDLGFBQWEsRUFBRTtHQUVILDJCQUEyQixDQUV2Qzs7MkZBRlksMkJBQTJCO2tCQUR2QyxTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsNEJBQTRCLEVBQUU7O0FBNEJ2RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWlCO0lBdkI3RDs7UUF3QlksVUFBSyxHQUFHLE1BQU0sQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0tBQ3ZEOzhHQUZZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLG1IQTNCdEIsMkJBQTJCLDZEQVc1Qjs7Ozs7O0dBTVQsZ21DQVRDLGVBQWUsMklBQ2YsYUFBYTs7MkZBa0JKLHNCQUFzQjtrQkF2QmxDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7O0dBTVQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwyQkFBMkI7NEJBQ3RDLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQzt5QkFDcEI7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50LCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtaWNvbi1idXR0b24tbWVudScgfSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1pY29uLWJ1dHRvbi1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGFjdGlvbiBvZiBzdG9yZS5hY3Rpb25zKCk7IHRyYWNrIGFjdGlvbi5pZCkge1xuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJiYXNpY1wiIChjbGljayk9XCJkaXNwYXRjaChhY3Rpb24pXCI+XG4gICAgICAgIDxtYXQtaWNvbj57eyBhY3Rpb24uaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLW1lbnUudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSxcbiAgICAgIGlucHV0czogWydhY3Rpb25zJ10sXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBJY29uQnV0dG9uTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlKTtcbn1cbiJdfQ==

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-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\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-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 }); }
 }
 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-u1Mn: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-u1Mn: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-u1Mn: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-u1Mn: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-u1Mn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-u1Mn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-u1Mn: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-u1Mn: var(--width);--height: 100%;--height-SCOPED-IN-menu-u1Mn: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-u1Mn);height:var(--height-SCOPED-IN-menu-u1Mn);color:var(--on-background-color-SCOPED-IN-menu-u1Mn);background-color:var(--background-color-SCOPED-IN-menu-u1Mn);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-u1Mn);--background-color: var(--background-color-SCOPED-IN-menu-u1Mn);--surface-color: var(--surface-color-SCOPED-IN-menu-u1Mn);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-u1Mn);--on-background-color: var(--on-background-color-SCOPED-IN-menu-u1Mn);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-u1Mn)}\n"] }]
+                    ], 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"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy9tZW51L21lbnUudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFVLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQUkvRSxJQUFNLGlCQUFpQixHQUF2QixNQUFNLGlCQUFrQixTQUFRLG1CQUFtQjtJQUFuRDs7UUFDSSxZQUFPLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUNsQzs4R0FIWSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7QUFBakIsaUJBQWlCO0lBRjdCLGFBQWEsRUFBRTtHQUVILGlCQUFpQixDQUc3Qjs7MkZBSFksaUJBQWlCO2tCQUQ3QixTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsZ0JBQWdCLEVBQUU7O0FBaUMzRCxNQUFNLE9BQU8sWUFBYSxTQUFRLGlCQUFpQjtJQTNCbkQ7O1FBNEJZLFVBQUssR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztLQUM3Qzs4R0FGWSxZQUFZO2tHQUFaLFlBQVksdUdBaENaLGlCQUFpQiwrRUFhbEI7Ozs7Ozs7OztHQVNULDgvQ0FkQyx1QkFBdUIscUZBQ3ZCLDJCQUEyQixtR0FDM0IsdUJBQXVCOzsyRkFzQmQsWUFBWTtrQkEzQnhCLFNBQVM7aUNBQ0ksSUFBSSxXQUNQO3dCQUNQLHVCQUF1Qjt3QkFDdkIsMkJBQTJCO3dCQUMzQix1QkFBdUI7cUJBQ3hCLFlBQ1MsZ0JBQWdCLFlBQ2hCOzs7Ozs7Ozs7R0FTVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLGlCQUFpQjs0QkFDNUIsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQzt5QkFDN0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGlvbiwgVG9rZW5pemVkVHlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25MaXN0T3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdGlvbi1saXN0JztcbmltcG9ydCB7IE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9tZW51LWZvb3Rlcic7XG5pbXBvcnQgeyBNZW51SGVhZGVyT3JnYW5pc21TdG9yZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbWVudS1oZWFkZXInO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtbWVudScgfSlcbmV4cG9ydCBjbGFzcyBNZW51VGVtcGxhdGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhY3Rpb25zID0gaW5wdXQ8QWN0aW9uW10+KFtdKTtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWVudUhlYWRlck9yZ2FuaXNtU3RvcmUsXG4gICAgTmF2aWdhdGlvbkxpc3RPcmdhbmlzbVN0b3JlLFxuICAgIE1lbnVGb290ZXJPcmdhbmlzbVN0b3JlLFxuICBdLFxuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1tZW51JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInRvcFwiPlxuICAgIDxvcmdhbmlzbXMtbWVudS1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiBpbmplY3RhYmxlLz5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRpb24tbGlzdCBpbmplY3RhYmxlXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAvPlxuICA8L2Rpdj5cbiAgPG9yZ2FuaXNtcy1tZW51LWZvb3RlciBpbmplY3RhYmxlLz5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS50ZW1wbGF0ZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogTWVudVRlbXBsYXRlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYWN0aW9ucycsICd0aXRsZSddLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWVudVRlbXBsYXRlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoTWVudVRlbXBsYXRlU3RvcmUpO1xufVxuIl19

package/esm2022/templates/selection/selection.template.mjs

@@ -70,7 +70,7 @@ export class SelectionTemplate extends NgAtomicComponent {
       bottom
     />
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-WqUy: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-WqUy: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-WqUy: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-WqUy: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-WqUy: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-WqUy: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-WqUy: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-WqUy: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-WqUy: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-WqUy);--navigator-background-color-SCOPED-IN-selection-WqUy: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--navigator-on-background-color-SCOPED-IN-selection-WqUy: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-WqUy: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-WqUy: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-WqUy);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-WqUy);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-WqUy)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-WqUy);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--surface-color: var(--surface-color-SCOPED-IN-selection-WqUy);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-WqUy);--background-color: var(--background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-action-buttons-section{margin-bottom:24px}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
@@ -114,6 +114,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: SelectionTemplateStore,
                             inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],
                         },
-                    ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-eJw7: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-eJw7: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-eJw7: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-eJw7: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-eJw7: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-eJw7: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-eJw7: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-eJw7: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-eJw7: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-eJw7);--navigator-background-color-SCOPED-IN-selection-eJw7: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--navigator-on-background-color-SCOPED-IN-selection-eJw7: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-eJw7: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-eJw7: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-eJw7);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-eJw7);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-eJw7)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-eJw7);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-eJw7);--surface-color: var(--surface-color-SCOPED-IN-selection-eJw7);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-eJw7);--background-color: var(--background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-eJw7);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-eJw7)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
+                    ], host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-WqUy: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-WqUy: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-WqUy: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-WqUy: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-WqUy: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-WqUy: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-WqUy: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-WqUy: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-WqUy: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-WqUy);--navigator-background-color-SCOPED-IN-selection-WqUy: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--navigator-on-background-color-SCOPED-IN-selection-WqUy: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-WqUy: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-WqUy: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-WqUy);transition:background-color .5s ease-in-out}:host frames-auto-layout{--gap: 0;--vertical-padding: 0}:host frames-divider{--first-content-height: var(--first-content-height-SCOPED-IN-selection-WqUy);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-WqUy)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-WqUy);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-WqUy);--surface-color: var(--surface-color-SCOPED-IN-selection-WqUy);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-WqUy);--background-color: var(--background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-WqUy);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-WqUy)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
         }], propDecorators: { toggleOption: [] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NlbGVjdGlvbi9zZWxlY3Rpb24udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFMUQsSUFBSyxRQUlKO0FBSkQsV0FBSyxRQUFRO0lBQ1gscUVBQXlELENBQUE7SUFDekQseUVBQTZELENBQUE7SUFDN0QsNEZBQWdGLENBQUE7QUFDbEYsQ0FBQyxFQUpJLFFBQVEsS0FBUixRQUFRLFFBSVo7QUFHRCxNQUFNLE9BQU8sc0JBQTBCLFNBQVEsbUJBQW1CO0lBRGxFOztRQUVXLG9CQUFlLEdBQUcsS0FBSyxDQUFXO1lBQ3pDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1NBQ3hELENBQUMsQ0FBQztRQUVNLGtCQUFhLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3BDLFlBQU8sR0FBRyxLQUFLLENBQVc7WUFDakMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtTQUN6RSxDQUFDLENBQUM7UUFDTSxnQkFBVyxHQUFHLEtBQUssQ0FBVSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QyxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLENBQU0sRUFBRSxDQUFDLENBQUM7UUFDdkIsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0tBQ3ZEOzhHQWJZLHNCQUFzQjtrR0FBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQURsQyxTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUscUJBQXFCLEVBQUM7O0FBNEQ5RCxNQUFNLE9BQU8saUJBQXFCLFNBQVEsaUJBQWlCO0lBNUMzRDs7UUE4Q1ksVUFBSyxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0tBT2xEO2FBUlEsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSWpCLFlBQVksQ0FBQyxJQUFPO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDOzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQTNEakIsc0JBQXNCLGlPQXlCdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULDZpRkE3QkMsV0FBVywwREFDWCxpQkFBaUIsZ0VBQ2pCLGNBQWMsNkRBQ2QscUJBQXFCLG9IQUNyQiw0QkFBNEI7O0FBeUNwQjtJQURULE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDOzs7O3FEQUdwRDsyRkFQVSxpQkFBaUI7a0JBNUM3QixTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ1AsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQzt5QkFDdEc7cUJBQ0YsUUFDSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7OEJBT2pCLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgSGVhZGVyTW9sZWN1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2hlYWRlcic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9ucywgSW5qZWN0YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBFZmZlY3QsIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IFNlbGVjdGlvbkxpc3RPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc2VsZWN0aW9uLWxpc3QnO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbic7XG5pbXBvcnQgeyBTZWxlY3Rpb25Nb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlbGVjdGlvbl0gQmFjaycsXG4gIFNVQk1JVCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zZWxlY3Rpb25dIFN1Ym1pdCcsXG4gIFRPR0dMRV9PUFRJT04gPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VsZWN0aW9uLWxpc3RdIFRvZ2dsZSBPcHRpb24nLFxufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZWxlY3Rpb24nfSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlPFQ+IGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXG4gICAgeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snLCBuYW1lOiAnQmFjaycgfSxcbiAgXSk7XG5cbiAgcmVhZG9ubHkgbmF2RW5kQWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW1xuICAgIHsgaWQ6IEFjdGlvbklkLlNVQk1JVCwgaWNvbjogJ2NoZWNrJywgbmFtZTogJ1N1Ym1pdCcsIGNvbG9yOiAncHJpbWFyeScgfSxcbiAgXSk7XG4gIHJlYWRvbmx5IGl0ZW1BY3Rpb25zID0gaW5wdXQ8QWN0aW9ucz4oKCkgPT4gW10pO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBpdGVtcyA9IGlucHV0PFRbXT4oW10pO1xuICByZWFkb25seSBzZWxlY3Rpb24gPSBpbnB1dChuZXcgU2VsZWN0aW9uTW9kZWwoZmFsc2UpKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNlbGVjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgICBTZWxlY3Rpb25MaXN0T3JnYW5pc20sXG4gICAgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgXG4gICAgICBbc3RhcnRBY3Rpb25zXT1cInN0b3JlLm5hdlN0YXJ0QWN0aW9ucygpXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgdG9wXG4gICAgPlxuICAgICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiAvPlxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8b3JnYW5pc21zLXNlbGVjdGlvbi1saXN0XG4gICAgICBbaXRlbXNdPVwic3RvcmUuaXRlbXMoKVwiXG4gICAgICBbaXRlbUFjdGlvbnNdPVwic3RvcmUuaXRlbUFjdGlvbnMoKVwiXG4gICAgICBbc2VsZWN0aW9uXT1cInN0b3JlLnNlbGVjdGlvbigpXCJcbiAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICBjb250ZW50c1xuICAgIC8+XG4gICAgPG9yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIGJvdHRvbVxuICAgIC8+XG4gIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0aW9uLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ25hdlN0YXJ0QWN0aW9ucycsICduYXZFbmRBY3Rpb25zJywgJ2FjdGlvbnMnLCAnaXRlbUFjdGlvbnMnLCAndGl0bGUnLCAnaXRlbXMnLCAnc2VsZWN0aW9uJ10sXG4gICAgfSxcbiAgXSxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZTxUPiBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlKTtcblxuICBARWZmZWN0KFNlbGVjdGlvbkxpc3RPcmdhbmlzbS5BY3Rpb25JZC5UT0dHTEVfT1BUSU9OKVxuICBwcm90ZWN0ZWQgdG9nZ2xlT3B0aW9uKGl0ZW06IFQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLlRPR0dMRV9PUFRJT04sIHBheWxvYWQ6IGl0ZW0gfSk7XG4gIH1cblxufVxuIl19

package/esm2022/templates/settings/settings.template.mjs

@@ -64,7 +64,7 @@ export class SettingsTemplate extends NgAtomicComponent {
       </mat-list-item>
     </mat-list>
     </div>
-  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-FEQ2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-FEQ2: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-FEQ2: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-FEQ2: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-FEQ2: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-FEQ2: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-FEQ2);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-FEQ2);--background-color: var(--background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-FEQ2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -113,6 +113,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-luze: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-luze: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-luze: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-luze: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-luze: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-luze: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-luze: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--navigator-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--navigator-on-background-color-SCOPED-IN-%COMP%-luze: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-luze);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-luze);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-luze);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-luze);--background-color: var(--background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-luze)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-luze);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-luze)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-FEQ2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-FEQ2: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-FEQ2: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-FEQ2: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-FEQ2: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-FEQ2: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-FEQ2);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-FEQ2);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-FEQ2);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-FEQ2);--background-color: var(--background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-FEQ2)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-FEQ2);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-FEQ2)}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZ3Mvc2V0dGluZ3MudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFXLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFLN0QsSUFBSyxRQUdKO0FBSEQsV0FBSyxRQUFRO0lBQ1gsZ0ZBQW9FLENBQUE7SUFDcEUsc0dBQTBGLENBQUE7QUFDNUYsQ0FBQyxFQUhJLFFBQVEsS0FBUixRQUFRLFFBR1o7QUF3REQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGlCQUFpQjtJQXREdkQ7O1FBd0RXLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsb0JBQWUsR0FBRyxLQUFLLENBQVUsRUFBRSxDQUFDLENBQUM7S0FTL0M7YUFYaUIsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSTFCLFdBQVcsQ0FBQyxPQUFlO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFUyxzQkFBc0I7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMscUJBQXFCLEVBQUMsQ0FBQyxDQUFDO0lBQ3RELENBQUM7OEdBWFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IscWFBNUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFxQ08sNnBEQTNDZixXQUFXLDBEQUNYLGlCQUFpQiwrREFDakIsYUFBYSxrc0JBQ2Isb0JBQW9CLG1XQUNwQixRQUFROzsyRkE4Q0MsZ0JBQWdCO2tCQXRENUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixhQUFhO3dCQUNiLG9CQUFvQjt3QkFDcEIsUUFBUTtxQkFDVCxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQXFDTyxtQkFFQSx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxVQUFVO3FCQUNsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuaW1wb3J0IHsgSWNvbkF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvaWNvbic7XG5pbXBvcnQgeyBBY3Rpb25zLCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbnRlcmZhY2UgU2V0dGluZ3Mge1xuICBcbn1cblxuZW51bSBBY3Rpb25JZCB7XG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIGl0ZW0gY2xpY2snLFxuICBSRU1PVkVfU0VSVklDRV9XT1JLRVIgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIHJlbW92ZSBzZXJ2aWNlIHdvcmtlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZXR0aW5ncycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIEljb25BdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgbmF2aWdhdG9yXG4gICAgPlxuICAgICAge3sgdGl0bGUoKSB9fVxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8ZGl2IGNvbnRlbnRzPlxuICAgIDxtYXQtYWN0aW9uLWxpc3Q+XG4gICAgICA8IS0tIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvbkl0ZW1DbGljaygncGF5bWVudC1tZXRob2QnKVwiPlxuICAgICAgICA8c3BhbiBtYXRMaXN0SXRlbVRpdGxlPuaUr+aJleOBhOaWueazlTwvc3Bhbj5cbiAgICAgICAgPGF0b21zLWljb24gbWF0TGlzdEl0ZW1NZXRhIFtuYW1lXT1cIidjaGV2cm9uX3JpZ2h0J1wiIC8+XG4gICAgICA8L21hdC1saXN0LWl0ZW0+IC0tPlxuICAgICAgPG1hdC1saXN0LWl0ZW0gcm9sZT1cImxpc3RpdGVtXCIgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCdwYXltZW50cycpXCI+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtVGl0bGU+5pSv5omV44GE5bGl5q20PC9zcGFuPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbU1ldGEgW25hbWVdPVwiJ2NoZXZyb25fcmlnaHQnXCIgLz5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvblNlcnZpY2VXb3JrZXJSZW1vdmVkKClcIj5TZXJ2aWNlIFdvcmtlcuOBrueZu+mMsuino+mZpDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1hY3Rpb24tbGlzdD5cbiAgICA8bWF0LWxpc3Qgcm9sZT1cImxpc3RcIj5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbUljb24gW25hbWVdPVwiJ25vdGlmaWNhdGlvbnMnXCIgLz5cbiAgICAgICAgPHNwYW4gbWF0TGlzdEl0ZW1UaXRsZT7pgJrnn6Xjga7mnInlirnljJY8L3NwYW4+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtTGluZT7jgqLjg5fjg6rjgqLjgqTjgrPjg7Pjgavjg5Djg4PjgrjjgYzku5jjgY3jgb7jgZk8L3NwYW4+XG4gICAgICAgIDxkaXYgbWF0TGlzdEl0ZW1NZXRhIHN0eWxlPVwiZGlzcGxheTogZmxleDsgaGVpZ2h0OiAxMDAlOyBhbGlnbi1pdGVtczogY2VudGVyXCI+XG4gICAgICAgICAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICAgICAgICAgIGNsYXNzPVwiZXhhbXBsZS1tYXJnaW5cIlxuICAgICAgICAgICAgW2NvbG9yXT1cIidhY2NlbnQnXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cInRydWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1saXN0PlxuICAgIDwvZGl2PlxuICA8L2ZyYW1lcy1zY3JvbGw+YCxcbiAgc3R5bGVVcmw6ICcuL3NldHRpbmdzLnRlbXBsYXRlLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAndGVtcGxhdGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ3NUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ3RpdGxlJyk7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbnM+KFtdKTtcblxuICBwcm90ZWN0ZWQgb25JdGVtQ2xpY2socGF5bG9hZDogc3RyaW5nKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLklURU1fQ0xJQ0ssIHBheWxvYWR9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvblNlcnZpY2VXb3JrZXJSZW1vdmVkKCkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5SRU1PVkVfU0VSVklDRV9XT1JLRVJ9KTtcbiAgfVxufVxuIl19

package/extras/editor/editor.component.d.ts

@@ -1,9 +1,9 @@
-import { ElementRef, EventEmitter, ChangeDetectorRef, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, ChangeDetectorRef, OnInit, AfterViewInit } from '@angular/core';
 import { Extension } from '@codemirror/state';
 import { EditorView } from "codemirror";
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export declare class EditorComponent extends NgAtomicComponent implements OnInit {
+export declare class EditorComponent extends NgAtomicComponent implements OnInit, AfterViewInit {
     readonly content: import("@angular/core").InputSignal<string>;
     readonly _contentChange$: EventEmitter<string>;
     readonly contentChange: EventEmitter<string>;

package/fesm2022/ng-atomic-components-atoms-icon.mjs

@@ -21,7 +21,7 @@ class IconAtom extends NgAtomicComponent {
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-RSsp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-RSsp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-RSsp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-RSsp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-RSsp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-RSsp: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-RSsp: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-RSsp)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-RSsp)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-RGxc: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-RGxc: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-RGxc: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-RGxc: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-RGxc: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-RGxc: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-RGxc: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-RGxc)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-RGxc)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-RSsp: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-RSsp: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-RSsp: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-RSsp: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-RSsp: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-RSsp: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-RSsp: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-RSsp)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-RSsp)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-RGxc: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-RGxc: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-RGxc: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-RGxc: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-RGxc: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-RGxc: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-RGxc: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-RGxc)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-RGxc)}\n"] }]
         }], propDecorators: { color: [{
                 type: HostBinding,
                 args: ['style.--color']

package/fesm2022/ng-atomic-components-extras-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, model, Directive, inject, input, effect, ElementRef, viewChild, Output, EventEmitter, Inject, ChangeDetectorRef, OnInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { html } from \"@codemirror/lang-html\";\nimport prettier from \"prettier/standalone\";\nimport parserHtml from \"prettier/parser-html\";\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { graphql } from 'cm6-graphql';\nimport { distinctUntilChanged } from 'rxjs';\nimport { json } from \"@codemirror/lang-json\";\n\n@Component({\n  selector: 'extras-editor',\n  standalone: true,\n  imports: [\n    CommonModule\n  ],\n  template: ``,\n  styleUrls: ['./editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent extends NgAtomicComponent implements OnInit {\n  readonly content = input<string>('');\n  readonly _contentChange$ = new EventEmitter<string>();\n  @Output() readonly contentChange = new EventEmitter<string>();\n  readonly keyActions = input<{key: string, actionId: string}[]>();\n  readonly extensions = input<Extension[]>([\n    json(),\n  ]);\n  readonly el = inject(ElementRef);\n\n  // readonly state = computed(() => {\n  //   return EditorState.create({\n  //     doc: this.content() ?? '',\n  //     extensions: [\n  //       keymap.of([\n  //         ...(this.keyActions() ?? []).map(({key, actionId}) => ({\n  //           key,\n  //           run: () => (this.dispatch({id: actionId}), true),\n  //         })),\n  //         indentWithTab,\n  //       ]),\n  //       html(),\n  //       ...this.extensions(),\n  //       graphql(),\n  //     ],\n  //   });\n  // });\n\n  editorView!: EditorView;\n\n  readonly cd = inject(ChangeDetectorRef);\n\n  constructor() {\n    super();\n    effect(() => {\n      const selection = this.editorView.state.selection;\n      this.editorView.dispatch(\n        this.editorView.state.update({\n          changes: {\n            from: 0,\n            to: this.editorView.state.doc.length,\n            insert: this.content() ?? '',\n          },\n          selection: selection,\n          scrollIntoView: true,\n        }),\n      );\n    });\n  }\n\n  ngOnInit(): void {\n    this._contentChange$.pipe(\n      distinctUntilChanged(),\n    ).subscribe((content) => {\n      this.contentChange.emit(content);\n    });\n  }\n\n  ngAfterViewInit() {\n    this.editorView?.destroy();\n    this.editorView = new EditorView({\n      state: EditorState.create({\n        doc: ``,\n        extensions: [\n          basicSetup,\n          bracketMatching(),\n          closeBrackets(),\n          history(),\n          autocompletion(),\n          lineNumbers(),\n          oneDark,\n          syntaxHighlighting(oneDarkHighlightStyle),\n          EditorView.updateListener.of((update) => {\n            if (!update.docChanged) return;\n            this._contentChange$.emit(update.state.doc.toString());\n          }),\n          ...this.extensions(),\n        ],\n      }),\n      parent: this.el.nativeElement,\n    })\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-extras-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/extras/editor/editor.component.ts","../../../../../packages/@ng-atomic/components/src/lib/extras/editor/ng-atomic-components-extras-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, model, Directive, inject, input, effect, ElementRef, viewChild, Output, EventEmitter, Inject, ChangeDetectorRef, OnInit, AfterViewInit } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { keymap } from \"@codemirror/view\"\nimport { indentWithTab } from \"@codemirror/commands\"\nimport { history } from '@codemirror/commands';\nimport { autocompletion, closeBrackets } from '@codemirror/autocomplete';\nimport { bracketMatching, syntaxHighlighting } from '@codemirror/language';\nimport { oneDarkHighlightStyle, oneDark } from '@codemirror/theme-one-dark';\nimport { EditorSelection, EditorState, Extension } from '@codemirror/state';\nimport { lineNumbers } from '@codemirror/view';\nimport { basicSetup, EditorView } from \"codemirror\"\nimport { html } from \"@codemirror/lang-html\";\nimport prettier from \"prettier/standalone\";\nimport parserHtml from \"prettier/parser-html\";\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { graphql } from 'cm6-graphql';\nimport { distinctUntilChanged } from 'rxjs';\nimport { json } from \"@codemirror/lang-json\";\n\n@Component({\n  selector: 'extras-editor',\n  standalone: true,\n  imports: [\n    CommonModule\n  ],\n  template: ``,\n  styleUrls: ['./editor.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class EditorComponent extends NgAtomicComponent implements OnInit, AfterViewInit {\n  readonly content = input<string>('');\n  readonly _contentChange$ = new EventEmitter<string>();\n  @Output() readonly contentChange = new EventEmitter<string>();\n  readonly keyActions = input<{key: string, actionId: string}[]>();\n  readonly extensions = input<Extension[]>([\n    json(),\n  ]);\n  readonly el = inject(ElementRef);\n\n  // readonly state = computed(() => {\n  //   return EditorState.create({\n  //     doc: this.content() ?? '',\n  //     extensions: [\n  //       keymap.of([\n  //         ...(this.keyActions() ?? []).map(({key, actionId}) => ({\n  //           key,\n  //           run: () => (this.dispatch({id: actionId}), true),\n  //         })),\n  //         indentWithTab,\n  //       ]),\n  //       html(),\n  //       ...this.extensions(),\n  //       graphql(),\n  //     ],\n  //   });\n  // });\n\n  editorView!: EditorView;\n\n  readonly cd = inject(ChangeDetectorRef);\n\n  constructor() {\n    super();\n    effect(() => {\n      const selection = this.editorView.state.selection;\n      this.editorView.dispatch(\n        this.editorView.state.update({\n          changes: {\n            from: 0,\n            to: this.editorView.state.doc.length,\n            insert: this.content() ?? '',\n          },\n          selection: selection,\n          scrollIntoView: true,\n        }),\n      );\n    });\n  }\n\n  ngOnInit(): void {\n    this._contentChange$.pipe(\n      distinctUntilChanged(),\n    ).subscribe((content) => {\n      this.contentChange.emit(content);\n    });\n  }\n\n  ngAfterViewInit() {\n    this.editorView?.destroy();\n    this.editorView = new EditorView({\n      state: EditorState.create({\n        doc: ``,\n        extensions: [\n          basicSetup,\n          bracketMatching(),\n          closeBrackets(),\n          history(),\n          autocompletion(),\n          lineNumbers(),\n          oneDark,\n          syntaxHighlighting(oneDarkHighlightStyle),\n          EditorView.updateListener.of((update) => {\n            if (!update.docChanged) return;\n            this._contentChange$.emit(update.state.doc.toString());\n          }),\n          ...this.extensions(),\n        ],\n      }),\n      parent: this.el.nativeElement,\n    })\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-app.mjs

@@ -306,7 +306,7 @@ class AppFrame extends NgAtomicComponent {
       </frames-entrance>
     </frames-fab>
   </frames-loading>
-  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-m5hg: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-m5hg: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-m5hg: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-m5hg: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-m5hg: var(--background-color);--on-background-color-SCOPED-IN-frames-app-m5hg: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-m5hg: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-m5hg: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-m5hg: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-m5hg: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-m5hg: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-m5hg: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-m5hg);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-m5hg);--surface-color: var(--surface-color-SCOPED-IN-frames-app-m5hg);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-color-SCOPED-IN-frames-app-m5hg);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-m5hg);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-m5hg);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-m5hg)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-m5hg)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-m5hg)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-background-color-SCOPED-IN-frames-app-m5hg);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-m5hg);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: 
+  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-64hS: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-64hS: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-64hS: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-64hS: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-64hS: var(--background-color);--on-background-color-SCOPED-IN-frames-app-64hS: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-64hS: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-64hS: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-64hS: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-64hS: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-64hS: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-64hS: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-64hS: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-64hS: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-64hS: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-64hS: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-64hS);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-64hS);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-64hS);--surface-color: var(--surface-color-SCOPED-IN-frames-app-64hS);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-64hS);--background-color: var(--background-color-SCOPED-IN-frames-app-64hS);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-64hS);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-64hS);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-64hS)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-64hS)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-64hS)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-64hS);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-64hS);--background-color: var(--background-background-color-SCOPED-IN-frames-app-64hS);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-64hS);height:100%}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: 
                 // DrawerFrameStore,
                 DrawerFrame, selector: "frames-drawer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
 }
@@ -365,7 +365,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.1.2", ng
   </frames-loading>
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                             AppFrameStore,
-                        ], styles: [":host{--primary-color-SCOPED-IN-frames-app-m5hg: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-m5hg: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-m5hg: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-m5hg: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-m5hg: var(--background-color);--on-background-color-SCOPED-IN-frames-app-m5hg: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-m5hg: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-m5hg: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-m5hg: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-m5hg: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-m5hg: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-m5hg: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-m5hg: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-m5hg: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-m5hg);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-m5hg);--surface-color: var(--surface-color-SCOPED-IN-frames-app-m5hg);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-color-SCOPED-IN-frames-app-m5hg);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-m5hg);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-m5hg);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-m5hg)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-m5hg)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-m5hg)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-m5hg);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-m5hg);--background-color: var(--background-background-color-SCOPED-IN-frames-app-m5hg);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-m5hg);height:100%}\n"] }]
+                        ], styles: [":host{--primary-color-SCOPED-IN-frames-app-64hS: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-64hS: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-64hS: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-64hS: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-64hS: var(--background-color);--on-background-color-SCOPED-IN-frames-app-64hS: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-64hS: var(--menu-width);--menu-background-color-SCOPED-IN-frames-app-64hS: var(--menu-background-color);--menu-on-background-color-SCOPED-IN-frames-app-64hS: var(--menu-on-background-color);--background-primary-color-SCOPED-IN-frames-app-64hS: var(--background-primary-color);--background-on-primary-color-SCOPED-IN-frames-app-64hS: var(--background-on-primary-color);--background-background-color-SCOPED-IN-frames-app-64hS: var(--background-background-color);--loading-primary-color-SCOPED-IN-frames-app-64hS: var(--loading-primary-color);--page-width-lv1-SCOPED-IN-frames-app-64hS: var(--page-width-lv1);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-64hS: var(--menu-padding-top);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-64hS: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-64hS);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-64hS);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-64hS);--surface-color: var(--surface-color-SCOPED-IN-frames-app-64hS);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-64hS);--background-color: var(--background-color-SCOPED-IN-frames-app-64hS);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-64hS);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-64hS);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-64hS)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-64hS)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-64hS)}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-64hS);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-64hS);--background-color: var(--background-background-color-SCOPED-IN-frames-app-64hS);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-64hS);height:100%}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 
 /**

package/fesm2022/ng-atomic-components-frames-auto-layout.mjs

@@ -4,13 +4,13 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class AutoLayoutFrame {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-9uaH: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-9uaH: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-9uaH);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-9uaH) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-USaZ: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-USaZ: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-USaZ);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-USaZ) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-9uaH: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-9uaH: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-9uaH);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-9uaH) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-USaZ: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-USaZ: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-USaZ);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-USaZ) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-frames-columns.mjs

@@ -103,7 +103,7 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-Usze: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-NLYl: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-Usze: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-Usze)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-NLYl: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
         }] });
 class ColumnsFrameModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }