@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1,9 +1,9 @@
 import { __decorate, __metadata } from "tslib";
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';
 import { HeaderMolecule } from '@ng-atomic/components/molecules/header';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
+import { InjectableComponent } from '@ng-atomic/core';
 import { Effect, NgAtomicComponent } from '@ng-atomic/core';
 import { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';
 import { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';
@@ -15,61 +15,62 @@ var ActionId;
     ActionId["SUBMIT"] = "[@ng-atomic/components/templates/selection] Submit";
     ActionId["TOGGLE_OPTION"] = "[@ng-atomic/components/templates/selection-list] Toggle Option";
 })(ActionId || (ActionId = {}));
+export class SelectionTemplateStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.navStartActions = input([
+            { id: ActionId.BACK, icon: 'arrow_back', name: 'Back' },
+        ]);
+        this.navEndActions = input([]);
+        this.actions = input([
+            { id: ActionId.SUBMIT, icon: 'check', name: 'Submit', color: 'primary' },
+        ]);
+        this.itemActions = input(() => []);
+        this.title = input('');
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'templates-selection' }]
+        }] });
 export class SelectionTemplate extends NgAtomicComponent {
     constructor() {
         super(...arguments);
-        this.navStartActions = [
-            {
-                id: ActionId.BACK,
-                icon: 'arrow_back',
-                name: 'Back',
-            }
-        ];
-        this.navEndActions = [];
-        this.actions = [
-            {
-                id: ActionId.SUBMIT,
-                icon: 'check',
-                name: 'Submit',
-            },
-        ];
-        this.itemActions = () => [];
-        this.title = '';
-        this.items = [];
-        this.selection = new SelectionModel(false);
+        this.store = inject(SelectionTemplateStore);
     }
     static { this.ActionId = ActionId; }
     toggleOption(item) {
-        this.dispatch({
-            id: ActionId.TOGGLE_OPTION,
-            payload: item,
-        });
+        this.dispatch({ id: ActionId.TOGGLE_OPTION, payload: item });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectionTemplate, isStandalone: true, selector: "templates-selection", inputs: { navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions", itemActions: "itemActions", title: "title", items: "items", selection: "selection" }, host: { classAttribute: "template" }, usesInheritance: true, ngImport: i0, template: `
+    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: `
   <frames-scroll>
     <organisms-navigator 
-      [startActions]="navStartActions"
-      [endActions]="navEndActions"
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
       (action)="dispatch($event)"
       top
     >
-      <molecules-header [title]="title"></molecules-header>
+      <molecules-header [title]="store.title()" />
     </organisms-navigator>
     <organisms-selection-list
-      [items]="items"
-      [itemActions]="itemActions"
-      [selection]="selection"
+      [items]="store.items()"
+      [itemActions]="store.itemActions()"
+      [selection]="store.selection()"
       (action)="dispatch($event)"
       contents
-    ></organisms-selection-list>
+    />
     <organisms-action-buttons-section
-      [actions]="actions"
+      [actions]="store.actions()"
       (action)="dispatch($event)"
       bottom
-    ></organisms-action-buttons-section>
+    />
   </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "component", type: SelectionListOrganism, selector: "organisms-selection-list", inputs: ["items", "itemActions", "selection"] }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:#fff;display:block;--navigator-height: 56px;--navigator-height-SCOPED-IN-selection-FTtd: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-FTtd: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-FTtd: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-FTtd: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-FTtd: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-FTtd: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-FTtd: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-FTtd: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-FTtd: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-FTtd);--navigator-background-color-SCOPED-IN-selection-FTtd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-FTtd);--navigator-on-background-color-SCOPED-IN-selection-FTtd: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-FTtd: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-FTtd: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-FTtd);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-FTtd);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-FTtd)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-FTtd);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-FTtd);--surface-color: var(--surface-color-SCOPED-IN-selection-FTtd);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-FTtd);--background-color: var(--background-color-SCOPED-IN-selection-FTtd);--on-background-color: var(--on-background-color-SCOPED-IN-selection-FTtd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-FTtd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-FTtd)}: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),
@@ -77,10 +78,9 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], SelectionTemplate.prototype, "toggleOption", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SelectionTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-selection', standalone: true, imports: [
-                        CommonModule,
                         ScrollFrame,
                         NavigatorOrganism,
                         HeaderMolecule,
@@ -89,40 +89,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: `
   <frames-scroll>
     <organisms-navigator 
-      [startActions]="navStartActions"
-      [endActions]="navEndActions"
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
       (action)="dispatch($event)"
       top
     >
-      <molecules-header [title]="title"></molecules-header>
+      <molecules-header [title]="store.title()" />
     </organisms-navigator>
     <organisms-selection-list
-      [items]="items"
-      [itemActions]="itemActions"
-      [selection]="selection"
+      [items]="store.items()"
+      [itemActions]="store.itemActions()"
+      [selection]="store.selection()"
       (action)="dispatch($event)"
       contents
-    ></organisms-selection-list>
+    />
     <organisms-action-buttons-section
-      [actions]="actions"
+      [actions]="store.actions()"
       (action)="dispatch($event)"
       bottom
-    ></organisms-action-buttons-section>
+    />
   </frames-scroll>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, styles: [":host{width:100%;height:100%;background:white;display:block}\n"] }]
-        }], propDecorators: { navStartActions: [{
-                type: Input
-            }], navEndActions: [{
-                type: Input
-            }], actions: [{
-                type: Input
-            }], itemActions: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], selection: [{
-                type: Input
-            }], toggleOption: [] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NlbGVjdGlvbi9zZWxlY3Rpb24udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRTlFLE9BQU8sRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN2RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUN0RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBRTFELElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLHFFQUF5RCxDQUFBO0lBQ3pELHlFQUE2RCxDQUFBO0lBQzdELDRGQUFnRixDQUFBO0FBQ2xGLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBeUNELE1BQU0sT0FBTyxpQkFBcUIsU0FBUSxpQkFBaUI7SUF2QzNEOztRQTJDRSxvQkFBZSxHQUFhO1lBQzFCO2dCQUNFLEVBQUUsRUFBRSxRQUFRLENBQUMsSUFBSTtnQkFDakIsSUFBSSxFQUFFLFlBQVk7Z0JBQ2xCLElBQUksRUFBRSxNQUFNO2FBQ2I7U0FDRixDQUFDO1FBR0Ysa0JBQWEsR0FBYSxFQUFFLENBQUM7UUFHN0IsWUFBTyxHQUFhO1lBQ2xCO2dCQUNFLEVBQUUsRUFBRSxRQUFRLENBQUMsTUFBTTtnQkFDbkIsSUFBSSxFQUFFLE9BQU87Z0JBQ2IsSUFBSSxFQUFFLFFBQVE7YUFDZjtTQUNGLENBQUM7UUFHRixnQkFBVyxHQUEwQixHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFHOUMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUduQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBR2hCLGNBQVMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztLQVV2QzthQTNDUSxhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFvQ2pCLFlBQVksQ0FBQyxJQUFPO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDWixFQUFFLEVBQUUsUUFBUSxDQUFDLGFBQWE7WUFDMUIsT0FBTyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUM7SUFDTCxDQUFDOytHQTFDVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixvVUE1QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVCx1SUE5QkMsWUFBWSwrQkFDWixXQUFXLDBEQUNYLGlCQUFpQix3R0FDakIsY0FBYywrRkFDZCxxQkFBcUIsb0hBQ3JCLDRCQUE0Qjs7QUFtRXBCO0lBRFQsTUFBTSxDQUFDLHFCQUFxQixDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUM7Ozs7cURBTXBEOzRGQTFDVSxpQkFBaUI7a0JBdkM3QixTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsY0FBYzt3QkFDZCxxQkFBcUI7d0JBQ3JCLDRCQUE0QjtxQkFDN0IsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFOzhCQU0zQixlQUFlO3NCQURkLEtBQUs7Z0JBVU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFVTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSUksWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2Nyb2xsRnJhbWUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvZnJhbWVzL3Njcm9sbC12Mic7XG5pbXBvcnQgeyBIZWFkZXJNb2xlY3VsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvaGVhZGVyJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEVmZmVjdCwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgU2VsZWN0aW9uTGlzdE9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9zZWxlY3Rpb24tbGlzdCc7XG5pbXBvcnQgeyBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9hY3Rpb24tYnV0dG9ucy1zZWN0aW9uJztcbmltcG9ydCB7IFNlbGVjdGlvbk1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvbGxlY3Rpb25zJztcblxuZW51bSBBY3Rpb25JZCB7XG4gIEJBQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VsZWN0aW9uXSBCYWNrJyxcbiAgU1VCTUlUID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlbGVjdGlvbl0gU3VibWl0JyxcbiAgVE9HR0xFX09QVElPTiA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zZWxlY3Rpb24tbGlzdF0gVG9nZ2xlIE9wdGlvbicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZWxlY3Rpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNjcm9sbEZyYW1lLFxuICAgIE5hdmlnYXRvck9yZ2FuaXNtLFxuICAgIEhlYWRlck1vbGVjdWxlLFxuICAgIFNlbGVjdGlvbkxpc3RPcmdhbmlzbSxcbiAgICBBY3Rpb25CdXR0b25zU2VjdGlvbk9yZ2FuaXNtLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvciBcbiAgICAgIFtzdGFydEFjdGlvbnNdPVwibmF2U3RhcnRBY3Rpb25zXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cIm5hdkVuZEFjdGlvbnNcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIHRvcFxuICAgID5cbiAgICAgIDxtb2xlY3VsZXMtaGVhZGVyIFt0aXRsZV09XCJ0aXRsZVwiPjwvbW9sZWN1bGVzLWhlYWRlcj5cbiAgICA8L29yZ2FuaXNtcy1uYXZpZ2F0b3I+XG4gICAgPG9yZ2FuaXNtcy1zZWxlY3Rpb24tbGlzdFxuICAgICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICAgIFtpdGVtQWN0aW9uc109XCJpdGVtQWN0aW9uc1wiXG4gICAgICBbc2VsZWN0aW9uXT1cInNlbGVjdGlvblwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgY29udGVudHNcbiAgICA+PC9vcmdhbmlzbXMtc2VsZWN0aW9uLWxpc3Q+XG4gICAgPG9yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uXG4gICAgICBbYWN0aW9uc109XCJhY3Rpb25zXCJcbiAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICBib3R0b21cbiAgICA+PC9vcmdhbmlzbXMtYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbj5cbiAgPC9mcmFtZXMtc2Nyb2xsPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3Rpb24udGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZTxUPiBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgQElucHV0KClcbiAgbmF2U3RhcnRBY3Rpb25zOiBBY3Rpb25bXSA9IFtcbiAgICB7XG4gICAgICBpZDogQWN0aW9uSWQuQkFDSyxcbiAgICAgIGljb246ICdhcnJvd19iYWNrJyxcbiAgICAgIG5hbWU6ICdCYWNrJyxcbiAgICB9XG4gIF07XG5cbiAgQElucHV0KClcbiAgbmF2RW5kQWN0aW9uczogQWN0aW9uW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBhY3Rpb25zOiBBY3Rpb25bXSA9IFtcbiAgICB7XG4gICAgICBpZDogQWN0aW9uSWQuU1VCTUlULFxuICAgICAgaWNvbjogJ2NoZWNrJyxcbiAgICAgIG5hbWU6ICdTdWJtaXQnLFxuICAgIH0sXG4gIF07XG5cbiAgQElucHV0KClcbiAgaXRlbUFjdGlvbnM6IChpdGVtOiBUKSA9PiBBY3Rpb25bXSA9ICgpID0+IFtdO1xuXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKVxuICBpdGVtczogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgc2VsZWN0aW9uID0gbmV3IFNlbGVjdGlvbk1vZGVsKGZhbHNlKTtcblxuICBARWZmZWN0KFNlbGVjdGlvbkxpc3RPcmdhbmlzbS5BY3Rpb25JZC5UT0dHTEVfT1BUSU9OKVxuICBwcm90ZWN0ZWQgdG9nZ2xlT3B0aW9uKGl0ZW06IFQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHtcbiAgICAgIGlkOiBBY3Rpb25JZC5UT0dHTEVfT1BUSU9OLFxuICAgICAgcGF5bG9hZDogaXRlbSxcbiAgICB9KTtcbiAgfVxuXG59XG4iXX0=
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            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-FTtd: var(--navigator-height);--primary-color: #404040;--primary-color-SCOPED-IN-selection-FTtd: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-selection-FTtd: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-selection-FTtd: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-selection-FTtd: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-selection-FTtd: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-selection-FTtd: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-selection-FTtd: var(--on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-selection-FTtd: var(--first-content-height);--navigator-background-color: var(--primary-color-SCOPED-IN-selection-FTtd);--navigator-background-color-SCOPED-IN-selection-FTtd: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-selection-FTtd);--navigator-on-background-color-SCOPED-IN-selection-FTtd: var(--navigator-on-background-color);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-selection-FTtd: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-selection-FTtd: var(--max-first-content-height)}:host{background-color:var(--background-color-SCOPED-IN-selection-FTtd);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-FTtd);--min-first-content-height: var(--min-first-content-height-SCOPED-IN-selection-FTtd)}:host *{--primary-color: var(--primary-color-SCOPED-IN-selection-FTtd);--on-primary-color: var(--on-primary-color-SCOPED-IN-selection-FTtd);--surface-color: var(--surface-color-SCOPED-IN-selection-FTtd);--on-surface-color: var(--on-surface-color-SCOPED-IN-selection-FTtd);--background-color: var(--background-color-SCOPED-IN-selection-FTtd);--on-background-color: var(--on-background-color-SCOPED-IN-selection-FTtd)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-selection-FTtd);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-selection-FTtd)}:host organisms-action-buttons-section{margin-bottom:24px}\n"] }]
+        }], propDecorators: { toggleOption: [] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLnRlbXBsYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NlbGVjdGlvbi9zZWxlY3Rpb24udGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUM5RSxPQUFPLEVBQW1CLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFFMUQsSUFBSyxRQUlKO0FBSkQsV0FBSyxRQUFRO0lBQ1gscUVBQXlELENBQUE7SUFDekQseUVBQTZELENBQUE7SUFDN0QsNEZBQWdGLENBQUE7QUFDbEYsQ0FBQyxFQUpJLFFBQVEsS0FBUixRQUFRLFFBSVo7QUFHRCxNQUFNLE9BQU8sc0JBQTBCLFNBQVEsbUJBQW1CO0lBRGxFOztRQUVXLG9CQUFlLEdBQUcsS0FBSyxDQUFXO1lBQ3pDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1NBQ3hELENBQUMsQ0FBQztRQUVNLGtCQUFhLEdBQUcsS0FBSyxDQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3BDLFlBQU8sR0FBRyxLQUFLLENBQVc7WUFDakMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtTQUN6RSxDQUFDLENBQUM7UUFDTSxnQkFBVyxHQUFHLEtBQUssQ0FBVSxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QyxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBQzFCLFVBQUssR0FBRyxLQUFLLENBQU0sRUFBRSxDQUFDLENBQUM7UUFDdkIsY0FBUyxHQUFHLEtBQUssQ0FBQyxJQUFJLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0tBQ3ZEOzhHQWJZLHNCQUFzQjtrR0FBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQURsQyxTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUscUJBQXFCLEVBQUM7O0FBNEQ5RCxNQUFNLE9BQU8saUJBQXFCLFNBQVEsaUJBQWlCO0lBNUMzRDs7UUE4Q1ksVUFBSyxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0tBT2xEO2FBUlEsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSWpCLFlBQVksQ0FBQyxJQUFPO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDOzhHQVBVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGtKQTNEakIsc0JBQXNCLGlPQXlCdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULDZpRkE3QkMsV0FBVywwREFDWCxpQkFBaUIsZ0VBQ2pCLGNBQWMsNkRBQ2QscUJBQXFCLG9IQUNyQiw0QkFBNEI7O0FBeUNwQjtJQURULE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDOzs7O3FEQUdwRDsyRkFQVSxpQkFBaUI7a0JBNUM3QixTQUFTOytCQUNFLHFCQUFxQixjQUNuQixJQUFJLFdBQ1A7d0JBQ1AsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQzt5QkFDdEc7cUJBQ0YsUUFDSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7OEJBT2pCLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbEZyYW1lIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2ZyYW1lcy9zY3JvbGwtdjInO1xuaW1wb3J0IHsgSGVhZGVyTW9sZWN1bGUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2hlYWRlcic7XG5pbXBvcnQgeyBOYXZpZ2F0b3JPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvbmF2aWdhdG9yJztcbmltcG9ydCB7IEFjdGlvbiwgQWN0aW9ucywgSW5qZWN0YWJsZUNvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBFZmZlY3QsIE5nQXRvbWljQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IFNlbGVjdGlvbkxpc3RPcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvc2VsZWN0aW9uLWxpc3QnO1xuaW1wb3J0IHsgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvYWN0aW9uLWJ1dHRvbnMtc2VjdGlvbic7XG5pbXBvcnQgeyBTZWxlY3Rpb25Nb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2xsZWN0aW9ucyc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBCQUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL3NlbGVjdGlvbl0gQmFjaycsXG4gIFNVQk1JVCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9zZWxlY3Rpb25dIFN1Ym1pdCcsXG4gIFRPR0dMRV9PUFRJT04gPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2VsZWN0aW9uLWxpc3RdIFRvZ2dsZSBPcHRpb24nLFxufVxuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZWxlY3Rpb24nfSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlPFQ+IGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXG4gICAgeyBpZDogQWN0aW9uSWQuQkFDSywgaWNvbjogJ2Fycm93X2JhY2snLCBuYW1lOiAnQmFjaycgfSxcbiAgXSk7XG5cbiAgcmVhZG9ubHkgbmF2RW5kQWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IGFjdGlvbnMgPSBpbnB1dDxBY3Rpb25bXT4oW1xuICAgIHsgaWQ6IEFjdGlvbklkLlNVQk1JVCwgaWNvbjogJ2NoZWNrJywgbmFtZTogJ1N1Ym1pdCcsIGNvbG9yOiAncHJpbWFyeScgfSxcbiAgXSk7XG4gIHJlYWRvbmx5IGl0ZW1BY3Rpb25zID0gaW5wdXQ8QWN0aW9ucz4oKCkgPT4gW10pO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oJycpO1xuICByZWFkb25seSBpdGVtcyA9IGlucHV0PFRbXT4oW10pO1xuICByZWFkb25seSBzZWxlY3Rpb24gPSBpbnB1dChuZXcgU2VsZWN0aW9uTW9kZWwoZmFsc2UpKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVtcGxhdGVzLXNlbGVjdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBIZWFkZXJNb2xlY3VsZSxcbiAgICBTZWxlY3Rpb25MaXN0T3JnYW5pc20sXG4gICAgQWN0aW9uQnV0dG9uc1NlY3Rpb25PcmdhbmlzbSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGZyYW1lcy1zY3JvbGw+XG4gICAgPG9yZ2FuaXNtcy1uYXZpZ2F0b3IgXG4gICAgICBbc3RhcnRBY3Rpb25zXT1cInN0b3JlLm5hdlN0YXJ0QWN0aW9ucygpXCJcbiAgICAgIFtlbmRBY3Rpb25zXT1cInN0b3JlLm5hdkVuZEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgdG9wXG4gICAgPlxuICAgICAgPG1vbGVjdWxlcy1oZWFkZXIgW3RpdGxlXT1cInN0b3JlLnRpdGxlKClcIiAvPlxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8b3JnYW5pc21zLXNlbGVjdGlvbi1saXN0XG4gICAgICBbaXRlbXNdPVwic3RvcmUuaXRlbXMoKVwiXG4gICAgICBbaXRlbUFjdGlvbnNdPVwic3RvcmUuaXRlbUFjdGlvbnMoKVwiXG4gICAgICBbc2VsZWN0aW9uXT1cInN0b3JlLnNlbGVjdGlvbigpXCJcbiAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICBjb250ZW50c1xuICAgIC8+XG4gICAgPG9yZ2FuaXNtcy1hY3Rpb24tYnV0dG9ucy1zZWN0aW9uXG4gICAgICBbYWN0aW9uc109XCJzdG9yZS5hY3Rpb25zKClcIlxuICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIGJvdHRvbVxuICAgIC8+XG4gIDwvZnJhbWVzLXNjcm9sbD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0aW9uLnRlbXBsYXRlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ25hdlN0YXJ0QWN0aW9ucycsICduYXZFbmRBY3Rpb25zJywgJ2FjdGlvbnMnLCAnaXRlbUFjdGlvbnMnLCAndGl0bGUnLCAnaXRlbXMnLCAnc2VsZWN0aW9uJ10sXG4gICAgfSxcbiAgXSxcbiAgaG9zdDogeyBjbGFzczogJ3RlbXBsYXRlJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3Rpb25UZW1wbGF0ZTxUPiBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChTZWxlY3Rpb25UZW1wbGF0ZVN0b3JlKTtcblxuICBARWZmZWN0KFNlbGVjdGlvbkxpc3RPcmdhbmlzbS5BY3Rpb25JZC5UT0dHTEVfT1BUSU9OKVxuICBwcm90ZWN0ZWQgdG9nZ2xlT3B0aW9uKGl0ZW06IFQpIHtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLlRPR0dMRV9PUFRJT04sIHBheWxvYWQ6IGl0ZW0gfSk7XG4gIH1cblxufVxuIl19

package/esm2022/templates/settings/index.mjs

@@ -0,0 +1,2 @@
+export * from './settings.template';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZ3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2V0dGluZ3MudGVtcGxhdGUnO1xuXG4iXX0=

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLXNldHRpbmdzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmdzL25nLWF0b21pYy1jb21wb25lbnRzLXRlbXBsYXRlcy1zZXR0aW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

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

@@ -0,0 +1,118 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
+import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
+import { MatListModule } from '@angular/material/list';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { IconAtom } from '@ng-atomic/components/atoms/icon';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/list";
+import * as i2 from "@angular/material/slide-toggle";
+var ActionId;
+(function (ActionId) {
+    ActionId["ITEM_CLICK"] = "[@ng-atomic/components/templates/settings] item click";
+    ActionId["REMOVE_SERVICE_WORKER"] = "[@ng-atomic/components/templates/settings] remove service worker";
+})(ActionId || (ActionId = {}));
+export class SettingsTemplate extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.title = input('title');
+        this.navStartActions = input([]);
+    }
+    static { this.ActionId = ActionId; }
+    onItemClick(payload) {
+        this.dispatch({ id: ActionId.ITEM_CLICK, payload });
+    }
+    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: `
+  <frames-scroll>
+    <organisms-navigator
+      [startActions]="navStartActions()"
+      (action)="dispatch($event)"
+      navigator
+    >
+      {{ title() }}
+    </organisms-navigator>
+    <div contents>
+    <mat-action-list>
+      <!-- <mat-list-item role="listitem" (click)="onItemClick('payment-method')">
+        <span matListItemTitle>支払い方法</span>
+        <atoms-icon matListItemMeta [name]="'chevron_right'" />
+      </mat-list-item> -->
+      <mat-list-item role="listitem" (click)="onItemClick('payments')">
+        <span matListItemTitle>支払い履歴</span>
+        <atoms-icon matListItemMeta [name]="'chevron_right'" />
+      </mat-list-item>
+      <mat-list-item role="listitem" (click)="onServiceWorkerRemoved()">Service Workerの登録解除</mat-list-item>
+    </mat-action-list>
+    <mat-list role="list">
+      <mat-list-item role="listitem">
+        <atoms-icon matListItemIcon [name]="'notifications'" />
+        <span matListItemTitle>通知の有効化</span>
+        <span matListItemLine>アプリアイコンにバッジが付きます</span>
+        <div matListItemMeta style="display: flex; height: 100%; align-items: center">
+          <mat-slide-toggle
+            class="example-margin"
+            [color]="'accent'"
+            [checked]="true"
+            [disabled]="false"
+          />
+        </div>
+      </mat-list-item>
+    </mat-list>
+    </div>
+  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-WrxN: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-WrxN: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-WrxN: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-WrxN: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-WrxN: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-WrxN: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-WrxN: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-WrxN);--navigator-background-color-SCOPED-IN-%COMP%-WrxN: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-WrxN);--navigator-on-background-color-SCOPED-IN-%COMP%-WrxN: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-WrxN);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-WrxN);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-WrxN);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-WrxN);--background-color: var(--background-color-SCOPED-IN-%COMP%-WrxN);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-WrxN)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-WrxN);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-WrxN)}\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: [{
+            type: Component,
+            args: [{ selector: 'templates-settings', standalone: true, imports: [
+                        ScrollFrame,
+                        NavigatorOrganism,
+                        MatListModule,
+                        MatSlideToggleModule,
+                        IconAtom,
+                    ], template: `
+  <frames-scroll>
+    <organisms-navigator
+      [startActions]="navStartActions()"
+      (action)="dispatch($event)"
+      navigator
+    >
+      {{ title() }}
+    </organisms-navigator>
+    <div contents>
+    <mat-action-list>
+      <!-- <mat-list-item role="listitem" (click)="onItemClick('payment-method')">
+        <span matListItemTitle>支払い方法</span>
+        <atoms-icon matListItemMeta [name]="'chevron_right'" />
+      </mat-list-item> -->
+      <mat-list-item role="listitem" (click)="onItemClick('payments')">
+        <span matListItemTitle>支払い履歴</span>
+        <atoms-icon matListItemMeta [name]="'chevron_right'" />
+      </mat-list-item>
+      <mat-list-item role="listitem" (click)="onServiceWorkerRemoved()">Service Workerの登録解除</mat-list-item>
+    </mat-action-list>
+    <mat-list role="list">
+      <mat-list-item role="listitem">
+        <atoms-icon matListItemIcon [name]="'notifications'" />
+        <span matListItemTitle>通知の有効化</span>
+        <span matListItemLine>アプリアイコンにバッジが付きます</span>
+        <div matListItemMeta style="display: flex; height: 100%; align-items: center">
+          <mat-slide-toggle
+            class="example-margin"
+            [color]="'accent'"
+            [checked]="true"
+            [disabled]="false"
+          />
+        </div>
+      </mat-list-item>
+    </mat-list>
+    </div>
+  </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'template'
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-%COMP%-WrxN: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-%COMP%-WrxN: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-%COMP%-WrxN: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-%COMP%-WrxN: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-%COMP%-WrxN: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-%COMP%-WrxN: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-%COMP%-WrxN: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-%COMP%-WrxN);--navigator-background-color-SCOPED-IN-%COMP%-WrxN: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-%COMP%-WrxN);--navigator-on-background-color-SCOPED-IN-%COMP%-WrxN: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-%COMP%-WrxN);--on-primary-color: var(--on-primary-color-SCOPED-IN-%COMP%-WrxN);--surface-color: var(--surface-color-SCOPED-IN-%COMP%-WrxN);--on-surface-color: var(--on-surface-color-SCOPED-IN-%COMP%-WrxN);--background-color: var(--background-color-SCOPED-IN-%COMP%-WrxN);--on-background-color: var(--on-background-color-SCOPED-IN-%COMP%-WrxN)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-%COMP%-WrxN);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-%COMP%-WrxN)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MudGVtcGxhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZ3Mvc2V0dGluZ3MudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN0RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFXLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFLN0QsSUFBSyxRQUdKO0FBSEQsV0FBSyxRQUFRO0lBQ1gsZ0ZBQW9FLENBQUE7SUFDcEUsc0dBQTBGLENBQUE7QUFDNUYsQ0FBQyxFQUhJLFFBQVEsS0FBUixRQUFRLFFBR1o7QUF3REQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGlCQUFpQjtJQXREdkQ7O1FBd0RXLFVBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsb0JBQWUsR0FBRyxLQUFLLENBQVUsRUFBRSxDQUFDLENBQUM7S0FTL0M7YUFYaUIsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBSTFCLFdBQVcsQ0FBQyxPQUFlO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFUyxzQkFBc0I7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMscUJBQXFCLEVBQUMsQ0FBQyxDQUFDO0lBQ3RELENBQUM7OEdBWFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IscWFBNUNqQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkFxQ08sNnBEQTNDZixXQUFXLDBEQUNYLGlCQUFpQiwrREFDakIsYUFBYSxrc0JBQ2Isb0JBQW9CLG1XQUNwQixRQUFROzsyRkE4Q0MsZ0JBQWdCO2tCQXRENUIsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQixhQUFhO3dCQUNiLG9CQUFvQjt3QkFDcEIsUUFBUTtxQkFDVCxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQXFDTyxtQkFFQSx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNKLEtBQUssRUFBRSxVQUFVO3FCQUNsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTY3JvbGxGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvc2Nyb2xsJztcbmltcG9ydCB7IE5hdmlnYXRvck9yZ2FuaXNtIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL29yZ2FuaXNtcy9uYXZpZ2F0b3InO1xuaW1wb3J0IHsgTWF0TGlzdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xpc3QnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuaW1wb3J0IHsgSWNvbkF0b20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvYXRvbXMvaWNvbic7XG5pbXBvcnQgeyBBY3Rpb25zLCBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbnRlcmZhY2UgU2V0dGluZ3Mge1xuICBcbn1cblxuZW51bSBBY3Rpb25JZCB7XG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIGl0ZW0gY2xpY2snLFxuICBSRU1PVkVfU0VSVklDRV9XT1JLRVIgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvc2V0dGluZ3NdIHJlbW92ZSBzZXJ2aWNlIHdvcmtlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RlbXBsYXRlcy1zZXR0aW5ncycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBTY3JvbGxGcmFtZSxcbiAgICBOYXZpZ2F0b3JPcmdhbmlzbSxcbiAgICBNYXRMaXN0TW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIEljb25BdG9tLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8ZnJhbWVzLXNjcm9sbD5cbiAgICA8b3JnYW5pc21zLW5hdmlnYXRvclxuICAgICAgW3N0YXJ0QWN0aW9uc109XCJuYXZTdGFydEFjdGlvbnMoKVwiXG4gICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgbmF2aWdhdG9yXG4gICAgPlxuICAgICAge3sgdGl0bGUoKSB9fVxuICAgIDwvb3JnYW5pc21zLW5hdmlnYXRvcj5cbiAgICA8ZGl2IGNvbnRlbnRzPlxuICAgIDxtYXQtYWN0aW9uLWxpc3Q+XG4gICAgICA8IS0tIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvbkl0ZW1DbGljaygncGF5bWVudC1tZXRob2QnKVwiPlxuICAgICAgICA8c3BhbiBtYXRMaXN0SXRlbVRpdGxlPuaUr+aJleOBhOaWueazlTwvc3Bhbj5cbiAgICAgICAgPGF0b21zLWljb24gbWF0TGlzdEl0ZW1NZXRhIFtuYW1lXT1cIidjaGV2cm9uX3JpZ2h0J1wiIC8+XG4gICAgICA8L21hdC1saXN0LWl0ZW0+IC0tPlxuICAgICAgPG1hdC1saXN0LWl0ZW0gcm9sZT1cImxpc3RpdGVtXCIgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKCdwYXltZW50cycpXCI+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtVGl0bGU+5pSv5omV44GE5bGl5q20PC9zcGFuPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbU1ldGEgW25hbWVdPVwiJ2NoZXZyb25fcmlnaHQnXCIgLz5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiIChjbGljayk9XCJvblNlcnZpY2VXb3JrZXJSZW1vdmVkKClcIj5TZXJ2aWNlIFdvcmtlcuOBrueZu+mMsuino+mZpDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1hY3Rpb24tbGlzdD5cbiAgICA8bWF0LWxpc3Qgcm9sZT1cImxpc3RcIj5cbiAgICAgIDxtYXQtbGlzdC1pdGVtIHJvbGU9XCJsaXN0aXRlbVwiPlxuICAgICAgICA8YXRvbXMtaWNvbiBtYXRMaXN0SXRlbUljb24gW25hbWVdPVwiJ25vdGlmaWNhdGlvbnMnXCIgLz5cbiAgICAgICAgPHNwYW4gbWF0TGlzdEl0ZW1UaXRsZT7pgJrnn6Xjga7mnInlirnljJY8L3NwYW4+XG4gICAgICAgIDxzcGFuIG1hdExpc3RJdGVtTGluZT7jgqLjg5fjg6rjgqLjgqTjgrPjg7Pjgavjg5Djg4PjgrjjgYzku5jjgY3jgb7jgZk8L3NwYW4+XG4gICAgICAgIDxkaXYgbWF0TGlzdEl0ZW1NZXRhIHN0eWxlPVwiZGlzcGxheTogZmxleDsgaGVpZ2h0OiAxMDAlOyBhbGlnbi1pdGVtczogY2VudGVyXCI+XG4gICAgICAgICAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICAgICAgICAgIGNsYXNzPVwiZXhhbXBsZS1tYXJnaW5cIlxuICAgICAgICAgICAgW2NvbG9yXT1cIidhY2NlbnQnXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cInRydWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbWF0LWxpc3QtaXRlbT5cbiAgICA8L21hdC1saXN0PlxuICAgIDwvZGl2PlxuICA8L2ZyYW1lcy1zY3JvbGw+YCxcbiAgc3R5bGVVcmw6ICcuL3NldHRpbmdzLnRlbXBsYXRlLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAndGVtcGxhdGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ3NUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQoJ3RpdGxlJyk7XG4gIHJlYWRvbmx5IG5hdlN0YXJ0QWN0aW9ucyA9IGlucHV0PEFjdGlvbnM+KFtdKTtcblxuICBwcm90ZWN0ZWQgb25JdGVtQ2xpY2socGF5bG9hZDogc3RyaW5nKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLklURU1fQ0xJQ0ssIHBheWxvYWR9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvblNlcnZpY2VXb3JrZXJSZW1vdmVkKCkge1xuICAgIHRoaXMuZGlzcGF0Y2goe2lkOiBBY3Rpb25JZC5SRU1PVkVfU0VSVklDRV9XT1JLRVJ9KTtcbiAgfVxufVxuIl19

package/esm2022/templates/tab-editor/tab-editor.template.mjs

@@ -13,8 +13,8 @@ export class TabEditorTemplate extends NgAtomicComponent {
         this.trackByHash = (file) => `${file.name}-${file.lastModified}`;
         this.files = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabEditorTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "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: `
       <!-- <organisms-toolbar
         [form]="store.form"
         [actions]="store.actions"
@@ -37,9 +37,9 @@ export class TabEditorTemplate extends NgAtomicComponent {
           </ng-container>
         </mat-tab>
       </mat-tab-group>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;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", inputs: ["file", "keyActions"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, 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: "16.2.12", ngImport: i0, type: TabEditorTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TabEditorTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-tab-editor', standalone: true, imports: [
                         CommonModule,
@@ -69,8 +69,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           </ng-container>
         </mat-tab>
       </mat-tab-group>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{width:100%;height:100%;background:white;display:block}:host mat-tab-group{height:calc(100% - 56px)}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], propDecorators: { files: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWVkaXRvci50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90YWItZWRpdG9yL3RhYi1lZGl0b3IudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFzQ3ZELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUFwQ3hEOztRQXFDWSxnQkFBVyxHQUFHLENBQUMsSUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRzVFLFVBQUssR0FBVyxFQUFFLENBQUM7S0FFcEI7K0dBTlksaUJBQWlCO21HQUFqQixpQkFBaUIsbUlBM0JsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsd1BBNUJDLFlBQVksd2FBRVosa0JBQWtCLGlHQUNsQixhQUFhOzs0RkE2QkosaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07OEJBTS9DLEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29kZUVkaXRvclRlbXBsYXRlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9jb2RlLWVkaXRvcic7XG5pbXBvcnQgeyBUb29sYmFyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3Rvb2xiYXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGFic01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtdGFiLWVkaXRvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVG9vbGJhck9yZ2FuaXNtLFxuICAgIENvZGVFZGl0b3JUZW1wbGF0ZSxcbiAgICBNYXRUYWJzTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgICAgPCEtLSA8b3JnYW5pc21zLXRvb2xiYXJcbiAgICAgICAgW2Zvcm1dPVwic3RvcmUuZm9ybVwiXG4gICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnNcIlxuICAgICAgICBbZW5kQWN0aW9uc109XCJlbmRBY3Rpb25zXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgID48L29yZ2FuaXNtcy10b29sYmFyPiAtLT5cbiAgICAgIDxtYXQtdGFiLWdyb3VwICN0YWJHcm91cD5cbiAgICAgICAgPG1hdC10YWIgW2xhYmVsXT1cImZpbGUubmFtZVwiICpuZ0Zvcj1cImxldCBmaWxlIG9mIGZpbGVzO3RyYWNrQnk6IHRyYWNrQnlIYXNoXCIgPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImZpbGUudHlwZVwiPlxuICAgICAgICAgICAgPHRlbXBsYXRlcy1pbWFnZS1lZGl0b3JcbiAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZS9wbmcnXCJcbiAgICAgICAgICAgICAgW2ZpbGVdPVwiZmlsZVwiXG4gICAgICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgICAgICA+PC90ZW1wbGF0ZXMtaW1hZ2UtZWRpdG9yPlxuICAgICAgICAgICAgPHRlbXBsYXRlcy1jb2RlLWVkaXRvclxuICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgIFtmaWxlXT1cImZpbGVcIlxuICAgICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgICAgPjwvdGVtcGxhdGVzLWNvZGUtZWRpdG9yPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L21hdC10YWI+XG4gICAgICA8L21hdC10YWItZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RhYi1lZGl0b3IudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJFZGl0b3JUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHRyYWNrQnlIYXNoID0gKGZpbGU6IEZpbGUpID0+IGAke2ZpbGUubmFtZX0tJHtmaWxlLmxhc3RNb2RpZmllZH1gO1xuXG4gIEBJbnB1dCgpXG4gIGZpbGVzOiBGaWxlW10gPSBbXTtcblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWVkaXRvci50ZW1wbGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90YWItZWRpdG9yL3RhYi1lZGl0b3IudGVtcGxhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFzQ3ZELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxpQkFBaUI7SUFwQ3hEOztRQXFDWSxnQkFBVyxHQUFHLENBQUMsSUFBVSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBRzVFLFVBQUssR0FBVyxFQUFFLENBQUM7S0FFcEI7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsbUlBM0JsQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsdVBBNUJDLFlBQVksd2FBRVosa0JBQWtCLGlFQUNsQixhQUFhOzsyRkE2QkosaUJBQWlCO2tCQXBDN0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGFBQWE7cUJBQ2QsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1QlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU07OEJBTS9DLEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29kZUVkaXRvclRlbXBsYXRlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9jb2RlLWVkaXRvcic7XG5pbXBvcnQgeyBUb29sYmFyT3JnYW5pc20gfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvb3JnYW5pc21zL3Rvb2xiYXInO1xuaW1wb3J0IHsgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgTWF0VGFic01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3RhYnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZW1wbGF0ZXMtdGFiLWVkaXRvcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgVG9vbGJhck9yZ2FuaXNtLFxuICAgIENvZGVFZGl0b3JUZW1wbGF0ZSxcbiAgICBNYXRUYWJzTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgICAgPCEtLSA8b3JnYW5pc21zLXRvb2xiYXJcbiAgICAgICAgW2Zvcm1dPVwic3RvcmUuZm9ybVwiXG4gICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnNcIlxuICAgICAgICBbZW5kQWN0aW9uc109XCJlbmRBY3Rpb25zXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgID48L29yZ2FuaXNtcy10b29sYmFyPiAtLT5cbiAgICAgIDxtYXQtdGFiLWdyb3VwICN0YWJHcm91cD5cbiAgICAgICAgPG1hdC10YWIgW2xhYmVsXT1cImZpbGUubmFtZVwiICpuZ0Zvcj1cImxldCBmaWxlIG9mIGZpbGVzO3RyYWNrQnk6IHRyYWNrQnlIYXNoXCIgPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImZpbGUudHlwZVwiPlxuICAgICAgICAgICAgPHRlbXBsYXRlcy1pbWFnZS1lZGl0b3JcbiAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZS9wbmcnXCJcbiAgICAgICAgICAgICAgW2ZpbGVdPVwiZmlsZVwiXG4gICAgICAgICAgICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gICAgICAgICAgICA+PC90ZW1wbGF0ZXMtaW1hZ2UtZWRpdG9yPlxuICAgICAgICAgICAgPHRlbXBsYXRlcy1jb2RlLWVkaXRvclxuICAgICAgICAgICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICAgICAgICAgIFtmaWxlXT1cImZpbGVcIlxuICAgICAgICAgICAgICAoYWN0aW9uKT1cImRpc3BhdGNoKCRldmVudClcIlxuICAgICAgICAgICAgPjwvdGVtcGxhdGVzLWNvZGUtZWRpdG9yPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L21hdC10YWI+XG4gICAgICA8L21hdC10YWItZ3JvdXA+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3RhYi1lZGl0b3IudGVtcGxhdGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJFZGl0b3JUZW1wbGF0ZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHRyYWNrQnlIYXNoID0gKGZpbGU6IEZpbGUpID0+IGAke2ZpbGUubmFtZX0tJHtmaWxlLmxhc3RNb2RpZmllZH1gO1xuXG4gIEBJbnB1dCgpXG4gIGZpbGVzOiBGaWxlW10gPSBbXTtcblxufVxuIl19

package/esm2022/templates/templates.module.mjs

@@ -2,23 +2,45 @@ import { NgModule } from "@angular/core";
 import { provideComponent } from "@ng-atomic/core";
 import { IconButtonMenuTemplateStore } from "@ng-atomic/components/templates/icon-button-menu";
 import { MenuTemplateStore } from "@ng-atomic/components/templates/menu";
+import { EntranceTemplateStore } from "@ng-atomic/components/templates/entrance";
+import { IndexTemplateStore } from '@ng-atomic/components/templates/_index';
+import { FormTemplateStore } from "@ng-atomic/components/templates/form";
+import { BackgroundTemplateStore } from "@ng-atomic/components/templates/background";
 import * as i0 from "@angular/core";
 export class NgAtomicTemplatesModule {
     static forRoot() {
         return {
             ngModule: NgAtomicTemplatesModule,
             providers: [
-                provideComponent(IconButtonMenuTemplateStore, () => import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate)),
-                provideComponent(MenuTemplateStore, () => import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate)),
+                provideComponent(IndexTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate);
+                }),
+                provideComponent(BackgroundTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate);
+                }),
+                provideComponent(FormTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/form').then(m => m.FormTemplate);
+                }),
+                provideComponent(EntranceTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);
+                }),
+                provideComponent(IconButtonMenuTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);
+                }),
+                provideComponent(MenuTemplateStore, () => {
+                    return import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate);
+                }),
+                IndexTemplateStore.Config.provide(),
+                FormTemplateStore.Config.provide(),
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicTemplatesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicTemplatesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicTemplatesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicTemplatesModule, decorators: [{
             type: NgModule,
             args: [{}]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90ZW1wbGF0ZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBR3pFLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsZ0JBQWdCLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGtEQUFrRCxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUM7Z0JBQ25KLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQzthQUNwSDtTQUNGLENBQUE7SUFDSCxDQUFDOytHQVRVLHVCQUF1QjtnSEFBdkIsdUJBQXVCO2dIQUF2Qix1QkFBdUI7OzRGQUF2Qix1QkFBdUI7a0JBRG5DLFFBQVE7bUJBQUMsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IHByb3ZpZGVDb21wb25lbnQgfSBmcm9tIFwiQG5nLWF0b21pYy9jb3JlXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tIFwiQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9pY29uLWJ1dHRvbi1tZW51XCI7XG5pbXBvcnQgeyBNZW51VGVtcGxhdGVTdG9yZSB9IGZyb20gXCJAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL21lbnVcIjtcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIE5nQXRvbWljVGVtcGxhdGVzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ0F0b21pY1RlbXBsYXRlc01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQ29tcG9uZW50KEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2ljb24tYnV0dG9uLW1lbnUnKS50aGVuKG0gPT4gbS5JY29uQnV0dG9uTWVudVRlbXBsYXRlKSksXG4gICAgICAgIHByb3ZpZGVDb21wb25lbnQoTWVudVRlbXBsYXRlU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9tZW51JykudGhlbihtID0+IG0uTWVudVRlbXBsYXRlKSksXG4gICAgICBdLFxuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL3RlbXBsYXRlcy90ZW1wbGF0ZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDekUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNENBQTRDLENBQUM7O0FBR3JGLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsZ0JBQWdCLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFO29CQUN4QyxPQUFPLE1BQU0sQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDckYsQ0FBQyxDQUFDO2dCQUNGLGdCQUFnQixDQUFDLHVCQUF1QixFQUFFLEdBQUcsRUFBRTtvQkFDN0MsT0FBTyxNQUFNLENBQUMsNENBQTRDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFDOUYsQ0FBQyxDQUFDO2dCQUNGLGdCQUFnQixDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtvQkFDdkMsT0FBTyxNQUFNLENBQUMsc0NBQXNDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ2xGLENBQUMsQ0FBQztnQkFDRixnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLEVBQUU7b0JBQzNDLE9BQU8sTUFBTSxDQUFDLDBDQUEwQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBQzFGLENBQUMsQ0FBQztnQkFDRixnQkFBZ0IsQ0FBQywyQkFBMkIsRUFBRSxHQUFHLEVBQUU7b0JBQ2pELE9BQU8sTUFBTSxDQUFDLGtEQUFrRCxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUM7Z0JBQ3hHLENBQUMsQ0FBQztnQkFDRixnQkFBZ0IsQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7b0JBQ3ZDLE9BQU8sTUFBTSxDQUFDLHNDQUFzQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDO2dCQUNsRixDQUFDLENBQUM7Z0JBQ0Ysa0JBQWtCLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtnQkFDbkMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTthQUNuQztTQUNGLENBQUE7SUFDSCxDQUFDOzhHQTNCVSx1QkFBdUI7K0dBQXZCLHVCQUF1QjsrR0FBdkIsdUJBQXVCOzsyRkFBdkIsdUJBQXVCO2tCQURuQyxRQUFRO21CQUFDLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBwcm92aWRlQ29tcG9uZW50IH0gZnJvbSBcIkBuZy1hdG9taWMvY29yZVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbk1lbnVUZW1wbGF0ZVN0b3JlIH0gZnJvbSBcIkBuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvaWNvbi1idXR0b24tbWVudVwiO1xuaW1wb3J0IHsgTWVudVRlbXBsYXRlU3RvcmUgfSBmcm9tIFwiQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9tZW51XCI7XG5pbXBvcnQgeyBFbnRyYW5jZVRlbXBsYXRlU3RvcmUgfSBmcm9tIFwiQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9lbnRyYW5jZVwiO1xuaW1wb3J0IHsgSW5kZXhUZW1wbGF0ZVN0b3JlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9faW5kZXgnO1xuaW1wb3J0IHsgRm9ybVRlbXBsYXRlU3RvcmUgfSBmcm9tIFwiQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9mb3JtXCI7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kVGVtcGxhdGVTdG9yZSB9IGZyb20gXCJAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2JhY2tncm91bmRcIjtcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIE5nQXRvbWljVGVtcGxhdGVzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ0F0b21pY1RlbXBsYXRlc01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQ29tcG9uZW50KEluZGV4VGVtcGxhdGVTdG9yZSwgKCkgPT4ge1xuICAgICAgICAgIHJldHVybiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvX2luZGV4JykudGhlbihtID0+IG0uSW5kZXhUZW1wbGF0ZSk7XG4gICAgICAgIH0pLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KEJhY2tncm91bmRUZW1wbGF0ZVN0b3JlLCAoKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL3RlbXBsYXRlcy9iYWNrZ3JvdW5kJykudGhlbihtID0+IG0uQmFja2dyb3VuZFRlbXBsYXRlKTtcbiAgICAgICAgfSksXG4gICAgICAgIHByb3ZpZGVDb21wb25lbnQoRm9ybVRlbXBsYXRlU3RvcmUsICgpID0+IHtcbiAgICAgICAgICByZXR1cm4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2Zvcm0nKS50aGVuKG0gPT4gbS5Gb3JtVGVtcGxhdGUpO1xuICAgICAgICB9KSxcbiAgICAgICAgcHJvdmlkZUNvbXBvbmVudChFbnRyYW5jZVRlbXBsYXRlU3RvcmUsICgpID0+IHtcbiAgICAgICAgICByZXR1cm4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2VudHJhbmNlJykudGhlbihtID0+IG0uRW50cmFuY2VUZW1wbGF0ZSk7XG4gICAgICAgIH0pLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KEljb25CdXR0b25NZW51VGVtcGxhdGVTdG9yZSwgKCkgPT4ge1xuICAgICAgICAgIHJldHVybiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvaWNvbi1idXR0b24tbWVudScpLnRoZW4obSA9PiBtLkljb25CdXR0b25NZW51VGVtcGxhdGUpO1xuICAgICAgICB9KSxcbiAgICAgICAgcHJvdmlkZUNvbXBvbmVudChNZW51VGVtcGxhdGVTdG9yZSwgKCkgPT4ge1xuICAgICAgICAgIHJldHVybiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy90ZW1wbGF0ZXMvbWVudScpLnRoZW4obSA9PiBtLk1lbnVUZW1wbGF0ZSk7XG4gICAgICAgIH0pLFxuICAgICAgICBJbmRleFRlbXBsYXRlU3RvcmUuQ29uZmlnLnByb3ZpZGUoKSxcbiAgICAgICAgRm9ybVRlbXBsYXRlU3RvcmUuQ29uZmlnLnByb3ZpZGUoKSxcbiAgICAgIF0sXG4gICAgfVxuICB9XG59XG4iXX0=