@ng-atomic/components 17.14.0 → 18.0.0

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

@@ -5,10 +5,10 @@ import * as i1 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
 class LoadingTemplate {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: LoadingTemplate, isStandalone: true, selector: "templates-loading", ngImport: i0, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LoadingTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: LoadingTemplate, isStandalone: true, selector: "templates-loading", ngImport: i0, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LoadingTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-loading', standalone: true, imports: [
                         CommonModule,

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

@@ -12,13 +12,13 @@ let MenuTemplateStore = class MenuTemplateStore extends InjectableComponent {
         this.actions = input([]);
         this.title = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: MenuTemplateStore, isStandalone: true, selector: "templates-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", 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: MenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: MenuTemplateStore, isStandalone: true, selector: "templates-menu", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 MenuTemplateStore = __decorate([
     TokenizedType()
 ], MenuTemplateStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'templates-menu' }]
         }] });
@@ -27,8 +27,8 @@ class MenuTemplate extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(MenuTemplateStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuTemplate, isStandalone: true, selector: "templates-menu", usesInheritance: true, hostDirectives: [{ directive: MenuTemplateStore, inputs: ["actions", "actions", "title", "title"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MenuTemplate, isStandalone: true, selector: "templates-menu", usesInheritance: true, hostDirectives: [{ directive: MenuTemplateStore, inputs: ["actions", "actions", "title", "title"] }], ngImport: i0, template: `
   <div class="top">
     <organisms-menu-header [title]="store.title()" injectable/>
     <organisms-navigation-list injectable
@@ -37,9 +37,9 @@ class MenuTemplate extends NgAtomicComponent {
     />
   </div>
   <organisms-menu-footer injectable/>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1j8B: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1j8B: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1j8B: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1j8B: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1j8B: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1j8B: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1j8B: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1j8B: var(--width);--height: 100%;--height-SCOPED-IN-menu-1j8B: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1j8B);height:var(--height-SCOPED-IN-menu-1j8B);color:var(--on-background-color-SCOPED-IN-menu-1j8B);background-color:var(--background-color-SCOPED-IN-menu-1j8B);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1j8B);--background-color: var(--background-color-SCOPED-IN-menu-1j8B);--surface-color: var(--surface-color-SCOPED-IN-menu-1j8B);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1j8B);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1j8B);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1j8B)}\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-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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         MenuHeaderOrganismStore,
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImpor
                             directive: MenuTemplateStore,
                             inputs: ['actions', 'title'],
                         },
-                    ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-menu-1j8B: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-menu-1j8B: var(--background-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-menu-1j8B: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-menu-1j8B: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-menu-1j8B: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-menu-1j8B: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-menu-1j8B: var(--on-surface-color);--width: 100%;--width-SCOPED-IN-menu-1j8B: var(--width);--height: 100%;--height-SCOPED-IN-menu-1j8B: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-1j8B);height:var(--height-SCOPED-IN-menu-1j8B);color:var(--on-background-color-SCOPED-IN-menu-1j8B);background-color:var(--background-color-SCOPED-IN-menu-1j8B);transition:background-color .5s ease-in-out,width .5s}:host *{--primary-color: var(--primary-color-SCOPED-IN-menu-1j8B);--background-color: var(--background-color-SCOPED-IN-menu-1j8B);--surface-color: var(--surface-color-SCOPED-IN-menu-1j8B);--on-primary-color: var(--on-primary-color-SCOPED-IN-menu-1j8B);--on-background-color: var(--on-background-color-SCOPED-IN-menu-1j8B);--on-surface-color: var(--on-surface-color-SCOPED-IN-menu-1j8B)}\n"] }]
+                    ], 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"] }]
         }] });
 
 /**

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

@@ -32,8 +32,8 @@ class MessagesTemplate {
             setTimeout(() => this.scrollFrame.scrollToBottom());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { title: "title", navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", actions: "actions", placeholder: "placeholder", isMessageCreating: "isMessageCreating", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scrollFrame", first: true, predicate: ScrollFrame, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { title: "title", navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", actions: "actions", placeholder: "placeholder", isMessageCreating: "isMessageCreating", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, viewQueries: [{ propertyName: "scrollFrame", first: true, predicate: ScrollFrame, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
     <frames-scroll>
       <organisms-navigator
         [startActions]="navStartActions"
@@ -61,7 +61,7 @@ class MessagesTemplate {
     </frames-scroll>
   `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block}:host .message{display:block;height:100%;position:relative}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages", "isMessageCreating"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MessagesTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: MessagesTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-messages', standalone: true, imports: [
                         CommonModule,

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-messages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/messages/messages.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/messages/ng-atomic-components-templates-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';\nimport { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';\nimport { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\n\n\n@Component({\n  selector: 'templates-messages',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MessagesSectionOrganism,\n    MessageInputSectionOrganism,\n    TextareaSectionOrganism,\n    ScrollFrame,\n    NavigatorOrganism,\n  ],\n  template: `\n    <frames-scroll>\n      <organisms-navigator\n        [startActions]=\"navStartActions\"\n        [endActions]=\"navEndActions\"\n        (action)=\"action.emit($event)\"\n        top\n      >\n        <span> {{ title }} </span>\n      </organisms-navigator>\n      <organisms-messages-section\n        [isMessageCreating]=\"isMessageCreating\"\n        [messages]=\"messages\"\n        contents\n      />\n      <organisms-textarea-section\n        [actions]=\"actions\"\n        [control]=\"form.get(['message'])\"\n        [rows]=\"3\"\n        [floatLabel]=\"'always'\"\n        [label]=\"'入力'\"\n        [placeholder]=\"placeholder\"\n        (action)=\"action.emit($event)\"\n        bottom\n      />\n    </frames-scroll>\n  `,\n  styleUrls: ['./messages.template.scss'],\n  host: { class: 'template' },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessagesTemplate {\n  @Input() title = 'title';\n  @Input() navStartActions: Action[] = [];\n  @Input() navEndActions: Action[] = [];\n  @Input() messages: {role: string, content: string}[] = [];\n  @Input() actions: Action[] = [];\n  @Input() placeholder = 'メッセージを入力';\n  @Input() isMessageCreating: false | string = false;\n\n  @Input()\n  form = new FormGroup({\n    name: new FormControl(''),\n    description: new FormControl(''),\n    message: new FormControl(''),\n  });\n\n  @Output() action = new EventEmitter<Action>();\n\n  @ViewChild(ScrollFrame, {static: true})\n  scrollFrame: ScrollFrame;\n\n  ngAfterViewInit() {\n    this.scrollFrame.scrollToBottom();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.messages && this.scrollFrame.isScrollBottom()) {\n      setTimeout(() => this.scrollFrame.scrollToBottom());\n    }\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-templates-messages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/messages/messages.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/messages/ng-atomic-components-templates-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, SimpleChanges, ViewChild, AfterViewInit, OnChanges } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';\nimport { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';\nimport { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/core';\n\n\n@Component({\n  selector: 'templates-messages',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MessagesSectionOrganism,\n    MessageInputSectionOrganism,\n    TextareaSectionOrganism,\n    ScrollFrame,\n    NavigatorOrganism,\n  ],\n  template: `\n    <frames-scroll>\n      <organisms-navigator\n        [startActions]=\"navStartActions\"\n        [endActions]=\"navEndActions\"\n        (action)=\"action.emit($event)\"\n        top\n      >\n        <span> {{ title }} </span>\n      </organisms-navigator>\n      <organisms-messages-section\n        [isMessageCreating]=\"isMessageCreating\"\n        [messages]=\"messages\"\n        contents\n      />\n      <organisms-textarea-section\n        [actions]=\"actions\"\n        [control]=\"form.get(['message'])\"\n        [rows]=\"3\"\n        [floatLabel]=\"'always'\"\n        [label]=\"'入力'\"\n        [placeholder]=\"placeholder\"\n        (action)=\"action.emit($event)\"\n        bottom\n      />\n    </frames-scroll>\n  `,\n  styleUrls: ['./messages.template.scss'],\n  host: { class: 'template' },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessagesTemplate implements AfterViewInit, OnChanges {\n  @Input() title = 'title';\n  @Input() navStartActions: Action[] = [];\n  @Input() navEndActions: Action[] = [];\n  @Input() messages: {role: string, content: string}[] = [];\n  @Input() actions: Action[] = [];\n  @Input() placeholder = 'メッセージを入力';\n  @Input() isMessageCreating: false | string = false;\n\n  @Input()\n  form = new FormGroup({\n    name: new FormControl(''),\n    description: new FormControl(''),\n    message: new FormControl(''),\n  });\n\n  @Output() action = new EventEmitter<Action>();\n\n  @ViewChild(ScrollFrame, {static: true})\n  scrollFrame: ScrollFrame;\n\n  ngAfterViewInit() {\n    this.scrollFrame.scrollToBottom();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes.messages && this.scrollFrame.isScrollBottom()) {\n      setTimeout(() => this.scrollFrame.scrollToBottom());\n    }\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-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-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 }); }
 }
 __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-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"] }]
         }], 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%-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 }); }
 }
-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%-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"] }]
         }] });
 
 /**

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/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>;