@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-selection.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/selection/selection.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/selection/ng-atomic-components-templates-selection.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { Action } from '@ng-atomic/core';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { SelectionModel } from '@angular/cdk/collections';\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/templates/selection] Back',\n  SUBMIT = '[@ng-atomic/components/templates/selection] Submit',\n  TOGGLE_OPTION = '[@ng-atomic/components/templates/selection-list] Toggle Option',\n}\n\n@Component({\n  selector: 'templates-selection',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ScrollFrame,\n    NavigatorOrganism,\n    HeaderMolecule,\n    SelectionListOrganism,\n    ActionButtonsSectionOrganism,\n  ],\n  template: `\n  <frames-scroll>\n    <organisms-navigator \n      [startActions]=\"navStartActions\"\n      [endActions]=\"navEndActions\"\n      (action)=\"dispatch($event)\"\n      top\n    >\n      <molecules-header [title]=\"title\"></molecules-header>\n    </organisms-navigator>\n    <organisms-selection-list\n      [items]=\"items\"\n      [itemActions]=\"itemActions\"\n      [selection]=\"selection\"\n      (action)=\"dispatch($event)\"\n      contents\n    ></organisms-selection-list>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"dispatch($event)\"\n      bottom\n    ></organisms-action-buttons-section>\n  </frames-scroll>\n  `,\n  styleUrls: ['./selection.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'template' },\n})\nexport class SelectionTemplate<T> extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  @Input()\n  navStartActions: Action[] = [\n    {\n      id: ActionId.BACK,\n      icon: 'arrow_back',\n      name: 'Back',\n    }\n  ];\n\n  @Input()\n  navEndActions: Action[] = [];\n\n  @Input()\n  actions: Action[] = [\n    {\n      id: ActionId.SUBMIT,\n      icon: 'check',\n      name: 'Submit',\n    },\n  ];\n\n  @Input()\n  itemActions: (item: T) => Action[] = () => [];\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  items: T[] = [];\n\n  @Input()\n  selection = new SelectionModel(false);\n\n  @Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION)\n  protected toggleOption(item: T) {\n    this.dispatch({\n      id: ActionId.TOGGLE_OPTION,\n      payload: item,\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-selection.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/selection/selection.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/selection/ng-atomic-components-templates-selection.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll-v2';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { Action, Actions, InjectableComponent } from '@ng-atomic/core';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/core';\nimport { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { SelectionModel } from '@angular/cdk/collections';\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/templates/selection] Back',\n  SUBMIT = '[@ng-atomic/components/templates/selection] Submit',\n  TOGGLE_OPTION = '[@ng-atomic/components/templates/selection-list] Toggle Option',\n}\n\n@Directive({standalone: true, selector: 'templates-selection'})\nexport class SelectionTemplateStore<T> extends InjectableComponent {\n  readonly navStartActions = input<Action[]>([\n    { id: ActionId.BACK, icon: 'arrow_back', name: 'Back' },\n  ]);\n\n  readonly navEndActions = input<Action[]>([]);\n  readonly actions = input<Action[]>([\n    { id: ActionId.SUBMIT, icon: 'check', name: 'Submit', color: 'primary' },\n  ]);\n  readonly itemActions = input<Actions>(() => []);\n  readonly title = input<string>('');\n  readonly items = input<T[]>([]);\n  readonly selection = input(new SelectionModel(false));\n}\n\n@Component({\n  selector: 'templates-selection',\n  standalone: true,\n  imports: [\n    ScrollFrame,\n    NavigatorOrganism,\n    HeaderMolecule,\n    SelectionListOrganism,\n    ActionButtonsSectionOrganism,\n  ],\n  template: `\n  <frames-scroll>\n    <organisms-navigator \n      [startActions]=\"store.navStartActions()\"\n      [endActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n      top\n    >\n      <molecules-header [title]=\"store.title()\" />\n    </organisms-navigator>\n    <organisms-selection-list\n      [items]=\"store.items()\"\n      [itemActions]=\"store.itemActions()\"\n      [selection]=\"store.selection()\"\n      (action)=\"dispatch($event)\"\n      contents\n    />\n    <organisms-action-buttons-section\n      [actions]=\"store.actions()\"\n      (action)=\"dispatch($event)\"\n      bottom\n    />\n  </frames-scroll>\n  `,\n  styleUrls: ['./selection.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: SelectionTemplateStore,\n      inputs: ['navStartActions', 'navEndActions', 'actions', 'itemActions', 'title', 'items', 'selection'],\n    },\n  ],\n  host: { class: 'template' },\n})\nexport class SelectionTemplate<T> extends NgAtomicComponent {\n  static ActionId = ActionId;\n  protected store = inject(SelectionTemplateStore);\n\n  @Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION)\n  protected toggleOption(item: T) {\n    this.dispatch({ id: ActionId.TOGGLE_OPTION, payload: item });\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-settings.mjs

@@ -0,0 +1,125 @@
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
+import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i2 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { IconAtom } from '@ng-atomic/components/atoms/icon';
+import { NgAtomicComponent } from '@ng-atomic/core';
+
+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 = {}));
+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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SettingsTemplate };
+//# sourceMappingURL=ng-atomic-components-templates-settings.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-templates-settings.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/settings/settings.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/settings/ng-atomic-components-templates-settings.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { MatListModule } from '@angular/material/list';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { IconAtom } from '@ng-atomic/components/atoms/icon';\nimport { Actions, NgAtomicComponent } from '@ng-atomic/core';\ninterface Settings {\n  \n}\n\nenum ActionId {\n  ITEM_CLICK = '[@ng-atomic/components/templates/settings] item click',\n  REMOVE_SERVICE_WORKER = '[@ng-atomic/components/templates/settings] remove service worker',\n}\n\n@Component({\n  selector: 'templates-settings',\n  standalone: true,\n  imports: [\n    ScrollFrame,\n    NavigatorOrganism,\n    MatListModule,\n    MatSlideToggleModule,\n    IconAtom,\n  ],\n  template: `\n  <frames-scroll>\n    <organisms-navigator\n      [startActions]=\"navStartActions()\"\n      (action)=\"dispatch($event)\"\n      navigator\n    >\n      {{ title() }}\n    </organisms-navigator>\n    <div contents>\n    <mat-action-list>\n      <!-- <mat-list-item role=\"listitem\" (click)=\"onItemClick('payment-method')\">\n        <span matListItemTitle>支払い方法</span>\n        <atoms-icon matListItemMeta [name]=\"'chevron_right'\" />\n      </mat-list-item> -->\n      <mat-list-item role=\"listitem\" (click)=\"onItemClick('payments')\">\n        <span matListItemTitle>支払い履歴</span>\n        <atoms-icon matListItemMeta [name]=\"'chevron_right'\" />\n      </mat-list-item>\n      <mat-list-item role=\"listitem\" (click)=\"onServiceWorkerRemoved()\">Service Workerの登録解除</mat-list-item>\n    </mat-action-list>\n    <mat-list role=\"list\">\n      <mat-list-item role=\"listitem\">\n        <atoms-icon matListItemIcon [name]=\"'notifications'\" />\n        <span matListItemTitle>通知の有効化</span>\n        <span matListItemLine>アプリアイコンにバッジが付きます</span>\n        <div matListItemMeta style=\"display: flex; height: 100%; align-items: center\">\n          <mat-slide-toggle\n            class=\"example-margin\"\n            [color]=\"'accent'\"\n            [checked]=\"true\"\n            [disabled]=\"false\"\n          />\n        </div>\n      </mat-list-item>\n    </mat-list>\n    </div>\n  </frames-scroll>`,\n  styleUrl: './settings.template.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'template'\n  }\n})\nexport class SettingsTemplate extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  readonly title = input('title');\n  readonly navStartActions = input<Actions>([]);\n\n  protected onItemClick(payload: string) {\n    this.dispatch({id: ActionId.ITEM_CLICK, payload});\n  }\n\n  protected onServiceWorkerRemoved() {\n    this.dispatch({id: ActionId.REMOVE_SERVICE_WORKER});\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-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: "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"
@@ -38,9 +38,9 @@ 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,
@@ -70,7 +70,7 @@ 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
             }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-tab-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/tab-editor/tab-editor.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/tab-editor/ng-atomic-components-templates-tab-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CodeEditorTemplate } from '@ng-atomic/components/templates/code-editor';\nimport { ToolbarOrganism } from '@ng-atomic/components/organisms/toolbar';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n  selector: 'templates-tab-editor',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ToolbarOrganism,\n    CodeEditorTemplate,\n    MatTabsModule,\n  ],\n  template: `\n      <!-- <organisms-toolbar\n        [form]=\"store.form\"\n        [actions]=\"store.actions\"\n        [endActions]=\"endActions\"\n        (action)=\"dispatch($event)\"\n      ></organisms-toolbar> -->\n      <mat-tab-group #tabGroup>\n        <mat-tab [label]=\"file.name\" *ngFor=\"let file of files;trackBy: trackByHash\" >\n          <ng-container [ngSwitch]=\"file.type\">\n            <templates-image-editor\n              *ngSwitchCase=\"'image/png'\"\n              [file]=\"file\"\n              (action)=\"dispatch($event)\"\n            ></templates-image-editor>\n            <templates-code-editor\n              *ngSwitchDefault\n              [file]=\"file\"\n              (action)=\"dispatch($event)\"\n            ></templates-code-editor>\n          </ng-container>\n        </mat-tab>\n      </mat-tab-group>\n  `,\n  styleUrls: ['./tab-editor.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabEditorTemplate extends NgAtomicComponent {\n  protected trackByHash = (file: File) => `${file.name}-${file.lastModified}`;\n\n  @Input()\n  files: File[] = [];\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-tab-editor.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/tab-editor/tab-editor.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/tab-editor/ng-atomic-components-templates-tab-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CodeEditorTemplate } from '@ng-atomic/components/templates/code-editor';\nimport { ToolbarOrganism } from '@ng-atomic/components/organisms/toolbar';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport { MatTabsModule } from '@angular/material/tabs';\n\n@Component({\n  selector: 'templates-tab-editor',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ToolbarOrganism,\n    CodeEditorTemplate,\n    MatTabsModule,\n  ],\n  template: `\n      <!-- <organisms-toolbar\n        [form]=\"store.form\"\n        [actions]=\"store.actions\"\n        [endActions]=\"endActions\"\n        (action)=\"dispatch($event)\"\n      ></organisms-toolbar> -->\n      <mat-tab-group #tabGroup>\n        <mat-tab [label]=\"file.name\" *ngFor=\"let file of files;trackBy: trackByHash\" >\n          <ng-container [ngSwitch]=\"file.type\">\n            <templates-image-editor\n              *ngSwitchCase=\"'image/png'\"\n              [file]=\"file\"\n              (action)=\"dispatch($event)\"\n            ></templates-image-editor>\n            <templates-code-editor\n              *ngSwitchDefault\n              [file]=\"file\"\n              (action)=\"dispatch($event)\"\n            ></templates-code-editor>\n          </ng-container>\n        </mat-tab>\n      </mat-tab-group>\n  `,\n  styleUrls: ['./tab-editor.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TabEditorTemplate extends NgAtomicComponent {\n  protected trackByHash = (file: File) => `${file.name}-${file.lastModified}`;\n\n  @Input()\n  files: File[] = [];\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-term.mjs

@@ -1,32 +1,35 @@
 import * as i0 from '@angular/core';
-import { Directive, inject, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { input, Directive, inject, Component } from '@angular/core';
 import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
 import * as i1 from 'ngx-markdown';
 import { MarkdownModule } from 'ngx-markdown';
 import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
 import { HeaderMolecule } from '@ng-atomic/components/molecules/header';
-import { NgAtomicComponent } from '@ng-atomic/core';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';
 
 var ActionId;
 (function (ActionId) {
     ActionId["BACK"] = "[@ng-atomic/components/templates/term] Back";
 })(ActionId || (ActionId = {}));
-class TermTemplateStore {
+class TermTemplateStore extends InjectableComponent {
     constructor() {
-        this.navStartActions = [
+        super(...arguments);
+        this.navStartActions = input([
             {
                 id: ActionId.BACK,
                 name: '戻る',
                 icon: 'arrow_back',
             },
-        ];
-        this.navEndActions = [];
+        ]);
+        this.navEndActions = input([]);
+        this.title = input('title');
+        this.src = input('title');
+        this.data = input('data');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplateStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TermTemplateStore, isStandalone: true, ngImport: i0 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplateStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplateStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -36,25 +39,28 @@ class TermTemplate extends NgAtomicComponent {
         this.store = inject(TermTemplateStore);
     }
     static { this.ActionId = ActionId; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TermTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TermTemplate, isStandalone: true, selector: "templates-term", inputs: { title: "title", src: "src" }, usesInheritance: true, hostDirectives: [{ directive: TermTemplateStore }], ngImport: i0, template: `
+    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: `
   <frames-scroll>
     <organisms-navigator 
-      [startActions]="store.navStartActions"
-      [endActions]="store.navEndActions"
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
       (action)="dispatch($event)"
       navigator
     >
-      <molecules-header [title]="title"></molecules-header>
+      <molecules-header [title]="store.title()"></molecules-header>
     </organisms-navigator>
-    <markdown [src]="src" contents></markdown>
+    @if (store.src()) {
+      <markdown [src]="store.src()" contents />
+    } @else {
+      <markdown [data]="store.data()" contents />
+    }
   </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: "ngmodule", type: CommonModule }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }, { kind: "ngmodule", type: MarkdownModule }, { kind: "component", type: i1.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "srcRelativeLink", "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" }] }); }
+  `, 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: "16.2.12", ngImport: i0, type: TermTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TermTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-term', standalone: true, imports: [
-                        CommonModule,
                         NavigatorOrganism,
                         HeaderMolecule,
                         MarkdownModule,
@@ -62,21 +68,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ], template: `
   <frames-scroll>
     <organisms-navigator 
-      [startActions]="store.navStartActions"
-      [endActions]="store.navEndActions"
+      [startActions]="store.navStartActions()"
+      [endActions]="store.navEndActions()"
       (action)="dispatch($event)"
       navigator
     >
-      <molecules-header [title]="title"></molecules-header>
+      <molecules-header [title]="store.title()"></molecules-header>
     </organisms-navigator>
-    <markdown [src]="src" contents></markdown>
+    @if (store.src()) {
+      <markdown [src]="store.src()" contents />
+    } @else {
+      <markdown [data]="store.data()" contents />
+    }
   </frames-scroll>
-  `, hostDirectives: [TermTemplateStore], 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"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }] } });
+  `, hostDirectives: [
+                        {
+                            directive: TermTemplateStore,
+                            inputs: ['navStartActions', 'navEndActions', 'title', 'src', 'data'],
+                        }
+                    ], 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"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-term.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/term/term.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/term/ng-atomic-components-templates-term.ts"],"sourcesContent":["import { Component, Directive, EventEmitter, Input, Output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { MarkdownModule } from 'ngx-markdown';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/templates/term] Back',\n}\n\n@Directive({ standalone: true })\nexport class TermTemplateStore {\n  readonly navStartActions = [\n    {\n      id: ActionId.BACK,\n      name: '戻る',\n      icon: 'arrow_back',\n    },\n  ];\n  readonly navEndActions = [];\n}\n\n@Component({\n  selector: 'templates-term',\n  standalone: true,\n  imports: [\n    CommonModule,\n    NavigatorOrganism,\n    HeaderMolecule,\n    MarkdownModule,\n    ScrollFrame,\n  ],\n  template: `\n  <frames-scroll>\n    <organisms-navigator \n      [startActions]=\"store.navStartActions\"\n      [endActions]=\"store.navEndActions\"\n      (action)=\"dispatch($event)\"\n      navigator\n    >\n      <molecules-header [title]=\"title\"></molecules-header>\n    </organisms-navigator>\n    <markdown [src]=\"src\" contents></markdown>\n  </frames-scroll>\n  `,\n  styleUrls: ['./term.template.scss'],\n  hostDirectives: [TermTemplateStore],\n})\nexport class TermTemplate extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n\n  protected store = inject(TermTemplateStore);\n\n  @Input()\n  title!: string;\n\n  @Input()\n  src!: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAQA,IAAK,QAEJ,CAAA;AAFD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,6CAAoD,CAAA;AACtD,CAAC,EAFI,QAAQ,KAAR,QAAQ,GAEZ,EAAA,CAAA,CAAA,CAAA;MAGY,iBAAiB,CAAA;AAD9B,IAAA,WAAA,GAAA;AAEW,QAAA,IAAA,CAAA,eAAe,GAAG;AACzB,YAAA;gBACE,EAAE,EAAE,QAAQ,CAAC,IAAI;AACjB,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,IAAI,EAAE,YAAY;AACnB,aAAA;SACF,CAAC;QACO,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;AAC7B,KAAA;+GATY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,SAAS;mBAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;;AAsCzB,MAAO,YAAa,SAAQ,iBAAiB,CAAA;AA1BnD,IAAA,WAAA,GAAA;;AA6BY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAO7C,KAAA;aATiB,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;+GADzB,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EArCZ,iBAAiB,EAqBlB,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;GAYT,EAlBC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,kqBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,cAAc,EACd,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,weACd,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAkBF,YAAY,EAAA,UAAA,EAAA,CAAA;kBA1BxB,SAAS;+BACE,gBAAgB,EAAA,UAAA,EACd,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,cAAc;wBACd,cAAc;wBACd,WAAW;qBACZ,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;GAYT,EAEe,cAAA,EAAA,CAAC,iBAAiB,CAAC,EAAA,MAAA,EAAA,CAAA,kqBAAA,CAAA,EAAA,CAAA;8BAQnC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,GAAG,EAAA,CAAA;sBADF,KAAK;;;AC1DR;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-term.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/term/term.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/term/ng-atomic-components-templates-term.ts"],"sourcesContent":["import { Component, Directive, inject, input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { MarkdownModule } from 'ngx-markdown';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { HeaderMolecule } from '@ng-atomic/components/molecules/header';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n  BACK = '[@ng-atomic/components/templates/term] Back',\n}\n\n@Directive({ standalone: true })\nexport class TermTemplateStore extends InjectableComponent {\n  readonly navStartActions = input([\n    {\n      id: ActionId.BACK,\n      name: '戻る',\n      icon: 'arrow_back',\n    },\n  ]);\n  readonly navEndActions = input([]);\n  readonly title = input('title');\n  readonly src = input('title');\n  readonly data = input('data');\n}\n\n@Component({\n  selector: 'templates-term',\n  standalone: true,\n  imports: [\n    NavigatorOrganism,\n    HeaderMolecule,\n    MarkdownModule,\n    ScrollFrame,\n  ],\n  template: `\n  <frames-scroll>\n    <organisms-navigator \n      [startActions]=\"store.navStartActions()\"\n      [endActions]=\"store.navEndActions()\"\n      (action)=\"dispatch($event)\"\n      navigator\n    >\n      <molecules-header [title]=\"store.title()\"></molecules-header>\n    </organisms-navigator>\n    @if (store.src()) {\n      <markdown [src]=\"store.src()\" contents />\n    } @else {\n      <markdown [data]=\"store.data()\" contents />\n    }\n  </frames-scroll>\n  `,\n  styleUrls: ['./term.template.scss'],\n  hostDirectives: [\n    {\n      directive: TermTemplateStore,\n      inputs: ['navStartActions', 'navEndActions', 'title', 'src', 'data'],\n    }\n  ],\n})\nexport class TermTemplate extends NgAtomicComponent {\n  static readonly ActionId = ActionId;\n  protected store = inject(TermTemplateStore);\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.mjs

@@ -3,22 +3,44 @@ 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';
 
 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: [{}]
         }] });

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/templates.module.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/ng-atomic-components-templates.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { IconButtonMenuTemplateStore } from \"@ng-atomic/components/templates/icon-button-menu\";\nimport { MenuTemplateStore } from \"@ng-atomic/components/templates/menu\";\n\n@NgModule({})\nexport class NgAtomicTemplatesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicTemplatesModule,\n      providers: [\n        provideComponent(IconButtonMenuTemplateStore, () => import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate)),\n        provideComponent(MenuTemplateStore, () => import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate)),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAMa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;gBACT,gBAAgB,CAAC,2BAA2B,EAAE,MAAM,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;gBACnJ,gBAAgB,CAAC,iBAAiB,EAAE,MAAM,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AACpH,aAAA;SACF,CAAA;KACF;+GATU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;gHAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,QAAQ;mBAAC,EAAE,CAAA;;;ACLZ;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/templates.module.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/ng-atomic-components-templates.ts"],"sourcesContent":["import { NgModule } from \"@angular/core\";\nimport { provideComponent } from \"@ng-atomic/core\";\nimport { IconButtonMenuTemplateStore } from \"@ng-atomic/components/templates/icon-button-menu\";\nimport { MenuTemplateStore } from \"@ng-atomic/components/templates/menu\";\nimport { EntranceTemplateStore } from \"@ng-atomic/components/templates/entrance\";\nimport { IndexTemplateStore } from '@ng-atomic/components/templates/_index';\nimport { FormTemplateStore } from \"@ng-atomic/components/templates/form\";\nimport { BackgroundTemplateStore } from \"@ng-atomic/components/templates/background\";\n\n@NgModule({})\nexport class NgAtomicTemplatesModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicTemplatesModule,\n      providers: [\n        provideComponent(IndexTemplateStore, () => {\n          return import('@ng-atomic/components/templates/_index').then(m => m.IndexTemplate);\n        }),\n        provideComponent(BackgroundTemplateStore, () => {\n          return import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplate);\n        }),\n        provideComponent(FormTemplateStore, () => {\n          return import('@ng-atomic/components/templates/form').then(m => m.FormTemplate);\n        }),\n        provideComponent(EntranceTemplateStore, () => {\n          return import('@ng-atomic/components/templates/entrance').then(m => m.EntranceTemplate);\n        }),\n        provideComponent(IconButtonMenuTemplateStore, () => {\n          return import('@ng-atomic/components/templates/icon-button-menu').then(m => m.IconButtonMenuTemplate);\n        }),\n        provideComponent(MenuTemplateStore, () => {\n          return import('@ng-atomic/components/templates/menu').then(m => m.MenuTemplate);\n        }),\n        IndexTemplateStore.Config.provide(),\n        FormTemplateStore.Config.provide(),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAUa,uBAAuB,CAAA;AAClC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA,gBAAgB,CAAC,kBAAkB,EAAE,MAAK;AACxC,oBAAA,OAAO,OAAO,wCAAwC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;AACrF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,uBAAuB,EAAE,MAAK;AAC7C,oBAAA,OAAO,OAAO,4CAA4C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,CAAC;AAC9F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,qBAAqB,EAAE,MAAK;AAC3C,oBAAA,OAAO,OAAO,0CAA0C,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAC1F,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,2BAA2B,EAAE,MAAK;AACjD,oBAAA,OAAO,OAAO,kDAAkD,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;AACxG,iBAAC,CAAC;AACF,gBAAA,gBAAgB,CAAC,iBAAiB,EAAE,MAAK;AACvC,oBAAA,OAAO,OAAO,sCAAsC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAClF,iBAAC,CAAC;AACF,gBAAA,kBAAkB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,gBAAA,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE;AACnC,aAAA;SACF,CAAA;KACF;8GA3BU,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;+GAAvB,uBAAuB,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,QAAQ;mBAAC,EAAE,CAAA;;;ACTZ;;AAEG;;;;"}

package/fesm2022/ng-atomic-components.mjs

@@ -7,12 +7,16 @@ import { NgAtomicTemplatesModule } from '@ng-atomic/components/templates';
 import { NgAtomicFramesModule } from '@ng-atomic/components/frames';
 import { NgAtomicPagesModule } from '@ng-atomic/components/pages';
 import { NgAtomicSheetsModule } from '@ng-atomic/components/sheets';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { RootPropertyService } from '@ng-atomic/common/services/root-property';
 
 class NgAtomicComponentsModule {
     static forRoot() {
         return {
             ngModule: NgAtomicComponentsModule,
             providers: [
+                RootPropertyService.Config.provide(),
                 importProvidersFrom(NgAtomicAtomsModule.forRoot()),
                 importProvidersFrom(NgAtomicMoleculesModule.forRoot()),
                 importProvidersFrom(NgAtomicOrganismsModule.forRoot()),
@@ -23,13 +27,20 @@ class NgAtomicComponentsModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponentsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: 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,
+            MatSnackBarModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponentsModule, imports: [MatDialogModule,
+            MatSnackBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicComponentsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicComponentsModule, decorators: [{
             type: NgModule,
-            args: [{}]
+            args: [{
+                    imports: [
+                        MatDialogModule,
+                        MatSnackBarModule,
+                    ]
+                }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/components.module.ts","../../../../../packages/@ng-atomic/components/src/lib/ng-atomic-components.ts"],"sourcesContent":["import { NgModule, importProvidersFrom } from \"@angular/core\";\nimport { NgAtomicAtomsModule } from \"@ng-atomic/components/atoms\";\nimport { NgAtomicMoleculesModule } from \"@ng-atomic/components/molecules\";\nimport { NgAtomicOrganismsModule } from \"@ng-atomic/components/organisms\";\nimport { NgAtomicTemplatesModule } from \"@ng-atomic/components/templates\";\nimport { NgAtomicFramesModule } from \"@ng-atomic/components/frames\";\nimport { NgAtomicPagesModule } from \"@ng-atomic/components/pages\";\nimport { NgAtomicSheetsModule } from '@ng-atomic/components/sheets';\n\n@NgModule({})\nexport class NgAtomicComponentsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicComponentsModule,\n      providers: [\n        importProvidersFrom(NgAtomicAtomsModule.forRoot()),\n        importProvidersFrom(NgAtomicMoleculesModule.forRoot()),\n        importProvidersFrom(NgAtomicOrganismsModule.forRoot()),\n        importProvidersFrom(NgAtomicTemplatesModule.forRoot()),\n        importProvidersFrom(NgAtomicPagesModule.forRoot()),\n        importProvidersFrom(NgAtomicFramesModule.forRoot()),\n        importProvidersFrom(NgAtomicSheetsModule.forRoot()),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAUa,wBAAwB,CAAA;AACnC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,wBAAwB;AAClC,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClD,gBAAA,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;AACnD,gBAAA,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;AACpD,aAAA;SACF,CAAA;KACF;+GAdU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAxB,wBAAwB,EAAA,CAAA,CAAA,EAAA;gHAAxB,wBAAwB,EAAA,CAAA,CAAA,EAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBADpC,QAAQ;mBAAC,EAAE,CAAA;;;ACTZ;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/components.module.ts","../../../../../packages/@ng-atomic/components/src/lib/ng-atomic-components.ts"],"sourcesContent":["import { NgModule, importProvidersFrom } from \"@angular/core\";\nimport { NgAtomicAtomsModule } from \"@ng-atomic/components/atoms\";\nimport { NgAtomicMoleculesModule } from \"@ng-atomic/components/molecules\";\nimport { NgAtomicOrganismsModule } from \"@ng-atomic/components/organisms\";\nimport { NgAtomicTemplatesModule } from \"@ng-atomic/components/templates\";\nimport { NgAtomicFramesModule } from \"@ng-atomic/components/frames\";\nimport { NgAtomicPagesModule } from \"@ng-atomic/components/pages\";\nimport { NgAtomicSheetsModule } from '@ng-atomic/components/sheets';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport { RootPropertyService } from '@ng-atomic/common/services/root-property';\n\n@NgModule({\n  imports: [\n    MatDialogModule,\n    MatSnackBarModule,\n  ]\n})\nexport class NgAtomicComponentsModule {\n  static forRoot() {\n    return {\n      ngModule: NgAtomicComponentsModule,\n      providers: [\n        RootPropertyService.Config.provide(),\n        importProvidersFrom(NgAtomicAtomsModule.forRoot()),\n        importProvidersFrom(NgAtomicMoleculesModule.forRoot()),\n        importProvidersFrom(NgAtomicOrganismsModule.forRoot()),\n        importProvidersFrom(NgAtomicTemplatesModule.forRoot()),\n        importProvidersFrom(NgAtomicPagesModule.forRoot()),\n        importProvidersFrom(NgAtomicFramesModule.forRoot()),\n        importProvidersFrom(NgAtomicSheetsModule.forRoot()),\n      ],\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;MAkBa,wBAAwB,CAAA;AACnC,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,wBAAwB;AAClC,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,CAAC,MAAM,CAAC,OAAO,EAAE;AACpC,gBAAA,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAC;AACtD,gBAAA,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClD,gBAAA,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;AACnD,gBAAA,mBAAmB,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC;AACpD,aAAA;SACF,CAAA;KACF;8GAfU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAJjC,eAAe;YACf,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAJjC,eAAe;YACf,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGR,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,eAAe;wBACf,iBAAiB;AAClB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}