@ng-atomic/components 0.0.0-PLACEHOLDER

package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i1 from '@ng-atomic/components/molecules/text-input-field';
+import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
+import { CommonModule } from '@angular/common';
+
+class TextInputSectionOrganism {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.type = 'text';
+        this.control = new FormControl('');
+    }
+}
+TextInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-R2F7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-R2F7);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-text-input-section', template: "<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-R2F7: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-R2F7);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }] } });
+
+class TextInputSectionModule {
+}
+TextInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: TextInputSectionModule, declarations: [TextInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextInputFieldModule], exports: [TextInputSectionOrganism] });
+TextInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextInputSectionModule, imports: [CommonModule,
+        // Molecules
+        TextInputFieldModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextInputSectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TextInputSectionOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Molecules
+                        TextInputFieldModule,
+                    ],
+                    exports: [
+                        TextInputSectionOrganism
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextInputSectionModule, TextInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-text-input-section.mjs.map

package/fesm2020/ng-atomic-components-organisms-text-input-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-text-input-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/text-input-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-text-input-section',\n  templateUrl: './text-input-section.organism.html',\n  styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n  \n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n}\n","<molecules-text-input-field\n  [type]=\"type\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { TextInputSectionOrganism } from './text-input-section.organism';\n\n\n@NgModule({\n  declarations: [\n    TextInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [\n    TextInputSectionOrganism\n  ]\n})\nexport class TextInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;QAQE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;QAG5B,IAAI,CAAA,IAAA,GAAmC,MAAM,CAAC;AAM9C,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAE/B,KAAA;;qHAjBY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,4KCRrC,+JAK8B,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDGjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,8BAA8B,EAAA,QAAA,EAAA,+JAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;8BAOxC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;MEHK,sBAAsB,CAAA;;mHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAX/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;;AAEZ,QAAA,oBAAoB,aAGpB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAR/B,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;2FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@ng-atomic/components/molecules/textarea-field';
+import { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';
+import { CommonModule } from '@angular/common';
+
+class TextareaSectionOrganism {
+    constructor() {
+        this.label = 'label';
+    }
+}
+TextareaSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextareaSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-rhf5: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-rhf5);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], dependencies: [{ kind: "component", type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
+            type: Component,
+            args: [{ selector: 'organisms-textarea-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding: 16px;--vertical-padding-SCOPED-IN-textarea-section-rhf5: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-rhf5);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }] } });
+
+class TextareaSectionModule {
+}
+TextareaSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextareaSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextareaSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: TextareaSectionModule, declarations: [TextareaSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextareaFieldModule], exports: [TextareaSectionOrganism] });
+TextareaSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextareaSectionModule, imports: [CommonModule,
+        // Molecules
+        TextareaFieldModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TextareaSectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TextareaSectionOrganism],
+                    imports: [
+                        CommonModule,
+                        // Molecules
+                        TextareaFieldModule,
+                    ],
+                    exports: [TextareaSectionOrganism]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaSectionModule, TextareaSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-textarea-section.mjs.map

package/fesm2020/ng-atomic-components-organisms-textarea-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.organism.html","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/textarea-section.module.ts","../../../../../packages/@ng-atomic/components/src/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  templateUrl: './textarea-section.organism.html',\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n  @Input()\n  label = 'label';\n\n}\n","<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\n\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n@NgModule({\n  declarations: [TextareaSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextareaFieldModule,\n  ],\n  exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAEjB,KAAA;;oHALY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,8FCRpC,8EAE4B,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FDMf,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,4BAA4B,EAAA,eAAA,EAGrB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;;;MEMK,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;AAEZ,QAAA,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAN9B,YAAY;;QAEZ,mBAAmB,CAAA,EAAA,CAAA,CAAA;2FAIV,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;AACvC,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACnC,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}

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

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i2 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+
+class TopNavigatorOrganism {
+    constructor() {
+        this.items = [];
+        this.action = new EventEmitter();
+        this.id = (item) => item.id;
+    }
+}
+TopNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TopNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", 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-UBTH: 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-UBTH);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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", 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-UBTH: 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-UBTH);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: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+class TopNavigatorModule {
+}
+TopNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TopNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TopNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: TopNavigatorModule, declarations: [TopNavigatorOrganism], imports: [CommonModule,
+        // Material
+        MatToolbarModule,
+        MatMenuModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [TopNavigatorOrganism] });
+TopNavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TopNavigatorModule, imports: [CommonModule,
+        // Material
+        MatToolbarModule,
+        MatMenuModule,
+        // Atoms
+        SmartMenuButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: TopNavigatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TopNavigatorOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Material
+                        MatToolbarModule,
+                        MatMenuModule,
+                        // Atoms
+                        SmartMenuButtonModule,
+                    ],
+                    exports: [
+                        TopNavigatorOrganism
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TopNavigatorModule, TopNavigatorOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-top-navigator.mjs.map

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

@@ -0,0 +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 { ActionItem } 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: ActionItem[] = [];\n\n  @Output()\n  action = new EventEmitter<ActionItem>();\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 { MatMenuModule } from '@angular/material/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":[],"mappings":";;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;QAYE,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;AAGzB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAc,CAAC;QAExC,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;AAEtC,KAAA;;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;QAChB,aAAa;;AAEb,QAAA,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;QAChB,aAAa;;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;wBAChB,aAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-pages-_index.mjs

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class IndexPage {
+}
+IndexPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IndexPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IndexPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: IndexPage, selector: "pages-index", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IndexPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'pages-index', template: '', styles: [":host{display:none}\n"] }]
+        }] });
+
+const routes = [
+    {
+        path: '',
+        component: IndexPage,
+        // loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
+    }
+];
+class IndexModule {
+}
+IndexModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IndexModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IndexModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: IndexModule, declarations: [IndexPage], imports: [CommonModule, i1.RouterModule], exports: [IndexPage] });
+IndexModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IndexModule, imports: [CommonModule,
+        RouterModule.forChild(routes)] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: IndexModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IndexPage],
+                    imports: [
+                        CommonModule,
+                        RouterModule.forChild(routes)
+                    ],
+                    exports: [IndexPage]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IndexModule, IndexPage };
+//# sourceMappingURL=ng-atomic-components-pages-_index.mjs.map

package/fesm2020/ng-atomic-components-pages-_index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../../packages/@ng-atomic/components/src/pages/_index/index.page.ts","../../../../../packages/@ng-atomic/components/src/pages/_index/index.module.ts","../../../../../packages/@ng-atomic/components/src/pages/_index/ng-atomic-components-pages-_index.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-index',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class IndexPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { IndexPage } from './index.page';\n\nconst routes: Routes = [\n\t{\n\t\tpath: '',\n\t\tcomponent: IndexPage,\n\t\t// loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)\n\t}\n];\n\n@NgModule({\n  declarations: [IndexPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [IndexPage]\n})\nexport class IndexModule { }","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;2FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACd,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACCb,MAAM,MAAM,GAAW;AACtB,IAAA;AACC,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,SAAS;;AAEpB,KAAA;CACD,CAAC;MAUW,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPP,YAAA,EAAA,CAAA,SAAS,CAEtB,EAAA,OAAA,EAAA,CAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA;AAER,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YALpB,YAAY;AACZ,QAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAA,CAAA,CAAA;2FAIpB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;AACrB,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-pages-blank.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class BlankPage {
+}
+BlankPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BlankPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BlankPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: BlankPage, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BlankPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'pages-blank', template: '', styles: [":host{display:none}\n"] }]
+        }] });
+
+const routes = [{ path: '', component: BlankPage }];
+class BlankModule {
+}
+BlankModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BlankModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BlankModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: BlankModule, declarations: [BlankPage], imports: [CommonModule, i1.RouterModule], exports: [BlankPage] });
+BlankModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BlankModule, imports: [CommonModule,
+        RouterModule.forChild(routes)] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: BlankModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BlankPage],
+                    imports: [
+                        CommonModule,
+                        RouterModule.forChild(routes)
+                    ],
+                    exports: [BlankPage]
+                }]
+        }] });
+
+var blank_module = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        BlankModule: BlankModule
+});
+
+const BLANK_ROUTE = {
+    path: '',
+    loadChildren: () => Promise.resolve().then(function () { return blank_module; }).then(m => m.BlankModule),
+    data: { isBlank: true },
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BLANK_ROUTE, BlankModule, BlankPage };
+//# sourceMappingURL=ng-atomic-components-pages-blank.mjs.map

package/fesm2020/ng-atomic-components-pages-blank.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../../packages/@ng-atomic/components/src/pages/blank/blank.page.ts","../../../../../packages/@ng-atomic/components/src/pages/blank/blank.module.ts","../../../../../packages/@ng-atomic/components/src/pages/blank/blank.route.ts","../../../../../packages/@ng-atomic/components/src/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { BlankPage } from './blank.page';\n\nconst routes: Routes = [{path: '', component: BlankPage}];\n\n@NgModule({\n  declarations: [BlankPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [BlankPage]\n})\nexport class BlankModule { }","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  loadChildren: () => import('./blank.module').then(m => m.BlankModule),\n  data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,SAAS,CAAA;;sGAAT,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,SAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;2FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACd,EAAE,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA;;;ACCb,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC;MAU7C,WAAW,CAAA;;wGAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPP,YAAA,EAAA,CAAA,SAAS,CAEtB,EAAA,OAAA,EAAA,CAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA;AAER,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YALpB,YAAY;AACZ,QAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAA,CAAA,CAAA;2FAIpB,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;AACrB,iBAAA,CAAA;;;;;;;;ACZY,MAAA,WAAW,GAAU;AAChC,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,YAAY,EAAE,MAAM,4DAAwB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;AACrE,IAAA,IAAI,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;;;ACLvB;;AAEG;;;;"}

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

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+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 '@ngneat/reactive-forms';
+
+var ActionId;
+(function (ActionId) {
+    ActionId["SIGN_IN"] = "[@ng-atomic/components] Sign In";
+    ActionId["SIGN_IN_WITH_GOOGLE"] = "[@ng-atomic/components] Sign In With Google";
+    ActionId["SIGN_IN_WITH_TWITTER"] = "[@ng-atomic/components] Sign In With Twitter";
+})(ActionId || (ActionId = {}));
+const Actions = [
+    {
+        id: ActionId.SIGN_IN,
+        name: 'Sign In',
+        icon: 'login',
+    },
+    {
+        id: ActionId.SIGN_IN_WITH_GOOGLE,
+        name: 'Sign In With Google',
+        icon: 'google',
+    },
+    {
+        id: ActionId.SIGN_IN_WITH_TWITTER,
+        name: 'Sign In With Twitter',
+        icon: 'twitter',
+    },
+];
+class EntranceTemplate {
+    constructor() {
+        this.ActionId = ActionId;
+        this.form = new FormGroup({
+            email: new FormControl(''),
+            password: new FormControl(''),
+        });
+        this.isEmailSectionShown = true;
+        this.isPasswordSectionShown = true;
+        this.actions = Actions;
+        this.action = new EventEmitter();
+    }
+}
+EntranceTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", 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-rSlH: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-rSlH: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-rSlH);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-rSlH)}\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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", 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-rSlH: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-rSlH: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-rSlH);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-rSlH)}\n"] }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], isEmailSectionShown: [{
+                type: Input
+            }], isPasswordSectionShown: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+class EntranceModule {
+}
+EntranceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: EntranceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntranceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", 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: "14.2.9", ngImport: i0, type: EntranceModule, imports: [CommonModule,
+        // Frames
+        AutoLayoutModule,
+        CardModule,
+        // Organisms
+        ActionButtonsSectionModule,
+        HeadingModule,
+        SocialLoginSectionModule,
+        TextInputSectionModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", 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 };
+//# sourceMappingURL=ng-atomic-components-templates-entrance.mjs.map

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

@@ -0,0 +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 '@ngneat/reactive-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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"}

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

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+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: "14.2.9", ngImport: i0, type: LoadingTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LoadingTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", 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.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", 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: "14.2.9", ngImport: i0, type: LoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: LoadingModule, bootstrap: [LoadingTemplate], declarations: [LoadingTemplate], imports: [CommonModule,
+        // Materials
+        MatProgressSpinnerModule], exports: [LoadingTemplate] });
+LoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: LoadingModule, imports: [CommonModule,
+        // Materials
+        MatProgressSpinnerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: LoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoadingTemplate
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatProgressSpinnerModule,
+                    ],
+                    exports: [
+                        LoadingTemplate
+                    ],
+                    bootstrap: [
+                        LoadingTemplate,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LoadingModule, LoadingTemplate };
+//# sourceMappingURL=ng-atomic-components-templates-loading.mjs.map

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

@@ -0,0 +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 { MatProgressSpinnerModule } from '@angular/material/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":[],"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,kBAAA,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;;AAEZ,QAAA,wBAAwB,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;;QAEZ,wBAAwB,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;;wBAEZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,eAAe;AAChB,qBAAA;AACF,iBAAA,CAAA;;;ACtBD;;AAEG;;;;"}

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

@@ -0,0 +1,52 @@
+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';
+
+class MenuTemplate {
+    constructor() {
+        this.items = [];
+        this.action = new EventEmitter();
+    }
+}
+MenuTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: MenuTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: MenuTemplate, selector: "templates-menu", inputs: { items: "items" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\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-FvsW: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-FvsW: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-FvsW: var(--width);--height: 100%;--height-SCOPED-IN-menu-FvsW: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FvsW);height:var(--height-SCOPED-IN-menu-FvsW);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-FvsW)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-FvsW);--secondary-color: var(--secondary-color-SCOPED-IN-menu-FvsW)}\n"], dependencies: [{ kind: "component", type: i1.NavigationListOrganism, selector: "organisms-navigation-list", inputs: ["items"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", 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    [items]=\"items\"\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-FvsW: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-FvsW: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-FvsW: var(--width);--height: 100%;--height-SCOPED-IN-menu-FvsW: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-FvsW);height:var(--height-SCOPED-IN-menu-FvsW);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-FvsW)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-FvsW);--secondary-color: var(--secondary-color-SCOPED-IN-menu-FvsW)}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+
+class MenuModule {
+}
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: MenuModule, bootstrap: [MenuTemplate], declarations: [MenuTemplate], imports: [CommonModule,
+        // Organisms
+        NavigationListModule], exports: [MenuTemplate] });
+MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: MenuModule, imports: [CommonModule,
+        // Organisms
+        NavigationListModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", 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 };
+//# sourceMappingURL=ng-atomic-components-templates-menu.mjs.map

package/fesm2020/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/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, ActionItem } 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  items: ActionItem<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    [items]=\"items\"\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;QASE,IAAK,CAAA,KAAA,GAAyB,EAAE,CAAC;AAGjC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;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,iHCTzB,mRASM,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,OAAA,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,mRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,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;;AAEZ,QAAA,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;AAC1B,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}