@ng-atomic/components 5.14.0 → 6.0.3

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

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, Input, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { InjectableComponent, NgAtomicComponent } from '@ng-atomic/common/core';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+class IconButtonMenuTemplateStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.actions = [];
+    }
+    static { this.TOKEN = new InjectionToken('IconButtonMenuTemplateStore'); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonMenuTemplateStore, isStandalone: true, selector: "templates-icon-button-menu", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'templates-icon-button-menu' }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }] } });
+class IconButtonMenuTemplate extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(IconButtonMenuTemplateStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonMenuTemplate, isStandalone: true, selector: "templates-icon-button-menu", usesInheritance: true, hostDirectives: [{ directive: IconButtonMenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
+    <button
+      mat-icon-button
+      color="basic"
+      *ngFor="let action of store.actions"
+      (click)="dispatch(action)"
+    >
+      <mat-icon>{{ action.icon }}</mat-icon>
+    </button>
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-eLYD: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-eLYD: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-eLYD)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonMenuTemplate, decorators: [{
+            type: Component,
+            args: [{ selector: 'templates-icon-button-menu', standalone: true, imports: [
+                        CommonModule,
+                        MatButtonModule,
+                        MatIconModule,
+                    ], template: `
+    <button
+      mat-icon-button
+      color="basic"
+      *ngFor="let action of store.actions"
+      (click)="dispatch(action)"
+    >
+      <mat-icon>{{ action.icon }}</mat-icon>
+    </button>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: IconButtonMenuTemplateStore,
+                            inputs: ['actions'],
+                        },
+                    ], styles: [":host{width:100%;height:100%;background:white;display:block;--primary-color: #3f51b5;--primary-color-SCOPED-IN-icon-button-menu-eLYD: var(--primary-color);--mdc-icon-button-icon-color: white;--mdc-icon-button-icon-color-SCOPED-IN-icon-button-menu-eLYD: var(--mdc-icon-button-icon-color)}:host{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;background-color:var(--primary-color-SCOPED-IN-icon-button-menu-eLYD)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconButtonMenuTemplate, IconButtonMenuTemplateStore };
+//# sourceMappingURL=ng-atomic-components-templates-icon-button-menu.mjs.map

package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-templates-icon-button-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/icon-button-menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/icon-button-menu/ng-atomic-components-templates-icon-button-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, InjectionToken, Input, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Action } from '@ng-atomic/common/models';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/common/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Directive({ standalone: true, selector: 'templates-icon-button-menu' })\nexport class IconButtonMenuTemplateStore extends InjectableComponent {\n  static TOKEN = new InjectionToken('IconButtonMenuTemplateStore');\n  @Input() actions: Action[] = [];\n}\n\n@Component({\n  selector: 'templates-icon-button-menu',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatButtonModule,\n    MatIconModule,\n  ],\n  template: `\n    <button\n      mat-icon-button\n      color=\"basic\"\n      *ngFor=\"let action of store.actions\"\n      (click)=\"dispatch(action)\"\n    >\n      <mat-icon>{{ action.icon }}</mat-icon>\n    </button>\n  `,\n  styleUrls: ['./icon-button-menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: IconButtonMenuTemplateStore,\n      inputs: ['actions'],\n    },\n  ]\n})\nexport class IconButtonMenuTemplate extends NgAtomicComponent {\n  protected store = inject(IconButtonMenuTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/{fesm2020 → fesm2022}/ng-atomic-components-templates-loading.mjs

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

package/{fesm2020 → fesm2022}/ng-atomic-components-templates-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/loading/loading.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/loading/loading.template.html","../../../../../packages/@ng-atomic/components/src/lib/templates/loading/ng-atomic-components-templates-loading.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'templates-loading',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule,\n  ],\n  templateUrl: './loading.template.html',\n  styleUrls: ['./loading.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingTemplate { }\n","<mat-spinner></mat-spinner>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,ECf5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+BACA,EDOI,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,SAAS;+BACE,mBAAmB,EAAA,UAAA,EACjB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/loading/loading.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/loading/loading.template.html","../../../../../packages/@ng-atomic/components/src/lib/templates/loading/ng-atomic-components-templates-loading.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'templates-loading',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatProgressSpinnerModule,\n  ],\n  templateUrl: './loading.template.html',\n  styleUrls: ['./loading.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingTemplate { }\n","<mat-spinner></mat-spinner>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAea,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,ECf5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+BACA,EDOI,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAMf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,SAAS;+BACE,mBAAmB,EAAA,UAAA,EACjB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,wBAAwB;qBACzB,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}

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

@@ -0,0 +1,71 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, Directive, Input, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import { InjectableComponent } from '@ng-atomic/common/core';
+import { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';
+import { NavigationListOrganismStore } from '@ng-atomic/components/organisms/navigation-list';
+import { MenuFooterOrganismStore } from '@ng-atomic/components/organisms/menu-footer';
+import { MenuHeaderOrganismStore } from '@ng-atomic/components/organisms/menu-header';
+
+class MenuTemplateStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.actions = [];
+    }
+    static { this.TOKEN = new InjectionToken('[@ng-atomic/components] MenuTemplateStore'); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplateStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MenuTemplateStore, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplateStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'templates-menu' }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }] } });
+class MenuTemplate extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(MenuTemplateStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplate, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuTemplate, isStandalone: true, selector: "templates-menu", usesInheritance: true, hostDirectives: [{ directive: MenuTemplateStore, inputs: ["actions", "actions"] }], ngImport: i0, template: `
+  <div class="top">
+    <organisms-menu-header injectable></organisms-menu-header>
+    <organisms-navigation-list injectable
+      [actions]="store.actions"
+      (action)="dispatch($event)"
+    ></organisms-navigation-list>
+  </div>
+  <organisms-menu-footer injectable></organisms-menu-footer>
+  `, isInline: true, styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-EusO: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-EusO: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-EusO: var(--width);--height: 100%;--height-SCOPED-IN-menu-EusO: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-EusO);height:var(--height-SCOPED-IN-menu-EusO);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-EusO)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-EusO);--secondary-color: var(--secondary-color-SCOPED-IN-menu-EusO)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: MenuHeaderOrganismStore, selector: "organisms-menu-header" }, { kind: "directive", type: NavigationListOrganismStore, selector: "organisms-navigation-list", inputs: ["actions"] }, { kind: "directive", type: MenuFooterOrganismStore, selector: "organisms-menu-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuTemplate, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        MenuHeaderOrganismStore,
+                        NavigationListOrganismStore,
+                        MenuFooterOrganismStore
+                    ], selector: 'templates-menu', template: `
+  <div class="top">
+    <organisms-menu-header injectable></organisms-menu-header>
+    <organisms-navigation-list injectable
+      [actions]="store.actions"
+      (action)="dispatch($event)"
+    ></organisms-navigation-list>
+  </div>
+  <organisms-menu-footer injectable></organisms-menu-footer>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: MenuTemplateStore,
+                            inputs: ['actions'],
+                        },
+                    ], styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-EusO: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-EusO: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-EusO: var(--width);--height: 100%;--height-SCOPED-IN-menu-EusO: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-EusO);height:var(--height-SCOPED-IN-menu-EusO);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-EusO)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-EusO);--secondary-color: var(--secondary-color-SCOPED-IN-menu-EusO)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MenuTemplate, MenuTemplateStore };
+//# sourceMappingURL=ng-atomic-components-templates-menu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, InjectionToken, Input, Type, inject } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { InjectableComponent } from '@ng-atomic/common/core';\nimport { NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\nimport { NavigationListOrganismStore } from '@ng-atomic/components/organisms/navigation-list';\nimport { MenuFooterOrganismStore } from '@ng-atomic/components/organisms/menu-footer';\nimport { MenuHeaderOrganismStore } from '@ng-atomic/components/organisms/menu-header';\n\n@Directive({ standalone: true, selector: 'templates-menu' })\nexport class MenuTemplateStore extends InjectableComponent {\n  static readonly TOKEN = new InjectionToken<Type<MenuTemplateStore>>('[@ng-atomic/components] MenuTemplateStore');\n  @Input() actions: Action<string>[] = [];\n}\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    MenuHeaderOrganismStore,\n    NavigationListOrganismStore,\n    MenuFooterOrganismStore\n  ],\n  selector: 'templates-menu',\n  template: `\n  <div class=\"top\">\n    <organisms-menu-header injectable></organisms-menu-header>\n    <organisms-navigation-list injectable\n      [actions]=\"store.actions\"\n      (action)=\"dispatch($event)\"\n    ></organisms-navigation-list>\n  </div>\n  <organisms-menu-footer injectable></organisms-menu-footer>\n  `,\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: MenuTemplateStore,\n      inputs: ['actions'],\n    },\n  ]\n})\nexport class MenuTemplate extends NgAtomicComponent {\n  protected store = inject(MenuTemplateStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAUM,MAAO,iBAAkB,SAAQ,mBAAmB,CAAA;AAD1D,IAAA,WAAA,GAAA;;QAGW,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AACzC,KAAA;AAFiB,IAAA,SAAA,IAAA,CAAA,KAAK,GAAG,IAAI,cAAc,CAA0B,2CAA2C,CAAC,CAAC,EAAA;+GADtG,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAA;8BAGhD,OAAO,EAAA,CAAA;sBAAf,KAAK;;AA+BF,MAAO,YAAa,SAAQ,iBAAiB,CAAA;AA5BnD,IAAA,WAAA,GAAA;;AA6BY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAC7C,KAAA;+GAFY,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,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAjCZ,iBAAiB,EAclB,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;AAST,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAfC,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,uBAAuB,EACvB,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,2FAC3B,uBAAuB,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAsBd,YAAY,EAAA,UAAA,EAAA,CAAA;kBA5BxB,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,2BAA2B;wBAC3B,uBAAuB;AACxB,qBAAA,EAAA,QAAA,EACS,gBAAgB,EAChB,QAAA,EAAA,CAAA;;;;;;;;;GAST,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,iBAAiB;4BAC5B,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,yBAAA;AACF,qBAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;;;ACzCH;;AAEG;;;;"}

package/{fesm2020 → fesm2022}/ng-atomic-components-templates-messages.mjs

@@ -20,9 +20,8 @@ class MessagesTemplate {
         });
         this.action = new EventEmitter();
     }
-}
-MessagesTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MessagesTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MessagesTemplate, isStandalone: true, selector: "templates-messages", inputs: { navStartActions: "navStartActions", navEndActions: "navEndActions", messages: "messages", form: "form" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: `
     <frames-scroll>
       <organisms-navigator
         [startActions]="navStartActions"
@@ -44,8 +43,9 @@ MessagesTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
         ></organisms-textarea-section>
       </div>
     </frames-scroll>
-  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block}:host .message{display:block;height:100%;position:relative}:host .message .scroll{height:calc(100% - 80px);overflow:scroll}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MessagesTemplate, decorators: [{
+  `, isInline: true, styles: [":host{width:100%;height:100%;background:white;display:block}:host .message{display:block;height:100%;position:relative}:host .message .scroll{height:calc(100% - 80px);overflow:scroll}:host .message organisms-textarea-section{position:absolute;overflow:hidden;--vertical-padding: 0px;width:100%;height:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: MessagesSectionOrganism, selector: "organisms-messages-section", inputs: ["messages"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "placeholder", "hint", "control"], outputs: ["action"] }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesTemplate, decorators: [{
             type: Component,
             args: [{ selector: 'templates-messages', standalone: true, imports: [
                         CommonModule,

package/{fesm2020 → fesm2022}/ng-atomic-components-templates-messages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-messages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/messages/messages.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/messages/ng-atomic-components-templates-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';\nimport { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';\nimport { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'templates-messages',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MessagesSectionOrganism,\n    MessageInputSectionOrganism,\n    TextareaSectionOrganism,\n    ScrollFrame,\n    NavigatorOrganism,\n  ],\n  template: `\n    <frames-scroll>\n      <organisms-navigator\n        [startActions]=\"navStartActions\"\n        [endActions]=\"navEndActions\"\n        (action)=\"action.emit($event)\"\n        navigator\n      >\n        <span> メッセージ </span>\n      </organisms-navigator>\n      <div class=\"message\" contents>\n        <div class=\"scroll\">\n          <organisms-messages-section\n            [messages]=\"messages\"\n          ></organisms-messages-section>\n        </div>\n        <organisms-textarea-section\n          [control]=\"form.get(['message'])\"\n          (action)=\"action.emit($event)\"\n        ></organisms-textarea-section>\n      </div>\n    </frames-scroll>\n  `,\n  styleUrls: ['./messages.template.scss'],\n  host: { class: 'template' },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessagesTemplate {\n  @Input()\n  navStartActions: Action[] = [];\n\n  @Input()\n  navEndActions: Action[] = [];\n\n  @Input()\n  messages: {role: string, content: string}[] = [];\n\n  @Input()\n  form = new FormGroup({\n    name: new FormControl(''),\n    description: new FormControl(''),\n    message: new FormControl(''),\n  });\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAkDa,gBAAgB,CAAA;AAtC7B,IAAA,WAAA,GAAA;QAwCE,IAAe,CAAA,eAAA,GAAa,EAAE,CAAC;QAG/B,IAAa,CAAA,aAAA,GAAa,EAAE,CAAC;QAG7B,IAAQ,CAAA,QAAA,GAAsC,EAAE,CAAC;QAGjD,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,IAAI,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,YAAA,WAAW,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAChC,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,SAAA,CAAC,CAAC;AAGH,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;6GApBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EA3BjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBT,EA7BC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,uBAAuB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEvB,uBAAuB,EACvB,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAW,0DACX,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FA6BR,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAtC5B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,2BAA2B;wBAC3B,uBAAuB;wBACvB,WAAW;wBACX,iBAAiB;qBAClB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBT,EAEK,IAAA,EAAA,EAAE,KAAK,EAAE,UAAU,EAAE,EACV,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,sTAAA,CAAA,EAAA,CAAA;8BAI/C,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,MAAM,EAAA,CAAA;sBADL,MAAM;;;ACnET;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-messages.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/templates/messages/messages.template.ts","../../../../../packages/@ng-atomic/components/src/lib/templates/messages/ng-atomic-components-templates-messages.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessagesSectionOrganism } from '@ng-atomic/components/organisms/messages-section';\nimport { MessageInputSectionOrganism } from '@ng-atomic/components/organisms/message-input-section';\nimport { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';\nimport { ScrollFrame } from '@ng-atomic/components/frames/scroll';\nimport { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@angular/forms';\nimport { Action } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'templates-messages',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MessagesSectionOrganism,\n    MessageInputSectionOrganism,\n    TextareaSectionOrganism,\n    ScrollFrame,\n    NavigatorOrganism,\n  ],\n  template: `\n    <frames-scroll>\n      <organisms-navigator\n        [startActions]=\"navStartActions\"\n        [endActions]=\"navEndActions\"\n        (action)=\"action.emit($event)\"\n        navigator\n      >\n        <span> メッセージ </span>\n      </organisms-navigator>\n      <div class=\"message\" contents>\n        <div class=\"scroll\">\n          <organisms-messages-section\n            [messages]=\"messages\"\n          ></organisms-messages-section>\n        </div>\n        <organisms-textarea-section\n          [control]=\"form.get(['message'])\"\n          (action)=\"action.emit($event)\"\n        ></organisms-textarea-section>\n      </div>\n    </frames-scroll>\n  `,\n  styleUrls: ['./messages.template.scss'],\n  host: { class: 'template' },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessagesTemplate {\n  @Input()\n  navStartActions: Action[] = [];\n\n  @Input()\n  navEndActions: Action[] = [];\n\n  @Input()\n  messages: {role: string, content: string}[] = [];\n\n  @Input()\n  form = new FormGroup({\n    name: new FormControl(''),\n    description: new FormControl(''),\n    message: new FormControl(''),\n  });\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAkDa,gBAAgB,CAAA;AAtC7B,IAAA,WAAA,GAAA;QAwCE,IAAe,CAAA,eAAA,GAAa,EAAE,CAAC;QAG/B,IAAa,CAAA,aAAA,GAAa,EAAE,CAAC;QAG7B,IAAQ,CAAA,QAAA,GAAsC,EAAE,CAAC;QAGjD,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,IAAI,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AACzB,YAAA,WAAW,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAChC,YAAA,OAAO,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC7B,SAAA,CAAC,CAAC;AAGH,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;+GApBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EA3BjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBT,EA7BC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,sTAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,uBAAuB,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEvB,uBAAuB,EACvB,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAW,0DACX,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FA6BR,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAtC5B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,2BAA2B;wBAC3B,uBAAuB;wBACvB,WAAW;wBACX,iBAAiB;qBAClB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsBT,EAEK,IAAA,EAAA,EAAE,KAAK,EAAE,UAAU,EAAE,EACV,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,sTAAA,CAAA,EAAA,CAAA;8BAI/C,eAAe,EAAA,CAAA;sBADd,KAAK;gBAIN,aAAa,EAAA,CAAA;sBADZ,KAAK;gBAIN,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAQN,MAAM,EAAA,CAAA;sBADL,MAAM;;;ACnET;;AAEG;;;;"}

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

@@ -0,0 +1,135 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+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 { NgAtomicComponent, Effect } from '@ng-atomic/common/stores/component-store';
+import { SelectionListOrganism } from '@ng-atomic/components/organisms/selection-list';
+import { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';
+import { SelectionModel } from '@angular/cdk/collections';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["BACK"] = "[@ng-atomic/components/templates/selection] Back";
+    ActionId["SUBMIT"] = "[@ng-atomic/components/templates/selection] Submit";
+    ActionId["TOGGLE_OPTION"] = "[@ng-atomic/components/templates/selection-list] Toggle Option";
+})(ActionId || (ActionId = {}));
+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);
+    }
+    static { this.ActionId = ActionId; }
+    toggleOption(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: `
+  <frames-scroll>
+    <organisms-navigator 
+      [startActions]="navStartActions"
+      [endActions]="navEndActions"
+      (action)="dispatch($event)"
+      top
+    >
+      <molecules-header [title]="title"></molecules-header>
+    </organisms-navigator>
+    <organisms-selection-list
+      [items]="items"
+      [itemActions]="itemActions"
+      [selection]="selection"
+      (action)="dispatch($event)"
+      contents
+    ></organisms-selection-list>
+    <organisms-action-buttons-section
+      [actions]="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 }); }
+}
+__decorate([
+    Effect(SelectionListOrganism.ActionId.TOGGLE_OPTION),
+    __metadata("design:type", Function),
+    __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: [{
+            type: Component,
+            args: [{ selector: 'templates-selection', standalone: true, imports: [
+                        CommonModule,
+                        ScrollFrame,
+                        NavigatorOrganism,
+                        HeaderMolecule,
+                        SelectionListOrganism,
+                        ActionButtonsSectionOrganism,
+                    ], template: `
+  <frames-scroll>
+    <organisms-navigator 
+      [startActions]="navStartActions"
+      [endActions]="navEndActions"
+      (action)="dispatch($event)"
+      top
+    >
+      <molecules-header [title]="title"></molecules-header>
+    </organisms-navigator>
+    <organisms-selection-list
+      [items]="items"
+      [itemActions]="itemActions"
+      [selection]="selection"
+      (action)="dispatch($event)"
+      contents
+    ></organisms-selection-list>
+    <organisms-action-buttons-section
+      [actions]="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: [] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectionTemplate };
+//# sourceMappingURL=ng-atomic-components-templates-selection.mjs.map

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

@@ -0,0 +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/common/models';\nimport { Effect, NgAtomicComponent } from '@ng-atomic/common/stores/component-store';\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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"}