npm - @ng-atomic/components - Versions diffs - 3.0.0 → 3.1.0 - Mend

@ng-atomic/components 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (275) hide show

package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs CHANGED Viewed

@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/co
 import * as i1 from '@ng-atomic/components/molecules/textarea-field';
 import { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';
 import { CommonModule } from '@angular/common';
+import { ElementsModule } from '@ng-atomic/elements';
 class TextareaSectionOrganism {
     constructor() {
@@ -10,17 +11,17 @@ class TextareaSectionOrganism {
     }
 }
 TextareaSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-Sv5F: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Sv5F);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], components: [{ type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-AFxE: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-AFxE);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"], components: [{ type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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-Sv5F: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-Sv5F);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
+            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-AFxE: var(--vertical-padding)}:host{display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-AFxE);box-sizing:border-box}:host molecules-textarea-field{width:100%}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }] } });
-class TextareaSectionModule {
+class TextareaSectionModule extends ElementsModule {
 }
-TextareaSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TextareaSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaSectionModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 TextareaSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextareaSectionModule, declarations: [TextareaSectionOrganism], imports: [CommonModule,
         // Molecules
         TextareaFieldModule], exports: [TextareaSectionOrganism] });

package/fesm2015/ng-atomic-components-organisms-textarea-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../libs/components/organisms/textarea-section/textarea-section.organism.ts","../../../../libs/components/organisms/textarea-section/textarea-section.organism.html","../../../../libs/components/organisms/textarea-section/textarea-section.module.ts","../../../../libs/components/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';\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\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;AASE,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;KAEjB;;qHALY,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,SAAA,EAAA,IAAA,EAAA,uBAAuB,8FCRpC,8EAE4B,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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;4FDMf,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;;~~mHAArB~~,qBAAqB,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;QAEZ,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAPvB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,mBAAmB;SACpB,CAAA,EAAA,CAAA,CAAA;4FAGU,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;iBACnC,CAAA;;;~~ACfD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-textarea-section.mjs","sources":["../../../../libs/components/organisms/textarea-section/textarea-section.organism.ts","../../../../libs/components/organisms/textarea-section/textarea-section.organism.html","../../../../libs/components/organisms/textarea-section/textarea-section.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AASE,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;KAEjB;;qHALY,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,SAAA,EAAA,IAAA,EAAA,uBAAuB,8FCRpC,8EAE4B,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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;4FDMf,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;;;AEOF,MAAO,qBAAsB,SAAQ,cAAc,CAAA;;mHAA5C,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CARjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;;QAEZ,mBAAmB,aAEX,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAEtB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAPvB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,mBAAmB;SACpB,CAAA,EAAA,CAAA,CAAA;4FAGU,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;iBACnC,CAAA;;;AChBD;;AAEG;;;;"}

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

@@ -6,6 +6,8 @@ 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';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 class TopNavigatorOrganism {
     constructor() {
@@ -15,10 +17,10 @@ class TopNavigatorOrganism {
     }
 }
 TopNavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TopNavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-QVYQ: 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-QVYQ);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"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-i8df: 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-i8df);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"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-QVYQ: 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-QVYQ);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', 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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-i8df: 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-i8df);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
             }], actionItems: [{
@@ -27,16 +29,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }] } });
-class TopNavigatorModule {
+class TopNavigatorModule extends ElementsModule {
 }
-TopNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TopNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TopNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TopNavigatorModule, declarations: [TopNavigatorOrganism], imports: [CommonModule,
+TopNavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TopNavigatorModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+TopNavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TopNavigatorModule, declarations: [TopNavigatorOrganism], imports: [BrowserModule,
+        CommonModule,
         // Material
         MatToolbarModule,
         MatMenuModule,
         // Atoms
         SmartMenuButtonModule], exports: [TopNavigatorOrganism] });
 TopNavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TopNavigatorModule, imports: [[
+            BrowserModule,
             CommonModule,
             // Material
             MatToolbarModule,
@@ -51,6 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         TopNavigatorOrganism
                     ],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         // Material
                         MatToolbarModule,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../libs/components/organisms/top-navigator/top-navigator.organism.ts","../../../../libs/components/organisms/top-navigator/top-navigator.organism.html","../../../../libs/components/organisms/top-navigator/top-navigator.module.ts","../../../../libs/components/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 actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = 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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.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@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;AAYE,QAAA,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAc,CAAC;QAEjD,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;kHAbY,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,SAAA,EAAA,IAAA,EAAA,oBAAoB,wKCVjC,wSAWA,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wSAAA,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;~~MEKI~~,~~kBAAkB~~,CAAA;;~~gHAAlB~~,kBAAkB,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAlB,kBAAkB,EAAA,YAAA,EAAA,~~CAd3B~~,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;;QAEZ,gBAAgB;QAChB,aAAa;;QAEb,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,~~EAZpB~~,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;YAChB,aAAa;;YAEb,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;4FAKU,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;iBACF,CAAA;;;~~ACtBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-organisms-top-navigator.mjs","sources":["../../../../libs/components/organisms/top-navigator/top-navigator.organism.ts","../../../../libs/components/organisms/top-navigator/top-navigator.organism.html","../../../../libs/components/organisms/top-navigator/top-navigator.module.ts","../../../../libs/components/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 actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = 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 [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.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 { ElementsModule } from '@ng-atomic/elements';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { TopNavigatorOrganism } from './top-navigator.organism';\n\n\n@NgModule({\n declarations: [\n TopNavigatorOrganism\n ],\n imports: [\n BrowserModule,\n CommonModule,\n // Material\n MatToolbarModule,\n MatMenuModule,\n // Atoms\n SmartMenuButtonModule,\n ],\n exports: [\n TopNavigatorOrganism\n ]\n})\nexport class TopNavigatorModule extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAUa,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAYE,QAAA,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAc,CAAC;QAEjD,IAAE,CAAA,EAAA,GAAG,CAAC,IAAkB,KAAK,IAAI,CAAC,EAAE,CAAC;KAEtC;;kHAbY,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,SAAA,EAAA,IAAA,EAAA,oBAAoB,wKCVjC,wSAWA,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDDa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,yBAAyB,EAAA,eAAA,EAGlB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wSAAA,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,CAAA;8BAK/C,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;AESH,MAAO,kBAAmB,SAAQ,cAAc,CAAA;;gHAAzC,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAf3B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,aAAa;QACb,YAAY;;QAEZ,gBAAgB;QAChB,aAAa;;QAEb,qBAAqB,aAGrB,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAbpB,OAAA,EAAA,CAAA;YACP,aAAa;YACb,YAAY;;YAEZ,gBAAgB;YAChB,aAAa;;YAEb,qBAAqB;SACtB,CAAA,EAAA,CAAA,CAAA;4FAKU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAjB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACb,YAAY;;wBAEZ,gBAAgB;wBAChB,aAAa;;wBAEb,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;iBACF,CAAA;;;AC1BD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-pages-_index.mjs CHANGED Viewed

@@ -3,6 +3,8 @@ import { Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 class IndexPage {
 }
@@ -24,11 +26,13 @@ const routes = [
         // loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
     }
 ];
-class IndexModule {
+class IndexModule extends ElementsModule {
 }
-IndexModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IndexModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IndexModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IndexModule, declarations: [IndexPage], imports: [CommonModule, i1.RouterModule], exports: [IndexPage] });
+IndexModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IndexModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+IndexModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IndexModule, declarations: [IndexPage], imports: [BrowserModule,
+        CommonModule, i1.RouterModule], exports: [IndexPage] });
 IndexModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IndexModule, imports: [[
+            BrowserModule,
             CommonModule,
             RouterModule.forChild(routes)
         ]] });
@@ -37,6 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             args: [{
                     declarations: [IndexPage],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         RouterModule.forChild(routes)
                     ],

package/fesm2015/ng-atomic-components-pages-_index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../libs/components/pages/_index/index.page.ts","../../../../libs/components/pages/_index/index.module.ts","../../../../libs/components/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;;uGAAT,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,SAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAC,EAAE;oBACX,MAAM,EAAE,CAAC,yBAAyB,CAAC;iBACpC,CAAA;;;~~ACDD~~,MAAM,MAAM,GAAW;AACtB,IAAA;AACC,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,SAAS;;AAEpB,KAAA;CACD,CAAC;~~MAUW~~,~~WAAW~~,CAAA;;~~yGAAX~~,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,~~SAAA~~,~~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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,~~EANb~~,OAAA,EAAA,CAAA;YACP,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B,CAAA,EAAA,CAAA,CAAA;4FAGU,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;iBACrB,CAAA;;;~~ACpBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-pages-_index.mjs","sources":["../../../../libs/components/pages/_index/index.page.ts","../../../../libs/components/pages/_index/index.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\nimport { BrowserModule } from '@angular/platform-browser';\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 BrowserModule,\n CommonModule,\n RouterModule.forChild(routes)\n ],\n exports: [IndexPage]\n})\nexport class IndexModule extends ElementsModule { }","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MAOa,SAAS,CAAA;;uGAAT,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,SAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAC,EAAE;oBACX,MAAM,EAAE,CAAC,yBAAyB,CAAC;iBACpC,CAAA;;;ACCD,MAAM,MAAM,GAAW;AACtB,IAAA;AACC,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,SAAS;;AAEpB,KAAA;CACD,CAAC;AAWI,MAAO,WAAY,SAAQ,cAAc,CAAA;;yGAAlC,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;0GAAX,WAAW,EAAA,YAAA,EAAA,CARP,SAAS,CAAA,EAAA,OAAA,EAAA,CAEtB,aAAa;AACb,QAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA;AAER,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPb,OAAA,EAAA,CAAA;YACP,aAAa;YACb,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B,CAAA,EAAA,CAAA,CAAA;4FAGU,WAAW,EAAA,UAAA,EAAA,CAAA;kBATvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACb,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;iBACrB,CAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2015/ng-atomic-components-pages-blank.mjs CHANGED Viewed

@@ -3,6 +3,8 @@ import { Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 class BlankPage {
 }
@@ -18,11 +20,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         }] });
 const routes = [{ path: '', component: BlankPage }];
-class BlankModule {
+class BlankModule extends ElementsModule {
 }
-BlankModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BlankModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankModule, declarations: [BlankPage], imports: [CommonModule, i1.RouterModule], exports: [BlankPage] });
+BlankModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+BlankModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankModule, declarations: [BlankPage], imports: [BrowserModule,
+        CommonModule, i1.RouterModule], exports: [BlankPage] });
 BlankModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankModule, imports: [[
+            BrowserModule,
             CommonModule,
             RouterModule.forChild(routes)
         ]] });
@@ -31,6 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             args: [{
                     declarations: [BlankPage],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         RouterModule.forChild(routes)
                     ],

package/fesm2015/ng-atomic-components-pages-blank.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../libs/components/pages/blank/blank.page.ts","../../../../libs/components/pages/blank/blank.module.ts","../../../../libs/components/pages/blank/blank.route.ts","../../../../libs/components/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;;uGAAT,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,SAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAC,EAAE;oBACX,MAAM,EAAE,CAAC,yBAAyB,CAAC;iBACpC,CAAA;;;~~ACDD~~,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC;~~MAU7C~~,~~WAAW~~,CAAA;;~~yGAAX~~,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,~~SAAA~~,~~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,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,~~EANb~~,OAAA,EAAA,CAAA;YACP,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B,CAAA,EAAA,CAAA,CAAA;4FAGU,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;iBACrB,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;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../libs/components/pages/blank/blank.page.ts","../../../../libs/components/pages/blank/blank.module.ts","../../../../libs/components/pages/blank/blank.route.ts","../../../../libs/components/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 { ElementsModule } from '@ng-atomic/elements';\nimport { BlankPage } from './blank.page';\nimport { BrowserModule } from '@angular/platform-browser';\n\nconst routes: Routes = [{path: '', component: BlankPage}];\n\n@NgModule({\n declarations: [BlankPage],\n imports: [\n BrowserModule,\n CommonModule,\n RouterModule.forChild(routes)\n ],\n exports: [BlankPage]\n})\nexport class BlankModule extends ElementsModule { }","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;;uGAAT,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,SAAA,EAAA,IAAA,EAAA,SAAS,mDAHX,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;4FAGA,SAAS,EAAA,UAAA,EAAA,CAAA;kBALrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAC,EAAE;oBACX,MAAM,EAAE,CAAC,yBAAyB,CAAC;iBACpC,CAAA;;;ACCD,MAAM,MAAM,GAAW,CAAC,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC;AAWpD,MAAO,WAAY,SAAQ,cAAc,CAAA;;yGAAlC,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;0GAAX,WAAW,EAAA,YAAA,EAAA,CARP,SAAS,CAAA,EAAA,OAAA,EAAA,CAEtB,aAAa;AACb,QAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA;AAER,WAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAPb,OAAA,EAAA,CAAA;YACP,aAAa;YACb,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B,CAAA,EAAA,CAAA,CAAA;4FAGU,WAAW,EAAA,UAAA,EAAA,CAAA;kBATvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,SAAS,CAAC;AACzB,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACb,YAAY;AACZ,wBAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC9B,qBAAA;oBACD,OAAO,EAAE,CAAC,SAAS,CAAC;iBACrB,CAAA;;;;;;;;ACfY,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/fesm2015/ng-atomic-components-templates-entrance.mjs CHANGED Viewed

@@ -14,6 +14,7 @@ import * as i2 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import * as i1 from '@ng-atomic/components/frames/card';
 import { CardModule } from '@ng-atomic/components/frames/card';
+import { ElementsModule } from '@ng-atomic/elements';
 import { FormGroup, FormControl } from '@ngneat/reactive-forms';
 class EntranceTemplate {
@@ -30,10 +31,10 @@ class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EntranceTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, 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      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-wolI: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-wolI: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-wolI);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-wolI)}\n"], components: [{ type: i1.CardFrame, selector: "frames-card" }, { type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i3.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: i4.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: i5.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: i6.SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, 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      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-8iWi: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-8iWi: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-8iWi);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-8iWi)}\n"], components: [{ type: i1.CardFrame, selector: "frames-card" }, { type: i2.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i3.HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: i4.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: i5.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: i6.SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-wolI: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-wolI: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-wolI);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-wolI)}\n"] }]
+            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      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-8iWi: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-8iWi: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-8iWi);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-8iWi)}\n"] }]
         }], propDecorators: { form: [{
                 type: Input
             }], isEmailSectionShown: [{
@@ -48,9 +49,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }] } });
-class EntranceModule {
+class EntranceModule extends ElementsModule {
 }
-EntranceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EntranceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EntranceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EntranceModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
 EntranceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EntranceModule, declarations: [EntranceTemplate], imports: [CommonModule,
         // Frames
         AutoLayoutModule,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts","../../../../libs/components/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormGroup, FormControl} from '@ngneat/reactive-forms';\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 @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 actionItems = [];\n\n @Output()\n submitButtonClick = new EventEmitter<void>();\n\n @Output()\n signInWithGoogleButtonClick = new EventEmitter<void>();\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 [actionItems]=\"actionItems\"\n ></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-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})\nexport class EntranceModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;~~MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AASE,QAAA,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC9B,SAAA,CAAC,CAAC;AAGH,QAAA,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;AAG3B,QAAA,IAAsB,CAAA,sBAAA,GAAG,IAAI,CAAC;AAG9B,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAGjB,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;AAG7C,QAAA,IAAA,CAAA,2BAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;KACxD;;8GArBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qWCV7B,20BAqBA,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,OAAA,EAAA,CAAA,6BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDXa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;+BACE,oBAAoB,EAAA,IAAA,EAGxB,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,eAAA,EACR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,20BAAA,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,CAAA;8BAI/C,IAAI,EAAA,CAAA;sBADH,KAAK;gBAON,mBAAmB,EAAA,CAAA;sBADlB,KAAK;gBAIN,sBAAsB,EAAA,CAAA;sBADrB,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,iBAAiB,EAAA,CAAA;sBADhB,MAAM;gBAIP,2BAA2B,EAAA,CAAA;sBAD1B,MAAM;;;~~MECI~~,cAAc,CAAA;;~~4GAAd~~,cAAc,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,YAAA,EAAA,CAjBvB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAGhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,wBAAwB;QACxB,sBAAsB,aAGtB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAfhB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;YAChB,UAAU;;YAEV,0BAA0B;YAC1B,aAAa;YACb,wBAAwB;YACxB,sBAAsB;SACvB,CAAA,EAAA,CAAA,CAAA;4FAKU,cAAc,EAAA,UAAA,EAAA,CAAA;kBAnB1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChB,UAAU;;wBAEV,0BAA0B;wBAC1B,aAAa;wBACb,wBAAwB;wBACxB,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;~~AC7BD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../libs/components/templates/entrance/entrance.template.ts","../../../../libs/components/templates/entrance/entrance.template.html","../../../../libs/components/templates/entrance/entrance.module.ts","../../../../libs/components/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FormGroup, FormControl} from '@ngneat/reactive-forms';\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 @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 actionItems = [];\n\n @Output()\n submitButtonClick = new EventEmitter<void>();\n\n @Output()\n signInWithGoogleButtonClick = new EventEmitter<void>();\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 [actionItems]=\"actionItems\"\n ></organisms-action-buttons-section>\n <organisms-social-login-section\n (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n ></organisms-social-login-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 { ElementsModule } from '@ng-atomic/elements';\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})\nexport class EntranceModule extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AASE,QAAA,IAAI,CAAA,IAAA,GAAG,IAAI,SAAS,CAAC;AACnB,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC1B,YAAA,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;AAC9B,SAAA,CAAC,CAAC;AAGH,QAAA,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;AAG3B,QAAA,IAAsB,CAAA,sBAAA,GAAG,IAAI,CAAC;AAG9B,QAAA,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAGjB,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAQ,CAAC;AAG7C,QAAA,IAAA,CAAA,2BAA2B,GAAG,IAAI,YAAY,EAAQ,CAAC;KACxD;;8GArBY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qWCV7B,20BAqBA,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,OAAA,EAAA,CAAA,6BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDXa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;+BACE,oBAAoB,EAAA,IAAA,EAGxB,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,eAAA,EACR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,20BAAA,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,CAAA;8BAI/C,IAAI,EAAA,CAAA;sBADH,KAAK;gBAON,mBAAmB,EAAA,CAAA;sBADlB,KAAK;gBAIN,sBAAsB,EAAA,CAAA;sBADrB,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,iBAAiB,EAAA,CAAA;sBADhB,MAAM;gBAIP,2BAA2B,EAAA,CAAA;sBAD1B,MAAM;;;AEEH,MAAO,cAAe,SAAQ,cAAc,CAAA;;4GAArC,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,YAAA,EAAA,CAjBvB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAGhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,wBAAwB;QACxB,sBAAsB,aAGtB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAGP,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAfhB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;YAChB,UAAU;;YAEV,0BAA0B;YAC1B,aAAa;YACb,wBAAwB;YACxB,sBAAsB;SACvB,CAAA,EAAA,CAAA,CAAA;4FAKU,cAAc,EAAA,UAAA,EAAA,CAAA;kBAnB1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;wBAChB,UAAU;;wBAEV,0BAA0B;wBAC1B,aAAa;wBACb,wBAAwB;wBACxB,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;AACjB,qBAAA;iBACF,CAAA;;;AC9BD;;AAEG;;;;"}

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

@@ -3,6 +3,8 @@ 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';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 class LoadingTemplate {
 }
@@ -13,13 +15,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             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 {
+class LoadingModule extends ElementsModule {
 }
-LoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingModule, declarations: [LoadingTemplate], imports: [CommonModule,
+LoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+LoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingModule, declarations: [LoadingTemplate], imports: [BrowserModule,
+        CommonModule,
         // Materials
         MatProgressSpinnerModule], exports: [LoadingTemplate] });
 LoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingModule, imports: [[
+            BrowserModule,
             CommonModule,
             // Materials
             MatProgressSpinnerModule,
@@ -31,6 +35,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         LoadingTemplate
                     ],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         // Materials
                         MatProgressSpinnerModule,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../libs/components/templates/loading/loading.template.ts","../../../../libs/components/templates/loading/loading.template.html","../../../../libs/components/templates/loading/loading.module.ts","../../../../libs/components/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})\nexport class LoadingModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;~~MAQa,eAAe,CAAA;;6GAAf,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,SAAA,EAAA,IAAA,EAAA,eAAe,yDCR5B,+BACA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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;4FDOa,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;;;~~MEcpC~~,~~aAAa~~,CAAA;;~~2GAAb~~,aAAa,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4GAAb,aAAa,EAAA,YAAA,EAAA,~~CAXtB~~,eAAe,CAAA,EAAA,OAAA,EAAA,CAGf,YAAY;;QAEZ,wBAAwB,aAGxB,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,~~EATf~~,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,wBAAwB;SACzB,CAAA,EAAA,CAAA,CAAA;4FAKU,aAAa,EAAA,UAAA,EAAA,CAAA;~~kBAbzB~~,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;iBACF,CAAA;;;~~ACnBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../libs/components/templates/loading/loading.template.ts","../../../../libs/components/templates/loading/loading.template.html","../../../../libs/components/templates/loading/loading.module.ts","../../../../libs/components/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';\nimport { ElementsModule } from '@ng-atomic/elements';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { LoadingTemplate } from './loading.template';\n\n\n@NgModule({\n declarations: [\n LoadingTemplate\n ],\n imports: [\n BrowserModule,\n CommonModule,\n // Materials\n MatProgressSpinnerModule,\n ],\n exports: [\n LoadingTemplate\n ]\n})\nexport class LoadingModule extends ElementsModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MAQa,eAAe,CAAA;;6GAAf,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,SAAA,EAAA,IAAA,EAAA,eAAe,yDCR5B,+BACA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,UAAA,EAAA,CAAA,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;4FDOa,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;;;AEiB3C,MAAO,aAAc,SAAQ,cAAc,CAAA;;2GAApC,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4GAAb,aAAa,EAAA,YAAA,EAAA,CAZtB,eAAe,CAAA,EAAA,OAAA,EAAA,CAGf,aAAa;QACb,YAAY;;QAEZ,wBAAwB,aAGxB,eAAe,CAAA,EAAA,CAAA,CAAA;AAGN,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAVf,OAAA,EAAA,CAAA;YACP,aAAa;YACb,YAAY;;YAEZ,wBAAwB;SACzB,CAAA,EAAA,CAAA,CAAA;4FAKU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAdzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACb,YAAY;;wBAEZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;iBACF,CAAA;;;ACtBD;;AAEG;;;;"}

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

@@ -3,6 +3,8 @@ import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModu
 import * as i1 from '@ng-atomic/components/organisms/menu';
 import { MenuModule as MenuModule$1 } from '@ng-atomic/components/organisms/menu';
 import { CommonModule } from '@angular/common';
+import { ElementsModule } from '@ng-atomic/elements';
+import { BrowserModule } from '@angular/platform-browser';
 class MenuTemplate {
     constructor() {
@@ -11,23 +13,25 @@ class MenuTemplate {
     }
 }
 MenuTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-mcz0: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-mcz0: var(--width);--height: 100%;--height-SCOPED-IN-menu-mcz0: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-mcz0);height:var(--height-SCOPED-IN-menu-mcz0);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-mcz0)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-mcz0)}\n"], components: [{ type: i1.MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-vSwj: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-vSwj: var(--width);--height: 100%;--height-SCOPED-IN-menu-vSwj: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-vSwj);height:var(--height-SCOPED-IN-menu-vSwj);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-vSwj)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-vSwj)}\n"], components: [{ type: i1.MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", 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-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-mcz0: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-mcz0: var(--width);--height: 100%;--height-SCOPED-IN-menu-mcz0: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-mcz0);height:var(--height-SCOPED-IN-menu-mcz0);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-mcz0)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-mcz0)}\n"] }]
+            args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-vSwj: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-vSwj: var(--width);--height: 100%;--height-SCOPED-IN-menu-vSwj: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-vSwj);height:var(--height-SCOPED-IN-menu-vSwj);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-vSwj)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-vSwj)}\n"] }]
         }], propDecorators: { actionItems: [{
                 type: Input
             }], actionItemClick: [{
                 type: Output
             }] } });
-class MenuModule {
+class MenuModule extends ElementsModule {
 }
-MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, declarations: [MenuTemplate], imports: [CommonModule,
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, declarations: [MenuTemplate], imports: [BrowserModule,
+        CommonModule,
         // Organisms
         MenuModule$1], exports: [MenuTemplate] });
 MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, imports: [[
+            BrowserModule,
             CommonModule,
             // Organisms
             MenuModule$1,
@@ -37,6 +41,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             args: [{
                     declarations: [MenuTemplate],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         // Organisms
                         MenuModule$1,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../libs/components/templates/menu/menu.template.ts","../../../../libs/components/templates/menu/menu.template.html","../../../../libs/components/templates/menu/menu.module.ts","../../../../libs/components/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { 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 actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-menu\n [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></organisms-menu>\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 { MenuModule as MenuOrganismModule } from '@ng-atomic/components/organisms/menu';\nimport { MenuTemplate } from './menu.template';\n\n@NgModule({\n declarations: [MenuTemplate],\n imports: [\n CommonModule,\n // Organisms\n MenuOrganismModule,\n ],\n exports: [MenuTemplate]\n})\nexport class MenuModule { }\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["MenuOrganismModule"],"mappings":"~~;;;;;;~~MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;AASE,QAAA,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;0GARY,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,SAAA,EAAA,IAAA,EAAA,YAAY,+ICTzB,2RASM,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2RAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,CAAA;8BAK/C,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;~~MEAI~~,~~UAAU~~,CAAA;;~~wGAAV~~,UAAU,EAAA,IAAA,EAAA,~~EAAA~~,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAV,UAAU,EAAA,YAAA,EAAA,~~CARN~~,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;;QAEZA,YAAkB,aAEV,YAAY,CAAA,EAAA,CAAA,CAAA;AAEX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,~~EAPZ~~,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZA,YAAkB;SACnB,CAAA,EAAA,CAAA,CAAA;4FAGU,UAAU,EAAA,UAAA,EAAA,CAAA;~~kBATtB~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZA,YAAkB;AACnB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB,CAAA;;;~~ACbD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../libs/components/templates/menu/menu.template.ts","../../../../libs/components/templates/menu/menu.template.html","../../../../libs/components/templates/menu/menu.module.ts","../../../../libs/components/templates/menu/ng-atomic-components-templates-menu.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { 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 actionItems: ActionItem[] = [];\n\n @Output()\n actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-menu\n [actionItems]=\"actionItems\"\n (actionItemClick)=\"actionItemClick.emit($event)\"\n ></organisms-menu>\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 { MenuModule as MenuOrganismModule } from '@ng-atomic/components/organisms/menu';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { MenuTemplate } from './menu.template';\nimport { BrowserModule } from '@angular/platform-browser';\n\n\n@NgModule({\n declarations: [MenuTemplate],\n imports: [\n BrowserModule,\n CommonModule,\n // Organisms\n MenuOrganismModule,\n ],\n exports: [MenuTemplate]\n})\nexport class MenuModule extends ElementsModule { }\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["MenuOrganismModule"],"mappings":";;;;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;AASE,QAAA,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;AAG/B,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;0GARY,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,SAAA,EAAA,IAAA,EAAA,YAAY,+ICTzB,2RASM,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDAO,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2RAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,CAAA;8BAK/C,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;AEKH,MAAO,UAAW,SAAQ,cAAc,CAAA;;wGAAjC,UAAU,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAV,UAAU,EAAA,YAAA,EAAA,CATN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,aAAa;QACb,YAAY;;QAEZA,YAAkB,aAEV,YAAY,CAAA,EAAA,CAAA,CAAA;AAEX,UAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,EARZ,OAAA,EAAA,CAAA;YACP,aAAa;YACb,YAAY;;YAEZA,YAAkB;SACnB,CAAA,EAAA,CAAA,CAAA;4FAGU,UAAU,EAAA,UAAA,EAAA,CAAA;kBAVtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,oBAAA,OAAO,EAAE;wBACP,aAAa;wBACb,YAAY;;wBAEZA,YAAkB;AACnB,qBAAA;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB,CAAA;;;AClBD;;AAEG;;;;"}

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

@@ -3,6 +3,7 @@ import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModu
 import * as i8 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
+import { BrowserModule } from '@angular/platform-browser';
 import * as i1 from '@ng-atomic/components/frames/scroll';
 import { ScrollModule } from '@ng-atomic/components/frames/scroll';
 import * as i3 from '@ng-atomic/components/frames/auto-layout';
@@ -19,6 +20,7 @@ import * as i4 from '@ng-atomic/components/organisms/select-input-section';
 import { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';
 import * as i9 from '@ng-atomic/common/pipes';
 import { DomainModule, SmartFieldModule } from '@ng-atomic/common/pipes';
+import { ElementsModule } from '@ng-atomic/elements';
 class SmartCrudTemplate {
     constructor() {
@@ -55,10 +57,10 @@ class SmartCrudTemplate {
     }
 }
 SmartCrudTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-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-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Ofnb: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Ofnb: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Ofnb: var(--gap);width:100%;height:100%;background:white;display:block}: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-Ofnb);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Ofnb)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Ofnb)}\n"], components: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: i5.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: i6.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: i7.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "smartField": i9.SmartFieldPipe, "D": i9.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SmartCrudTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SmartCrudTemplate, selector: "templates-smart-crud", inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", menuActionItems: "menuActionItems" }, outputs: { actionItemClick: "actionItemClick", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-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-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Njff: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Njff: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Njff: var(--gap);width:100%;height:100%;background:white;display:block}: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-Njff);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Njff)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Njff)}\n"], components: [{ type: i1.ScrollFrame, selector: "frames-scroll" }, { type: i2.BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: ["canBack", "title", "description", "actionItems"], outputs: ["backButtonClick", "actionItemClick"] }, { type: i3.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i4.SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: ["label", "control", "options"] }, { type: i5.DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: ["control", "label", "placeholder"] }, { type: i6.TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: i7.ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i8.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "smartField": i9.SmartFieldPipe, "D": i9.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudTemplate, decorators: [{
             type: Component,
-            args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-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-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Ofnb: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Ofnb: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Ofnb: var(--gap);width:100%;height:100%;background:white;display:block}: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-Ofnb);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Ofnb)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Ofnb)}\n"] }]
+            args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-back-navigator \n    [actionItems]=\"menuActionItems\"\n    [canBack]=\"canBack\"\n    [title]=\"title\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n    (backButtonClick)=\"backButtonClick.emit()\"\n    navigator\n  ></organisms-back-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-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      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"onActionButtonClick($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-Njff: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-Njff: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-Njff: var(--gap);width:100%;height:100%;background:white;display:block}: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-Njff);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-Njff)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-Njff)}\n"] }]
         }], propDecorators: { canBack: [{
                 type: Input
             }], name: [{
@@ -79,10 +81,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }] } });
-class SmartCrudModule {
+class SmartCrudModule extends ElementsModule {
 }
-SmartCrudModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartCrudModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudModule, declarations: [SmartCrudTemplate], imports: [CommonModule,
+SmartCrudModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
+SmartCrudModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudModule, declarations: [SmartCrudTemplate], imports: [BrowserModule,
+        CommonModule,
         ReactiveFormsModule,
         // Pipes
         DomainModule,
@@ -97,6 +100,7 @@ SmartCrudModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         TextInputSectionModule,
         SelectInputSectionModule], exports: [SmartCrudTemplate] });
 SmartCrudModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SmartCrudModule, imports: [[
+            BrowserModule,
             CommonModule,
             ReactiveFormsModule,
             // Pipes
@@ -119,6 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         SmartCrudTemplate
                     ],
                     imports: [
+                        BrowserModule,
                         CommonModule,
                         ReactiveFormsModule,
                         // Pipes