@ng-atomic/components 5.4.2 → 5.5.0

package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs

@@ -1,11 +1,10 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { MatMenuModule } from '@angular/material/menu';
 import * as i1 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatLegacyMenuModule } from '@angular/material/legacy-menu';
-import * as i2 from '@ng-atomic/components/atoms/smart-menu-button';
-import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
 
 class TopNavigatorOrganism {
     constructor() {
@@ -15,10 +14,15 @@ class TopNavigatorOrganism {
     }
 }
 TopNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-ToEc: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-ToEc);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"], dependencies: [{ kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TopNavigatorOrganism, isStandalone: true, selector: "organisms-top-navigator", inputs: { title: "title", items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-WHPU: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-WHPU);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorOrganism, decorators: [{
             type: Component,
-            args: [{ selector: 'organisms-top-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-ToEc: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-ToEc);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
+            args: [{ selector: 'organisms-top-navigator', standalone: true, imports: [
+                        CommonModule,
+                        MatToolbarModule,
+                        MatMenuModule,
+                        SmartMenuButtonAtom,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--primary-500-SCOPED-IN-top-navigator-WHPU: var(--primary-500)}:host{width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-WHPU);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], items: [{
@@ -27,44 +31,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class TopNavigatorModule {
-}
-TopNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TopNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorModule, declarations: [TopNavigatorOrganism], imports: [CommonModule,
-        // Material
-        MatToolbarModule,
-        MatLegacyMenuModule,
-        // Atoms
-        SmartMenuButtonModule], exports: [TopNavigatorOrganism] });
-TopNavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorModule, imports: [CommonModule,
-        // Material
-        MatToolbarModule,
-        MatLegacyMenuModule,
-        // Atoms
-        SmartMenuButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TopNavigatorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TopNavigatorOrganism
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Material
-                        MatToolbarModule,
-                        MatLegacyMenuModule,
-                        // Atoms
-                        SmartMenuButtonModule,
-                    ],
-                    exports: [
-                        TopNavigatorOrganism
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TopNavigatorModule, TopNavigatorOrganism };
+export { TopNavigatorOrganism };
 //# sourceMappingURL=ng-atomic-components-organisms-top-navigator.mjs.map

package/fesm2015/ng-atomic-components-organisms-top-navigator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n\n@Component({\n  selector: 'organisms-top-navigator',\n  templateUrl: './top-navigator.organism.html',\n  styleUrls: ['./top-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n  @Input()\n  title?: string;\n\n  @Input()\n  items: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n  \n  id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n  declarations: [\n    TopNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatToolbarModule,\n    MatMenuModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    TopNavigatorOrganism\n  ]\n})\nexport class TopNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatMenuModule"],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE,CAAC;AAGrB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;iHAbY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,0ICVjC,0QAWA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0QAAA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEMI,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAd3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAX3B,YAAY;;QAEZ,gBAAgB;QAChBA,mBAAa;;QAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;2FAMZ,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAhB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChBA,mBAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;ACvBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/top-navigator.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/top-navigator/ng-atomic-components-organisms-top-navigator.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { Action } from '@ng-atomic/common/models';\nimport { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';\n\n\n@Component({\n  selector: 'organisms-top-navigator',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatToolbarModule,\n    MatMenuModule,\n    SmartMenuButtonAtom,\n  ],\n  templateUrl: './top-navigator.organism.html',\n  styleUrls: ['./top-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TopNavigatorOrganism {\n\n  @Input()\n  title?: string;\n\n  @Input()\n  items: Action[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n  \n  id = (item: {id: string}) => item.id;\n\n}\n","<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [items]=\"items\"\n      (action)=\"action.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAqBa,oBAAoB,CAAA;AAbjC,IAAA,WAAA,GAAA;AAmBE,QAAA,IAAK,CAAA,KAAA,GAAa,EAAE,CAAC;AAGrB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;QAEpC,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;iHAbY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBjC,0QAWA,EDCI,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BACZ,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,mBAAmB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAMV,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,gBAAgB;wBAChB,aAAa;wBACb,mBAAmB;AACpB,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,0QAAA,EAAA,MAAA,EAAA,CAAA,odAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AE7BT;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-templates-entrance.mjs

@@ -1,19 +1,14 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@ng-atomic/components/organisms/action-buttons-section';
-import { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';
-import * as i5 from '@ng-atomic/components/organisms/heading';
-import { HeadingModule } from '@ng-atomic/components/organisms/heading';
-import * as i6 from '@ng-atomic/components/organisms/text-input-section';
-import { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';
-import { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';
-import * as i2 from '@ng-atomic/components/frames/auto-layout';
-import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
-import * as i3 from '@ng-atomic/components/frames/card';
-import { CardModule } from '@ng-atomic/components/frames/card';
-import { FormGroup, FormControl } from '@angular/forms';
+import { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';
+import { CardFrame } from '@ng-atomic/components/frames/card';
+import { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';
+import { HeadingOrganism } from '@ng-atomic/components/organisms/heading';
+import { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';
+import { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';
 
 var ActionId;
 (function (ActionId) {
@@ -52,10 +47,18 @@ class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-zAfw: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-zAfw: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-zAfw);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-zAfw)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: i3.CardFrame, selector: "frames-card" }, { kind: "component", type: i4.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: i5.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: i6.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: EntranceTemplate, isStandalone: true, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-r1vF: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-r1vF: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-r1vF);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-r1vF)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: CardFrame, selector: "frames-card" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-entrance', host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-zAfw: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-zAfw: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-zAfw);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-zAfw)}\n"] }]
+            args: [{ selector: 'templates-entrance', standalone: true, imports: [
+                        CommonModule,
+                        AutoLayoutFrame,
+                        CardFrame,
+                        ActionButtonsSectionOrganism,
+                        HeadingOrganism,
+                        SocialLoginSectionOrganism,
+                        TextInputSectionOrganism,
+                    ], host: { class: 'template' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-r1vF: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-r1vF: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-r1vF);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-r1vF)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], isEmailSectionShown: [{
@@ -68,56 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Output
             }] } });
 
-class EntranceModule {
-}
-EntranceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-EntranceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: EntranceModule, bootstrap: [EntranceTemplate], declarations: [EntranceTemplate], imports: [CommonModule,
-        // Frames
-        AutoLayoutModule,
-        CardModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        HeadingModule,
-        SocialLoginSectionModule,
-        TextInputSectionModule], exports: [EntranceTemplate] });
-EntranceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceModule, imports: [CommonModule,
-        // Frames
-        AutoLayoutModule,
-        CardModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        HeadingModule,
-        SocialLoginSectionModule,
-        TextInputSectionModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: EntranceModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        EntranceTemplate
-                    ],
-                    imports: [
-                        CommonModule,
-                        // Frames
-                        AutoLayoutModule,
-                        CardModule,
-                        // Organisms
-                        ActionButtonsSectionModule,
-                        HeadingModule,
-                        SocialLoginSectionModule,
-                        TextInputSectionModule,
-                    ],
-                    exports: [
-                        EntranceTemplate
-                    ],
-                    bootstrap: [
-                        EntranceTemplate,
-                    ]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActionId, Actions, EntranceModule, EntranceTemplate };
+export { ActionId, Actions, EntranceTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-entrance.mjs.map

package/fesm2015/ng-atomic-components-templates-entrance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/templates/entrance/entrance.template.html","../../../../../packages/@ng-atomic/components/src/templates/entrance/entrance.module.ts","../../../../../packages/@ng-atomic/components/src/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup, FormControl} from '@angular/forms';\n\nexport enum ActionId {\n  SIGN_IN = '[@ng-atomic/components] Sign In',\n  SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n  SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\nexport const Actions: Action[] = [\n  {\n    id: ActionId.SIGN_IN,\n    name: 'Sign In',\n    icon: 'login',\n  },\n  {\n    id: ActionId.SIGN_IN_WITH_GOOGLE,\n    name: 'Sign In With Google',\n    icon: 'google',\n  },\n  {\n    id: ActionId.SIGN_IN_WITH_TWITTER,\n    name: 'Sign In With Twitter',\n    icon: 'twitter',\n  },\n];\n\n@Component({\n  selector: 'templates-entrance',\n  templateUrl: './entrance.template.html',\n  styleUrls: ['./entrance.template.scss'],\n  host: {class: 'template'},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n  protected ActionId = ActionId\n\n  @Input()\n  form = new FormGroup({\n    email: new FormControl(''),\n    password: new FormControl(''),\n  });\n\n  @Input()\n  isEmailSectionShown = true;\n\n  @Input()\n  isPasswordSectionShown = true;\n\n  @Input()\n  actions = Actions;\n\n  @Output()\n  action = new EventEmitter<Action>()\n}\n","<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>ログイン</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"メールアドレス\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"パスワード\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n  declarations: [\n    EntranceTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Frames\n    AutoLayoutModule,\n    CardModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    HeadingModule,\n    SocialLoginSectionModule,\n    TextInputSectionModule,\n  ],\n  exports: [\n    EntranceTemplate\n  ],\n  bootstrap: [\n    EntranceTemplate,\n  ]\n})\nexport class EntranceModule { }\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-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/entrance/entrance.template.ts","../../../../../packages/@ng-atomic/components/src/templates/entrance/entrance.template.html","../../../../../packages/@ng-atomic/components/src/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup, FormControl} from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';\nimport { CardFrame } from '@ng-atomic/components/frames/card';\nimport { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingOrganism } from '@ng-atomic/components/organisms/heading';\nimport { SocialLoginSectionOrganism } from '@ng-atomic/components/organisms/social-login-section';\nimport { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';\n\nexport enum ActionId {\n  SIGN_IN = '[@ng-atomic/components] Sign In',\n  SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n  SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\nexport const Actions: Action[] = [\n  {\n    id: ActionId.SIGN_IN,\n    name: 'Sign In',\n    icon: 'login',\n  },\n  {\n    id: ActionId.SIGN_IN_WITH_GOOGLE,\n    name: 'Sign In With Google',\n    icon: 'google',\n  },\n  {\n    id: ActionId.SIGN_IN_WITH_TWITTER,\n    name: 'Sign In With Twitter',\n    icon: 'twitter',\n  },\n];\n\n@Component({\n  selector: 'templates-entrance',\n  standalone: true,\n  imports: [\n    CommonModule,\n    AutoLayoutFrame,\n    CardFrame,\n    ActionButtonsSectionOrganism,\n    HeadingOrganism,\n    SocialLoginSectionOrganism,\n    TextInputSectionOrganism,\n  ],\n  templateUrl: './entrance.template.html',\n  styleUrls: ['./entrance.template.scss'],\n  host: {class: 'template'},\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n  protected ActionId = ActionId\n\n  @Input()\n  form = new FormGroup({\n    email: new FormControl(''),\n    password: new FormControl(''),\n  });\n\n  @Input()\n  isEmailSectionShown = true;\n\n  @Input()\n  isPasswordSectionShown = true;\n\n  @Input()\n  actions = Actions;\n\n  @Output()\n  action = new EventEmitter<Action>()\n}\n","<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>ログイン</organisms-heading>\n    <organisms-text-input-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"メールアドレス\"\n      [control]=\"form.get('email')\"\n    ></organisms-text-input-section>\n    <organisms-text-input-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"パスワード\"\n      [control]=\"form.get('password')\"\n    ></organisms-text-input-section>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,50 +1,24 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/material/legacy-progress-spinner';
-import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
 class LoadingTemplate {
 }
 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, 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: "component", type: i1.MatLegacyProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+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: [{
             type: Component,
-            args: [{ selector: 'templates-loading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"] }]
-        }] });
-
-class LoadingModule {
-}
-LoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: LoadingModule, bootstrap: [LoadingTemplate], declarations: [LoadingTemplate], imports: [CommonModule,
-        // Materials
-        MatLegacyProgressSpinnerModule], exports: [LoadingTemplate] });
-LoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingModule, imports: [CommonModule,
-        // Materials
-        MatLegacyProgressSpinnerModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: LoadingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        LoadingTemplate
-                    ],
-                    imports: [
+            args: [{ selector: 'templates-loading', standalone: true, imports: [
                         CommonModule,
-                        // Materials
-                        MatLegacyProgressSpinnerModule,
-                    ],
-                    exports: [
-                        LoadingTemplate
-                    ],
-                    bootstrap: [
-                        LoadingTemplate,
-                    ],
-                }]
+                        MatProgressSpinnerModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"] }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { LoadingModule, LoadingTemplate };
+export { LoadingTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-loading.mjs.map

package/fesm2015/ng-atomic-components-templates-loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/loading/loading.template.ts","../../../../../packages/@ng-atomic/components/src/templates/loading/loading.template.html","../../../../../packages/@ng-atomic/components/src/templates/loading/loading.module.ts","../../../../../packages/@ng-atomic/components/src/templates/loading/ng-atomic-components-templates-loading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'templates-loading',\n  templateUrl: './loading.template.html',\n  styleUrls: ['./loading.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingTemplate { }\n","<mat-spinner></mat-spinner>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';\n\nimport { LoadingTemplate } from './loading.template';\n\n\n@NgModule({\n  declarations: [\n    LoadingTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatProgressSpinnerModule,\n  ],\n  exports: [\n    LoadingTemplate\n  ],\n  bootstrap: [\n    LoadingTemplate,\n  ],\n})\nexport class LoadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["MatProgressSpinnerModule"],"mappings":";;;;;;MAQa,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,yDCR5B,+BACA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDOa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,CAAA;;;MEiBpC,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAHtB,SAAA,EAAA,CAAA,eAAe,CAXf,EAAA,YAAA,EAAA,CAAA,eAAe,aAGf,YAAY;;QAEZA,8BAAwB,aAGxB,eAAe,CAAA,EAAA,CAAA,CAAA;AAMN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAXtB,YAAY;;QAEZA,8BAAwB,CAAA,EAAA,CAAA,CAAA;2FASf,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhBzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,8BAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,eAAe;AAChB,qBAAA;iBACF,CAAA;;;ACtBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/loading/loading.template.ts","../../../../../packages/@ng-atomic/components/src/templates/loading/loading.template.html","../../../../../packages/@ng-atomic/components/src/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;AACzB,qBAAA,EAGgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,CAAA;;;AEbjD;;AAEG;;;;"}

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

@@ -1,8 +1,7 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@ng-atomic/components/organisms/navigation-list';
-import { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';
 import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { NavigationListOrganism } from '@ng-atomic/components/organisms/navigation-list';
 
 class MenuTemplate {
     constructor() {
@@ -11,42 +10,22 @@ class MenuTemplate {
     }
 }
 MenuTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-5eSR: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-5eSR: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-5eSR: var(--width);--height: 100%;--height-SCOPED-IN-menu-5eSR: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-5eSR);height:var(--height-SCOPED-IN-menu-5eSR);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-5eSR)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-5eSR);--secondary-color: var(--secondary-color-SCOPED-IN-menu-5eSR)}\n"], dependencies: [{ kind: "component", type: i1.NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: MenuTemplate, isStandalone: true, selector: "templates-menu", inputs: { actions: "actions" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-fjXt: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-fjXt: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-fjXt: var(--width);--height: 100%;--height-SCOPED-IN-menu-fjXt: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-fjXt);height:var(--height-SCOPED-IN-menu-fjXt);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-fjXt)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-fjXt);--secondary-color: var(--secondary-color-SCOPED-IN-menu-fjXt)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["actions"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-5eSR: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-5eSR: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-5eSR: var(--width);--height: 100%;--height-SCOPED-IN-menu-5eSR: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-5eSR);height:var(--height-SCOPED-IN-menu-5eSR);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-5eSR)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-5eSR);--secondary-color: var(--secondary-color-SCOPED-IN-menu-5eSR)}\n"] }]
+            args: [{ standalone: true, imports: [
+                        CommonModule,
+                        NavigationListOrganism,
+                    ], selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-fjXt: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-fjXt: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-fjXt: var(--width);--height: 100%;--height-SCOPED-IN-menu-fjXt: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-fjXt);height:var(--height-SCOPED-IN-menu-fjXt);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-fjXt)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-fjXt);--secondary-color: var(--secondary-color-SCOPED-IN-menu-fjXt)}\n"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], action: [{
                 type: Output
             }] } });
 
-class MenuModule {
-}
-MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: MenuModule, bootstrap: [MenuTemplate], declarations: [MenuTemplate], imports: [CommonModule,
-        // Organisms
-        NavigationListModule], exports: [MenuTemplate] });
-MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuModule, imports: [CommonModule,
-        // Organisms
-        NavigationListModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: MenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MenuTemplate],
-                    imports: [
-                        CommonModule,
-                        // Organisms
-                        NavigationListModule,
-                    ],
-                    exports: [MenuTemplate],
-                    bootstrap: [MenuTemplate],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MenuModule, MenuTemplate };
+export { MenuTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-menu.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.module.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'templates-menu',\n  templateUrl: './menu.template.html',\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n  declarations: [MenuTemplate],\n  imports: [\n    CommonModule,\n    // Organisms\n    NavigationListModule,\n  ],\n  exports: [MenuTemplate],\n  bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;AASE,QAAA,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KAErC;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,qHCTzB,uRASM,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;MEGI,UAAU,CAAA;;uGAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAV,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EAFT,SAAA,EAAA,CAAA,YAAY,CAPT,EAAA,YAAA,EAAA,CAAA,YAAY,aAEzB,YAAY;;QAEZ,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA;AAGX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,YAPnB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAKX,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;iBAC1B,CAAA;;;AChBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.ts","../../../../../packages/@ng-atomic/components/src/templates/menu/menu.template.html","../../../../../packages/@ng-atomic/components/src/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { NavigationListOrganism } from '@ng-atomic/components/organisms/navigation-list';\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    NavigationListOrganism,\n  ],\n  selector: 'templates-menu',\n  templateUrl: './menu.template.html',\n  styleUrls: ['./menu.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n  @Input()\n  actions: Action<string>[] = [];\n\n  @Output()\n  action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [actions]=\"actions\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAgBa,YAAY,CAAA;AAXzB,IAAA,WAAA,GAAA;AAcE,QAAA,IAAO,CAAA,OAAA,GAAqB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;KAErC;;yGARY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EChBzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,uRASM,EDDF,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,sBAAsB,EAAA,QAAA,EAAA,2BAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAOb,YAAY,EAAA,UAAA,EAAA,CAAA;kBAXxB,SAAS;YACI,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,sBAAsB;qBACvB,EAAA,QAAA,EACS,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,MAAM,EAAA,CAAA;sBADL,MAAM;;;AErBT;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-templates-smart-crud.mjs

@@ -3,24 +3,15 @@ import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
-import * as i5 from '@ng-atomic/components/frames/scroll';
-import { ScrollModule } from '@ng-atomic/components/frames/scroll';
-import * as i4 from '@ng-atomic/components/frames/auto-layout';
-import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
-import * as i12 from '@ng-atomic/components/molecules/header';
-import { HeaderModule } from '@ng-atomic/components/molecules/header';
-import * as i6 from '@ng-atomic/components/organisms/action-buttons-section';
-import { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';
-import * as i7 from '@ng-atomic/components/organisms/navigator';
-import { NavigatorModule } from '@ng-atomic/components/organisms/navigator';
-import * as i10 from '@ng-atomic/components/organisms/textarea-section';
-import { TextareaSectionModule } from '@ng-atomic/components/organisms/textarea-section';
-import * as i9 from '@ng-atomic/components/organisms/text-input-section';
-import { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';
-import * as i8 from '@ng-atomic/components/organisms/date-input-section';
-import { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';
-import * as i11 from '@ng-atomic/components/organisms/select-input-section';
-import { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';
+import { ScrollFrame } from '@ng-atomic/components/frames/scroll';
+import { AutoLayoutFrame } from '@ng-atomic/components/frames/auto-layout';
+import { HeaderMolecule } from '@ng-atomic/components/molecules/header';
+import { ActionButtonsSectionOrganism } from '@ng-atomic/components/organisms/action-buttons-section';
+import { NavigatorOrganism } from '@ng-atomic/components/organisms/navigator';
+import { TextareaSectionOrganism } from '@ng-atomic/components/organisms/textarea-section';
+import { TextInputSectionOrganism } from '@ng-atomic/components/organisms/text-input-section';
+import { DateInputSectionOrganism } from '@ng-atomic/components/organisms/date-input-section';
+import { SelectInputSectionOrganism } from '@ng-atomic/components/organisms/select-input-section';
 import * as i3 from '@ng-atomic/common/pipes/smart-field';
 import { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';
 import * as i2 from '@ng-atomic/common/pipes/domain';
@@ -49,36 +40,24 @@ class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Z1FM: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Z1FM: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Z1FM: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Z1FM);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Z1FM)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Z1FM)}\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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: 
-            // Pipes
-            DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "ngmodule", type: 
-            // Frames
-            AutoLayoutModule }, { kind: "component", type: i4.AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "ngmodule", type: ScrollModule }, { kind: "component", type: i5.ScrollFrame, selector: "frames-scroll" }, { kind: "ngmodule", type: 
-            // Organisms
-            ActionButtonsSectionModule }, { kind: "component", type: i6.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "ngmodule", type: NavigatorModule }, { kind: "component", type: i7.NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "ngmodule", type: DateInputSectionModule }, { kind: "component", type: i8.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "ngmodule", type: TextInputSectionModule }, { kind: "component", type: i9.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "ngmodule", type: TextareaSectionModule }, { kind: "component", type: i10.TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "ngmodule", type: SelectInputSectionModule }, { kind: "component", type: i11.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "ngmodule", type: 
-            // Molecules
-            HeaderModule }, { kind: "component", type: i12.HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SmartCrudTemplate, isStandalone: true, selector: "templates-smart-crud", inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-ZEUy: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-ZEUy: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-ZEUy: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-ZEUy);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-ZEUy)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-ZEUy)}\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: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DomainModule }, { kind: "pipe", type: i2.DomainPipe, name: "D" }, { kind: "ngmodule", type: SmartFieldModule }, { kind: "pipe", type: i3.SmartFieldPipe, name: "smartField" }, { kind: "component", type: AutoLayoutFrame, selector: "frames-auto-layout" }, { kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actions"], outputs: ["action"] }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator", inputs: ["startActions", "endActions"], outputs: ["action"] }, { kind: "component", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { kind: "component", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { kind: "component", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: ["label", "rows", "control"], outputs: ["action"] }, { kind: "component", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { kind: "component", type: HeaderMolecule, selector: "molecules-header", inputs: ["title", "description"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SmartCrudTemplate, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         CommonModule,
                         ReactiveFormsModule,
-                        // Pipes
                         DomainModule,
                         SmartFieldModule,
-                        // Frames
-                        AutoLayoutModule,
-                        ScrollModule,
-                        // Organisms
-                        ActionButtonsSectionModule,
-                        NavigatorModule,
-                        DateInputSectionModule,
-                        TextInputSectionModule,
-                        TextareaSectionModule,
-                        SelectInputSectionModule,
-                        // Molecules
-                        HeaderModule,
-                    ], selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Z1FM: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Z1FM: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Z1FM: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-Z1FM);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Z1FM)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Z1FM)}\n"] }]
+                        AutoLayoutFrame,
+                        ScrollFrame,
+                        ActionButtonsSectionOrganism,
+                        NavigatorOrganism,
+                        DateInputSectionOrganism,
+                        TextInputSectionOrganism,
+                        TextareaSectionOrganism,
+                        SelectInputSectionOrganism,
+                        HeaderMolecule,
+                    ], selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-textarea-section\n        *ngSwitchCase=\"'textarea'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [rows]=\"(entry[0] | smartField).rows\"\n      ></organisms-textarea-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-ZEUy: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-ZEUy: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-ZEUy: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-ZEUy);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-ZEUy)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-ZEUy)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], form: [{