@ng-atomic/components 17.14.0 → 18.1.0

package/fesm2022/ng-atomic-components-templates-selection.mjs

@@ -30,10 +30,10 @@ class SelectionTemplateStore extends InjectableComponent {
         this.items = input([]);
         this.selection = input(new SelectionModel(false));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: SelectionTemplateStore, isStandalone: true, selector: "templates-selection", inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectionTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: SelectionTemplateStore, isStandalone: true, selector: "templates-selection", inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, itemActions: { classPropertyName: "itemActions", publicName: "itemActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectionTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'templates-selection' }]
         }] });
@@ -46,8 +46,8 @@ class SelectionTemplate extends NgAtomicComponent {
     toggleOption(item) {
         this.dispatch({ id: ActionId.TOGGLE_OPTION, payload: item });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SelectionTemplate, isStandalone: true, selector: "templates-selection", host: { classAttribute: "template" }, usesInheritance: true, hostDirectives: [{ directive: SelectionTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "actions", "actions", "itemActions", "itemActions", "title", "title", "items", "items", "selection", "selection"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectionTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SelectionTemplate, isStandalone: true, selector: "templates-selection", host: { classAttribute: "template" }, usesInheritance: true, hostDirectives: [{ directive: SelectionTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "actions", "actions", "itemActions", "itemActions", "title", "title", "items", "items", "selection", "selection"] }], ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator 
       [startActions]="store.navStartActions()"
@@ -70,7 +70,7 @@ 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-4t9n: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-4t9n: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-4t9n: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-4t9n: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-4t9n: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-4t9n: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-4t9n: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-4t9n: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-4t9n: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-4t9n);--navigator-background-color-SCOPED-IN-selection-4t9n: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--navigator-on-background-color-SCOPED-IN-selection-4t9n: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-4t9n: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-4t9n: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-4t9n);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-4t9n);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-4t9n)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-4t9n);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--surface-color: var(--surface-color-SCOPED-IN-selection-4t9n);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-4t9n);--background-color: var(--background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--on-background-color-SCOPED-IN-selection-4t9n)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-4t9n)}: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-9FOm: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-9FOm: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-9FOm: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-9FOm: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-9FOm: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-9FOm: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-9FOm: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-9FOm: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-9FOm: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-9FOm);--navigator-background-color-SCOPED-IN-selection-9FOm: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--navigator-on-background-color-SCOPED-IN-selection-9FOm: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-9FOm: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-9FOm: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-9FOm);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-9FOm);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-9FOm)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-9FOm);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--surface-color: var(--surface-color-SCOPED-IN-selection-9FOm);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-9FOm);--background-color: var(--background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-9FOm)}: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),
@@ -78,7 +78,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], SelectionTemplate.prototype, "toggleOption", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SelectionTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-selection', standalone: true, imports: [
                         ScrollFrame,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.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-4t9n: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-4t9n: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-4t9n: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-4t9n: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-4t9n: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-4t9n: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-4t9n: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-4t9n: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-4t9n: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-4t9n);--navigator-background-color-SCOPED-IN-selection-4t9n: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--navigator-on-background-color-SCOPED-IN-selection-4t9n: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-4t9n: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-4t9n: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-4t9n);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-4t9n);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-4t9n)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-4t9n);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-4t9n);--surface-color: var(--surface-color-SCOPED-IN-selection-4t9n);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-4t9n);--background-color: var(--background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--on-background-color-SCOPED-IN-selection-4t9n)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-4t9n);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-4t9n)}: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-9FOm: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-9FOm: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-9FOm: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-9FOm: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-9FOm: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-9FOm: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-9FOm: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-9FOm: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-9FOm: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-9FOm);--navigator-background-color-SCOPED-IN-selection-9FOm: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--navigator-on-background-color-SCOPED-IN-selection-9FOm: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-9FOm: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-9FOm: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-9FOm);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-9FOm);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-9FOm)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-9FOm);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-9FOm);--surface-color: var(--surface-color-SCOPED-IN-selection-9FOm);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-9FOm);--background-color: var(--background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-9FOm);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-9FOm)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
         }], propDecorators: { toggleOption: [] } });
 
 /**

package/fesm2022/ng-atomic-components-templates-settings.mjs

@@ -27,8 +27,8 @@ class SettingsTemplate extends NgAtomicComponent {
     onServiceWorkerRemoved() {
         this.dispatch({ id: ActionId.REMOVE_SERVICE_WORKER });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SettingsTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.2.2", type: SettingsTemplate, isStandalone: true, selector: "templates-settings", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "template" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SettingsTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.2", type: SettingsTemplate, isStandalone: true, selector: "templates-settings", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "template" }, usesInheritance: true, ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator
       [startActions]="navStartActions()"
@@ -65,9 +65,9 @@ class SettingsTemplate extends NgAtomicComponent {
       </mat-list-item>
     </mat-list>
     </div>
-  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-SWJL: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-SWJL: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-SWJL: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-SWJL: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-SWJL: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-SWJL: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-SWJL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-SWJL);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-SWJL);--background-color: var(--background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-SWJL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL)}\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%-Mrvd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mrvd: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mrvd: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mrvd: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mrvd: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mrvd: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mrvd);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mrvd);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mrvd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd)}\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: "17.2.2", ngImport: i0, type: SettingsTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-settings', standalone: true, imports: [
                         ScrollFrame,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-SWJL: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-SWJL: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-SWJL: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-SWJL: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-SWJL: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-SWJL: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-SWJL: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-SWJL);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-SWJL);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-SWJL);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-SWJL);--background-color: var(--background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-SWJL)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-SWJL);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-SWJL)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-Mrvd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-Mrvd: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-Mrvd: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-Mrvd: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-Mrvd: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-Mrvd: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-Mrvd);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-Mrvd);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-Mrvd);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-Mrvd);--background-color: var(--background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-Mrvd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-Mrvd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-Mrvd)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-templates-tab-editor.mjs

@@ -14,8 +14,8 @@ class TabEditorTemplate extends NgAtomicComponent {
         this.trackByHash = (file) => `${file.name}-${file.lastModified}`;
         this.files = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabEditorTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TabEditorTemplate, isStandalone: true, selector: "templates-tab-editor", inputs: { files: "files" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TabEditorTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: TabEditorTemplate, isStandalone: true, selector: "templates-tab-editor", inputs: { files: "files" }, usesInheritance: true, ngImport: i0, template: `
       <!-- <organisms-toolbar
         [form]="store.form"
         [actions]="store.actions"
@@ -40,7 +40,7 @@ class TabEditorTemplate extends NgAtomicComponent {
       </mat-tab-group>
   `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host mat-tab-group{height:calc(100% - 56px)}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: CodeEditorTemplate, selector: "templates-code-editor" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabEditorTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TabEditorTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-tab-editor', standalone: true, imports: [
                         CommonModule,

package/fesm2022/ng-atomic-components-templates-term.mjs

@@ -26,10 +26,10 @@ class TermTemplateStore extends InjectableComponent {
         this.src = input('title');
         this.data = input('data');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TermTemplateStore, isStandalone: true, inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TermTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: TermTemplateStore, isStandalone: true, inputs: { navStartActions: { classPropertyName: "navStartActions", publicName: "navStartActions", isSignal: true, isRequired: false, transformFunction: null }, navEndActions: { classPropertyName: "navEndActions", publicName: "navEndActions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TermTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -39,8 +39,8 @@ class TermTemplate extends NgAtomicComponent {
         this.store = inject(TermTemplateStore);
     }
     static { this.ActionId = ActionId; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TermTemplate, isStandalone: true, selector: "templates-term", usesInheritance: true, hostDirectives: [{ directive: TermTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "title", "title", "src", "src", "data", "data"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TermTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: TermTemplate, isStandalone: true, selector: "templates-term", usesInheritance: true, hostDirectives: [{ directive: TermTemplateStore, inputs: ["navStartActions", "navStartActions", "navEndActions", "navEndActions", "title", "title", "src", "src", "data", "data"] }], ngImport: i0, template: `
   <frames-scroll>
     <organisms-navigator 
       [startActions]="store.navStartActions()"
@@ -58,7 +58,7 @@ class TermTemplate extends NgAtomicComponent {
   </frames-scroll>
   `, isInline: true, styles: [":host{display:block;width:100%;height:100%;font-size:12px}:host frames-scroll markdown{display:block;width:100%;min-height:100%;box-sizing:border-box;padding:16px 32px 0;background-color:#fff}:host frames-scroll markdown ::ng-deep{color:#5c5c5c}:host frames-scroll markdown ::ng-deep h1{margin-block-start:0em;margin-block-end:0em;font-size:2em;color:#3d3d3d}:host frames-scroll markdown ::ng-deep h2{margin-block-start:1.5em;margin-block-end:1em;font-size:1.5em;font-weight:700;color:#3d3d3d}:host frames-scroll markdown ::ng-deep ul{margin-block-start:0px;padding-inline-start:16px;list-style-type:decimal}:host frames-scroll markdown ::ng-deep p{word-break:break-all}\n"], dependencies: [{ kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "component", type: HeaderMolecule, selector: "molecules-header" }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i1.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: TermTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-term', standalone: true, imports: [
                         NavigatorOrganism,

package/fesm2022/ng-atomic-components-templates.mjs

@@ -41,11 +41,11 @@ class NgAtomicTemplatesModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicTemplatesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicTemplatesModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicTemplatesModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicTemplatesModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicTemplatesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicTemplatesModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });

package/fesm2022/ng-atomic-components.mjs

@@ -28,13 +28,13 @@ class NgAtomicComponentsModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
             MatSnackBarModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
             MatSnackBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: NgAtomicComponentsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/frames/app/app.frame.d.ts

@@ -20,10 +20,10 @@ export declare class AppFrameStore extends InjectableComponent {
             isLoading: boolean;
             sideAppOpened: boolean;
             title: string;
-            form: AbstractControl<any, any>;
+            form: AbstractControl;
             entranceActions: Actions;
             sideNavActions: Actions;
-            sideNavMode: "collapsed" | "expanded";
+            sideNavMode: "expanded" | "collapsed";
             sideNavMenuType: "menu" | "icon-button-menu";
             sideNavMenuTitle: string;
             sideAppOutletName: string;
@@ -35,10 +35,10 @@ export declare class AppFrameStore extends InjectableComponent {
             isLoading: boolean;
             sideAppOpened: boolean;
             title: string;
-            form: AbstractControl<any, any>;
+            form: AbstractControl;
             entranceActions: Actions;
             sideNavActions: Actions;
-            sideNavMode: "collapsed" | "expanded";
+            sideNavMode: "expanded" | "collapsed";
             sideNavMenuType: "menu" | "icon-button-menu";
             sideNavMenuTitle: string;
             sideAppOutletName: string;
@@ -47,38 +47,38 @@ export declare class AppFrameStore extends InjectableComponent {
     static provideAppServiceConfig: () => import("@angular/core").Provider;
     static provideIconButtonMenuAsDefaultConfig(): import("@angular/core").Provider[];
     static Initializer: {
-        provide<SI extends (store: AppFrameStore) => void | Promise<void>>(initializer: SI): {
-            provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+        provide<SI extends (store: AppFrameStore) => Promise<void> | void>(initializer: SI): {
+            provide: import("@angular/core").InjectionToken<(store: any) => Promise<void> | void>;
             useValue: {
                 key: new () => AppFrameStore;
-                initializer: (store: AppFrameStore) => void | Promise<void>;
+                initializer: (store: AppFrameStore) => Promise<void> | void;
             };
             multi: boolean;
         }[];
-        inject(): ((store: AppFrameStore) => void | Promise<void>)[];
+        inject(): ((store: AppFrameStore) => Promise<void> | void)[];
         initializeStore(store: AppFrameStore): Promise<void>;
     };
-    static provideInitializer: <SI extends (store: AppFrameStore) => void | Promise<void>>(initializer: SI) => {
-        provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+    static provideInitializer: <SI extends (store: AppFrameStore) => Promise<void> | void>(initializer: SI) => {
+        provide: import("@angular/core").InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => AppFrameStore;
-            initializer: (store: AppFrameStore) => void | Promise<void>;
+            initializer: (store: AppFrameStore) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideExpandSideAppOnInit(): {
-        provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+        provide: import("@angular/core").InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => AppFrameStore;
-            initializer: (store: AppFrameStore) => void | Promise<void>;
+            initializer: (store: AppFrameStore) => Promise<void> | void;
         };
         multi: boolean;
     }[];
     static provideSideNavActionsInitializer(actionsFactory: () => Action[]): {
-        provide: import("@angular/core").InjectionToken<(store: any) => void | Promise<void>>;
+        provide: import("@angular/core").InjectionToken<(store: any) => Promise<void> | void>;
         useValue: {
             key: new () => AppFrameStore;
-            initializer: (store: AppFrameStore) => void | Promise<void>;
+            initializer: (store: AppFrameStore) => Promise<void> | void;
         };
         multi: boolean;
     }[];
@@ -98,10 +98,10 @@ export declare class AppFrameStore extends InjectableComponent {
         isLoading: boolean;
         sideAppOpened: boolean;
         title: string;
-        form: AbstractControl<any, any>;
+        form: AbstractControl;
         entranceActions: Actions;
         sideNavActions: Actions;
-        sideNavMode: "collapsed" | "expanded";
+        sideNavMode: "expanded" | "collapsed";
         sideNavMenuType: "menu" | "icon-button-menu";
         sideNavMenuTitle: string;
         sideAppOutletName: string;

package/frames/divider/divider.frame.d.ts

@@ -13,6 +13,7 @@ export declare class DividerFrame extends NgAtomicComponent {
     protected firstContentHeight: number;
     readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
     readonly divider: Signal<ElementRef<HTMLDivElement>>;
+    readonly dragging: import("@angular/core").WritableSignal<boolean>;
     protected onDragStart($event: CdkDragStart): void;
     protected onDragMoved($event: CdkDragMove): void;
     protected onDragEnd($event: CdkDragMove): void;

package/frames/fab/fab.frame.d.ts

@@ -5,16 +5,16 @@ import * as i0 from "@angular/core";
 export declare class FabFrameStore {
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
-            actions: Action<any>[];
+            actions: Action[];
             hide: boolean;
         }>, label?: string): import("@angular/core").Provider;
         inject(): import("@angular/core").Signal<{
-            actions: Action<any>[];
+            actions: Action[];
             hide: boolean;
         }>;
     };
     readonly config: import("@angular/core").Signal<{
-        actions: Action<any>[];
+        actions: Action[];
         hide: boolean;
     }>;
     readonly actions: import("@angular/core").InputSignal<Action<any>[]>;

package/frames/line-up/line-up.frame.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class LineUpFrameStore {
     readonly scope: import("@angular/core").InputSignal<string>;
@@ -6,7 +6,7 @@ export declare class LineUpFrameStore {
     static ɵfac: i0.ɵɵFactoryDeclaration<LineUpFrameStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LineUpFrameStore, "frames-line-up", never, { "scope": { "alias": "scope"; "required": false; "isSignal": true; }; "hasNext": { "alias": "hasNext"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class LineUpFrame implements OnInit, OnDestroy {
+export declare class LineUpFrame implements OnInit, OnDestroy, AfterViewInit {
     protected store: LineUpFrameStore;
     private service;
     private el;

package/frames/side-nav/side-nav.frame.d.ts

@@ -6,8 +6,8 @@ import * as i0 from "@angular/core";
 export declare function injectSideNavMode(): WritableSignal<'collapsed' | 'expanded'>;
 export declare class SideNavFrameStore extends InjectableComponent {
     static getMode: (context: UIContext) => "collapsed" | "expanded";
-    static getFrameType: (context: UIContext) => 'lineup' | 'drawer';
-    static getMenuType: (context: UIContext) => 'menu' | 'icon-button-menu';
+    static getFrameType: (context: UIContext) => "lineup" | "drawer";
+    static getMenuType: (context: UIContext) => "menu" | "icon-button-menu";
     static readonly Config: {
         provide(useFactory?: import("@ng-atomic/common/services/ui").ReducerFactory<{
             actions: any[];

package/frames/tabs/tabs.frame.d.ts

@@ -1,6 +1,6 @@
-import { ElementRef, QueryList } from '@angular/core';
+import { ElementRef, QueryList, AfterContentInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TabsFrame {
+export declare class TabsFrame implements AfterContentInit {
     tabContents: QueryList<ElementRef>;
     tabs: any[];
     ngAfterContentInit(): void;

package/molecules/action-input-field/action-input-field.molecule.d.ts

@@ -1,10 +1,11 @@
+import { AfterViewInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatInput } from '@angular/material/input';
 import { Action } from '@ng-atomic/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import { MatFormField } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
-export declare class ActionInputFieldMolecule extends NgAtomicComponent {
+export declare class ActionInputFieldMolecule extends NgAtomicComponent implements AfterViewInit {
     formField: MatFormField;
     input: MatInput;
     appearance: 'outline' | 'fill';

package/molecules/actions-column/actions-column.molecule.d.ts

@@ -1,4 +1,5 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import { OnInit } from '@angular/core';
 import { Actions, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class ActionsColumnMoleculeStore extends InjectableComponent {
@@ -34,7 +35,7 @@ export declare class ActionsColumnMoleculeStore extends InjectableComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMoleculeStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ActionsColumnMoleculeStore, never, never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "itemActions": { "alias": "itemActions"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class ActionsColumnMolecule<T> extends NgAtomicComponent {
+export declare class ActionsColumnMolecule extends NgAtomicComponent implements OnInit {
     private _table;
     protected store: ActionsColumnMoleculeStore;
     readonly columnDef: import("@angular/core").Signal<CdkColumnDef>;
@@ -43,6 +44,6 @@ export declare class ActionsColumnMolecule<T> extends NgAtomicComponent {
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule<any>, "molecules-actions-column", never, {}, {}, never, never, true, [{ directive: typeof ActionsColumnMoleculeStore; inputs: { "headerText": "headerText"; "name": "name"; "itemActions": "itemActions"; }; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionsColumnMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsColumnMolecule, "molecules-actions-column", never, {}, {}, never, never, true, [{ directive: typeof ActionsColumnMoleculeStore; inputs: { "headerText": "headerText"; "name": "name"; "itemActions": "itemActions"; }; outputs: {}; }]>;
 }

package/molecules/checkbox-column/checkbox-column.molecule.d.ts

@@ -1,5 +1,6 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
+import { OnInit } from '@angular/core';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
@@ -7,7 +8,7 @@ declare enum ActionId {
     CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Checkbox Click",
     HEADER_CHECKBOX_CLICK = "[@ng-atomic/components/molecules/checkbox-column] Header Checkbox Click"
 }
-export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent {
+export declare class CheckboxColumnMolecule<T> extends NgAtomicComponent implements OnInit {
     static readonly ActionId: typeof ActionId;
     private _table;
     readonly name: import("@angular/core").InputSignal<string>;

package/molecules/chips-input-field/chips-input-field.molecule.d.ts

@@ -1,4 +1,5 @@
 import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';
+import { OnInit } from '@angular/core';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { FormControl } from '@angular/forms';
@@ -54,7 +55,7 @@ export declare class ChipsInputFieldMoleculeStore extends InjectableComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputFieldMoleculeStore, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputFieldMoleculeStore, "molecules-chips-input-field", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class ChipsInputFieldMolecule extends NgAtomicComponent {
+export declare class ChipsInputFieldMolecule extends NgAtomicComponent implements OnInit {
     private readonly destroyRef;
     private readonly cd;
     protected readonly chipsManager: ChipsManager;

package/molecules/file-input-field/file-input-field.molecule.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
@@ -7,7 +7,7 @@ declare enum ActionId {
     FILE_SELECTED = "[@ng-atomic/components/molecules/file-input-field] File selected",
     CANCEL = "[@ng-atomic/components/molecules/file-input-field] Cancel"
 }
-export declare class FileInputFieldStore {
+export declare class FileInputFieldStore implements OnInit {
     readonly control: import("@angular/core").InputSignal<FormControl<any>>;
     readonly control$: import("rxjs").Observable<FormControl<any>>;
     readonly controlValue$: import("rxjs").Observable<any>;

package/molecules/molecules.module.d.ts

@@ -5,7 +5,7 @@ export declare class NgAtomicMoleculesModule {
         ngModule: typeof NgAtomicMoleculesModule;
         providers: (import("@angular/core").Provider | {
             provide: any;
-            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/actions-column").ActionsColumnMolecule<unknown>>>;
+            useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/actions-column").ActionsColumnMolecule>>;
         } | {
             provide: any;
             useValue: () => Promise<import("@angular/core").Type<import("@ng-atomic/components/molecules/chips-input-field").ChipsInputFieldMolecule>>;

package/molecules/smart-column/smart-column.molecule.d.ts

@@ -1,5 +1,5 @@
 import { CdkCellDef, CdkColumnDef, CdkHeaderCellDef } from '@angular/cdk/table';
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class SmartColumnTemplateStore<T> {
@@ -8,7 +8,7 @@ export declare class SmartColumnTemplateStore<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnTemplateStore<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SmartColumnTemplateStore<any>, never, never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare class SmartColumnMolecule<T> extends NgAtomicComponent {
+export declare class SmartColumnMolecule extends NgAtomicComponent implements OnInit {
     protected store: SmartColumnTemplateStore<any>;
     private _table;
     readonly headerText: import("@angular/core").InputSignal<string>;
@@ -21,6 +21,6 @@ export declare class SmartColumnMolecule<T> extends NgAtomicComponent {
     ngOnDestroy(): void;
     headerClick: EventEmitter<void>;
     protected copied(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule<any>, "molecules-smart-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; }, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof SmartColumnTemplateStore; inputs: { "sort": "sort"; }; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartColumnMolecule, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartColumnMolecule, "molecules-smart-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; }, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof SmartColumnTemplateStore; inputs: { "sort": "sort"; }; outputs: {}; }]>;
 }

package/molecules/tree-column/tree-column.molecule.d.ts

@@ -6,8 +6,9 @@ export declare class TreeColumnMoleculeStore {
     readonly headerText: import("@angular/core").InputSignal<string>;
     readonly sort: import("@angular/core").InputSignal<"asc" | "desc" | "none">;
     readonly treeControl: import("@angular/core").InputSignal<FlatTreeControl<any, any>>;
+    readonly width: import("@angular/core").InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMoleculeStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeColumnMoleculeStore, "molecules-tree-column", never, { "headerText": { "alias": "headerText"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "treeControl": { "alias": "treeControl"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     protected store: TreeColumnMoleculeStore;
@@ -15,5 +16,5 @@ export declare class TreeColumnMolecule<T> extends MatTextColumn<T> {
     text: string;
     copied(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeColumnMolecule<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeColumnMolecule<any>, "molecules-tree-column", never, {}, { "headerClick": "headerClick"; }, never, never, true, [{ directive: typeof TreeColumnMoleculeStore; inputs: { "headerText": "headerText"; "sort": "sort"; "treeControl": "treeControl"; "width": "width"; }; outputs: {}; }]>;
 }

package/organisms/chips-input-section/chips-input-section.organism.d.ts

@@ -3,11 +3,15 @@ import { InjectableComponent } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
 export declare class ChipsInputSectionOrganismStore extends InjectableComponent {
     readonly control: import("@angular/core").InputSignal<FormControl<string>>;
+    readonly appearance: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly hint: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputSectionOrganismStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputSectionOrganismStore, "organisms-chips-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChipsInputSectionOrganismStore, "organisms-chips-input-section", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 export declare class ChipsInputSectionOrganism {
     protected store: ChipsInputSectionOrganismStore;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsInputSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputSectionOrganism, "organisms-chips-input-section", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputSectionOrganismStore; inputs: { "control": "control"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipsInputSectionOrganism, "organisms-chips-input-section", never, {}, {}, never, never, true, [{ directive: typeof ChipsInputSectionOrganismStore; inputs: { "control": "control"; "appearance": "appearance"; "placeholder": "placeholder"; "label": "label"; "hint": "hint"; }; outputs: {}; }]>;
 }

package/organisms/graphql-editor/graphql-editor.organism.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { EditorState } from '@codemirror/state';
 import { FormControl } from '@angular/forms';
 import { Action } from '@ng-atomic/core';
@@ -12,7 +12,7 @@ export declare enum ActionId {
     EXECUTE = "execute",
     SAVE = "save"
 }
-export declare class GraphqlEditorOrganism extends NgAtomicComponent {
+export declare class GraphqlEditorOrganism extends NgAtomicComponent implements OnInit {
     private readonly schema$;
     control: FormControl<string>;
     state: EditorState;

package/organisms/mermaid-section/mermaid-section.organism.d.ts

@@ -1,6 +1,6 @@
-import { ElementRef, NgZone, OnChanges, SimpleChanges } from '@angular/core';
+import { ElementRef, NgZone, OnChanges, SimpleChanges, OnInit, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MermaidSectionOrganism implements OnChanges {
+export declare class MermaidSectionOrganism implements OnChanges, OnInit, AfterViewInit {
     private ngZone;
     constructor(ngZone: NgZone);
     view: ElementRef<HTMLElement>;