@ng-atomic/components 3.1.0 → 3.2.5

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

@@ -3,49 +3,49 @@ 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 {
 }
-BlankPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BlankPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: BlankPage, selector: "pages-blank", ngImport: i0, template: '', isInline: true, styles: [":host{display:none}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankPage, decorators: [{
+BlankPage.ɵfac = function BlankPage_Factory(t) { return new (t || BlankPage)(); };
+BlankPage.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BlankPage, selectors: [["pages-blank"]], decls: 0, vars: 0, template: function BlankPage_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%]{display:none}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BlankPage, [{
             type: Component,
             args: [{
                     selector: 'pages-blank',
                     template: '',
                     styles: [':host { display: none }'],
                 }]
-        }] });
+        }], null, null);
+})();
 
 const routes = [{ path: '', component: BlankPage }];
-class BlankModule extends ElementsModule {
+class BlankModule {
 }
-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,
+BlankModule.ɵfac = function BlankModule_Factory(t) { return new (t || BlankModule)(); };
+BlankModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: BlankModule });
+BlankModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             RouterModule.forChild(routes)
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BlankModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BlankModule, [{
             type: NgModule,
             args: [{
                     declarations: [BlankPage],
                     imports: [
-                        BrowserModule,
                         CommonModule,
                         RouterModule.forChild(routes)
                     ],
                     exports: [BlankPage]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(BlankModule, { declarations: [BlankPage], imports: [CommonModule, i1.RouterModule], exports: [BlankPage] }); })();
 
 var blank_module = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        BlankModule: BlankModule
+    __proto__: null,
+    BlankModule: BlankModule
 });
 
 const BLANK_ROUTE = {

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

@@ -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 { 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;;;;"}
+{"version":3,"file":"ng-atomic-components-pages-blank.mjs","sources":["../../../../libs/components/src/pages/blank/blank.page.ts","../../../../libs/components/src/pages/blank/blank.module.ts","../../../../libs/components/src/pages/blank/blank.route.ts","../../../../libs/components/src/pages/blank/ng-atomic-components-pages-blank.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'pages-blank',\n  template:'',\n  styles: [':host { display: none }'],\n})\nexport class BlankPage { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Routes, RouterModule } from '@angular/router';\nimport { BlankPage } from './blank.page';\n\nconst routes: Routes = [{path: '', component: BlankPage}];\n\n@NgModule({\n  declarations: [BlankPage],\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes)\n  ],\n  exports: [BlankPage]\n})\nexport class BlankModule { }","import { Route } from \"@angular/router\";\n\nexport const BLANK_ROUTE: Route = {\n  path: '',\n  loadChildren: () => import('./blank.module').then(m => m.BlankModule),\n  data: {isBlank: true},\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAOa,SAAS,CAAA;;kEAAT,SAAS,GAAA,CAAA,EAAA,CAAA;4DAAT,SAAS,EAAA,SAAA,EAAA,CAAA,CAAA,aAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAA,kBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,MAAA,EAAA,CAAA,gCAAA,CAAA,EAAA,CAAA,CAAA;;4EAAT,SAAS,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;;sEAAX,WAAW,GAAA,CAAA,EAAA,CAAA;6DAAX,WAAW,EAAA,CAAA,CAAA;AANb,WAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;AACZ,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;SAC9B,CAAA,EAAA,CAAA,CAAA;;4EAGU,WAAW,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;;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,WAAW,EAPP,EAAA,YAAA,EAAA,CAAA,SAAS,CAEtB,EAAA,OAAA,EAAA,CAAA,YAAY,8BAGJ,SAAS,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;;;;;;ACXR,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

@@ -1,22 +1,39 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i7 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@ng-atomic/components/organisms/action-buttons-section';
+import * as i6 from '@ng-atomic/components/organisms/action-buttons-section';
 import { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';
 import * as i3 from '@ng-atomic/components/organisms/heading';
 import { HeadingModule } from '@ng-atomic/components/organisms/heading';
-import * as i4 from '@ng-atomic/components/organisms/text-input-section';
+import * as i5 from '@ng-atomic/components/organisms/text-input-section';
 import { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';
-import * as i6 from '@ng-atomic/components/organisms/social-login-section';
+import * as i7 from '@ng-atomic/components/organisms/social-login-section';
 import { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';
 import * as i2 from '@ng-atomic/components/frames/auto-layout';
 import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
 import * as 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';
 
+function EntranceTemplate_organisms_text_input_section_4_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "organisms-text-input-section", 5);
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("control", ctx_r0.form.get("email"));
+    }
+}
+function EntranceTemplate_organisms_text_input_section_5_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "organisms-text-input-section", 6);
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("control", ctx_r1.form.get("password"));
+    }
+}
 class EntranceTemplate {
     constructor() {
         this.form = new FormGroup({
@@ -30,12 +47,33 @@ class EntranceTemplate {
         this.signInWithGoogleButtonClick = new EventEmitter();
     }
 }
-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-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: [{
+EntranceTemplate.ɵfac = function EntranceTemplate_Factory(t) { return new (t || EntranceTemplate)(); };
+EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTemplate, selectors: [["templates-entrance"]], hostAttrs: [1, "template"], inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, decls: 8, vars: 3, consts: [["vertical", ""], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control", 4, "ngIf"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control", 4, "ngIf"], [3, "actionItems"], [3, "signInWithGoogleButtonClick"], ["label", "\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9", 3, "control"], ["label", "\u30D1\u30B9\u30EF\u30FC\u30C9", 3, "control"]], template: function EntranceTemplate_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "frames-card")(1, "frames-auto-layout", 0)(2, "organisms-heading");
+            i0.ɵɵtext(3, "\u30ED\u30B0\u30A4\u30F3");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, EntranceTemplate_organisms_text_input_section_4_Template, 1, 1, "organisms-text-input-section", 1);
+            i0.ɵɵtemplate(5, EntranceTemplate_organisms_text_input_section_5_Template, 1, 1, "organisms-text-input-section", 2);
+            i0.ɵɵelement(6, "organisms-action-buttons-section", 3);
+            i0.ɵɵelementStart(7, "organisms-social-login-section", 4);
+            i0.ɵɵlistener("signInWithGoogleButtonClick", function EntranceTemplate_Template_organisms_social_login_section_signInWithGoogleButtonClick_7_listener() { return ctx.signInWithGoogleButtonClick.emit(); });
+            i0.ɵɵelementEnd()()();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", ctx.isEmailSectionShown);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("actionItems", ctx.actionItems);
+        }
+    }, directives: [i1.CardFrame, i2.AutoLayoutFrame, i3.HeadingOrganism, i4.NgIf, i5.TextInputSectionOrganism, i6.ActionButtonsSectionOrganism, i7.SocialLoginSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-pbdX: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-pbdX: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pbdX);width:100%;height:100%}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-moz-fit-content;height:fit-content}[_nghost-%COMP%]   frames-card[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{max-width:calc(100% - 32px);--horizontal-padding: var(--horizontal-padding-SCOPED-IN-entrance-pbdX)}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceTemplate, [{
             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-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: [{
+            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-pbdX: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-pbdX: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pbdX);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-pbdX)}\n"] }]
+        }], null, { form: [{
                 type: Input
             }], isEmailSectionShown: [{
                 type: Input
@@ -47,21 +85,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Output
             }], signInWithGoogleButtonClick: [{
                 type: Output
-            }] } });
+            }] });
+})();
 
-class EntranceModule extends ElementsModule {
+class EntranceModule {
 }
-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,
-        CardModule,
-        // Organisms
-        ActionButtonsSectionModule,
-        HeadingModule,
-        SocialLoginSectionModule,
-        TextInputSectionModule], exports: [EntranceTemplate] });
-EntranceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EntranceModule, imports: [[
+EntranceModule.ɵfac = function EntranceModule_Factory(t) { return new (t || EntranceModule)(); };
+EntranceModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: EntranceModule, bootstrap: [EntranceTemplate] });
+EntranceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Frames
             AutoLayoutModule,
@@ -72,7 +103,8 @@ EntranceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
             SocialLoginSectionModule,
             TextInputSectionModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: EntranceModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntranceModule, [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -91,9 +123,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ],
                     exports: [
                         EntranceTemplate
+                    ],
+                    bootstrap: [
+                        EntranceTemplate,
                     ]
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EntranceModule, { declarations: [EntranceTemplate], imports: [CommonModule,
+            // Frames
+            AutoLayoutModule,
+            CardModule,
+            // Organisms
+            ActionButtonsSectionModule,
+            HeadingModule,
+            SocialLoginSectionModule,
+            TextInputSectionModule], exports: [EntranceTemplate] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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 { 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":"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"}
+{"version":3,"file":"ng-atomic-components-templates-entrance.mjs","sources":["../../../../libs/components/src/templates/entrance/entrance.template.html","../../../../libs/components/src/templates/entrance/entrance.template.ts","../../../../libs/components/src/templates/entrance/entrance.module.ts","../../../../libs/components/src/templates/entrance/ng-atomic-components-templates-entrance.ts"],"sourcesContent":["<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 { 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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n  declarations: [\n    EntranceTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Frames\n    AutoLayoutModule,\n    CardModule,\n    // Organisms\n    ActionButtonsSectionModule,\n    HeadingModule,\n    SocialLoginSectionModule,\n    TextInputSectionModule,\n  ],\n  exports: [\n    EntranceTemplate\n  ],\n  bootstrap: [\n    EntranceTemplate,\n  ]\n})\nexport class EntranceModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -3,48 +3,57 @@ 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 {
 }
-LoadingTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LoadingTemplate.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LoadingTemplate, selector: "templates-loading", ngImport: i0, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"], components: [{ type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingTemplate, decorators: [{
+LoadingTemplate.ɵfac = function LoadingTemplate_Factory(t) { return new (t || LoadingTemplate)(); };
+LoadingTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingTemplate, selectors: [["templates-loading"]], decls: 1, vars: 0, template: function LoadingTemplate_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "mat-spinner");
+        }
+    }, directives: [i1.MatProgressSpinner], styles: ["[_nghost-%COMP%]{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingTemplate, [{
             type: Component,
             args: [{ selector: 'templates-loading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-spinner></mat-spinner>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}\n"] }]
-        }] });
+        }], null, null);
+})();
 
-class LoadingModule extends ElementsModule {
+class LoadingModule {
 }
-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,
+LoadingModule.ɵfac = function LoadingModule_Factory(t) { return new (t || LoadingModule)(); };
+LoadingModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LoadingModule, bootstrap: [LoadingTemplate] });
+LoadingModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Materials
             MatProgressSpinnerModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LoadingModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingModule, [{
             type: NgModule,
             args: [{
                     declarations: [
                         LoadingTemplate
                     ],
                     imports: [
-                        BrowserModule,
                         CommonModule,
                         // Materials
                         MatProgressSpinnerModule,
                     ],
                     exports: [
                         LoadingTemplate
-                    ]
+                    ],
+                    bootstrap: [
+                        LoadingTemplate,
+                    ],
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LoadingModule, { declarations: [LoadingTemplate], imports: [CommonModule,
+            // Materials
+            MatProgressSpinnerModule], exports: [LoadingTemplate] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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';\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;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-loading.mjs","sources":["../../../../libs/components/src/templates/loading/loading.template.ts","../../../../libs/components/src/templates/loading/loading.template.html","../../../../libs/components/src/templates/loading/loading.module.ts","../../../../libs/components/src/templates/loading/ng-atomic-components-templates-loading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'templates-loading',\n  templateUrl: './loading.template.html',\n  styleUrls: ['./loading.template.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingTemplate { }\n","<mat-spinner></mat-spinner>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { LoadingTemplate } from './loading.template';\n\n\n@NgModule({\n  declarations: [\n    LoadingTemplate\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatProgressSpinnerModule,\n  ],\n  exports: [\n    LoadingTemplate\n  ],\n  bootstrap: [\n    LoadingTemplate,\n  ],\n})\nexport class LoadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,eAAe,CAAA;;8EAAf,eAAe,GAAA,CAAA,EAAA,CAAA;kEAAf,eAAe,EAAA,SAAA,EAAA,CAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAA,wBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ACR5B,YAAA,EAA2B,CAAA,SAAA,CAAA,CAAA,EAAA,aAAA,CAAA,CAAA;;;;4EDQd,eAAe,EAAA,CAAA;kBAN3B,SAAS;+BACE,mBAAmB,EAAA,eAAA,EAGZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,+GAAA,CAAA,EAAA,CAAA;;;;MEiBpC,aAAa,CAAA;;0EAAb,aAAa,GAAA,CAAA,EAAA,CAAA;AAAb,aAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,aAAa,cAHtB,eAAe,CAAA,EAAA,CAAA,CAAA;AATR,aAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,wBAAwB;SACzB,CAAA,EAAA,CAAA,CAAA;;4EAQU,aAAa,EAAA,CAAA;kBAhBzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,eAAe;AAChB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,eAAe;AAChB,qBAAA;iBACF,CAAA;;;;6EACY,aAAa,EAAA,EAAA,YAAA,EAAA,CAdtB,eAAe,CAAA,EAAA,OAAA,EAAA,CAGf,YAAY;;YAEZ,wBAAwB,aAGxB,eAAe,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACjBnB;;AAEG;;;;"}

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

@@ -3,52 +3,73 @@ 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';
 
+const _c0 = [[["", "header", ""]], [["", "footer", ""]]];
+const _c1 = ["[header]", "[footer]"];
 class MenuTemplate {
     constructor() {
         this.actionItems = [];
         this.actionItemClick = new EventEmitter();
     }
 }
-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-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: [{
+MenuTemplate.ɵfac = function MenuTemplate_Factory(t) { return new (t || MenuTemplate)(); };
+MenuTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuTemplate, selectors: [["templates-menu"]], inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngContentSelectors: _c1, decls: 5, vars: 1, consts: [[1, "top"], [3, "actionItems", "actionItemClick"], [1, "bottom"]], template: function MenuTemplate_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementStart(2, "organisms-menu", 1);
+            i0.ɵɵlistener("actionItemClick", function MenuTemplate_Template_organisms_menu_actionItemClick_2_listener($event) { return ctx.actionItemClick.emit($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(3, "div", 2);
+            i0.ɵɵprojection(4, 1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("actionItems", ctx.actionItems);
+        }
+    }, directives: [i1.MenuOrganism], styles: ["[_nghost-%COMP%]{--primary-color: blue;--primary-color-SCOPED-IN-menu-eFT9: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-eFT9: var(--width);--height: 100%;--height-SCOPED-IN-menu-eFT9: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-eFT9);height:var(--height-SCOPED-IN-menu-eFT9);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-eFT9)}[_nghost-%COMP%]   organisms-menu[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-eFT9)}"], changeDetection: 0 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuTemplate, [{
             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-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: [{
+            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-eFT9: var(--primary-color);--width: 100%;--width-SCOPED-IN-menu-eFT9: var(--width);--height: 100%;--height-SCOPED-IN-menu-eFT9: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-eFT9);height:var(--height-SCOPED-IN-menu-eFT9);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-eFT9)}:host organisms-menu{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-eFT9)}\n"] }]
+        }], null, { actionItems: [{
                 type: Input
             }], actionItemClick: [{
                 type: Output
-            }] } });
+            }] });
+})();
 
-class MenuModule extends ElementsModule {
+class MenuModule {
 }
-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,
+MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
+MenuModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MenuModule, bootstrap: [MenuTemplate] });
+MenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             // Organisms
             MenuModule$1,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MenuModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuModule, [{
             type: NgModule,
             args: [{
                     declarations: [MenuTemplate],
                     imports: [
-                        BrowserModule,
                         CommonModule,
                         // Organisms
                         MenuModule$1,
                     ],
-                    exports: [MenuTemplate]
+                    exports: [MenuTemplate],
+                    bootstrap: [MenuTemplate],
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuTemplate], imports: [CommonModule,
+            // Organisms
+            MenuModule$1], exports: [MenuTemplate] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -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 { 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;;;;"}
+{"version":3,"file":"ng-atomic-components-templates-menu.mjs","sources":["../../../../libs/components/src/templates/menu/menu.template.ts","../../../../libs/components/src/templates/menu/menu.template.html","../../../../libs/components/src/templates/menu/menu.module.ts","../../../../libs/components/src/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';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n  declarations: [MenuTemplate],\n  imports: [\n    CommonModule,\n    // Organisms\n    MenuOrganismModule,\n  ],\n  exports: [MenuTemplate],\n  bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["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;;wEARY,YAAY,GAAA,CAAA,EAAA,CAAA;+DAAZ,YAAY,EAAA,SAAA,EAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,kBAAA,EAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,aAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,qBAAA,CAAA,EAAA,EAAA,GAAA,EAAA;QAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;YCTzB,EAAiB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AACf,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;YACzC,EAGC,CAAA,cAAA,CAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,CAAA,CAAA;YADC,EAAA,CAAA,UAAA,CAAA,iBAAA,EAAA,SAAA,+DAAA,CAAA,MAAA,EAAA,EAAA,OAAmB,gCAA4B,CAAC,EAAA,CAAA,CAAA;AACjD,YAAA,EAAA,CAAA,YAAA,EAAiB,EAAA,CAAA;YAEpB,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;AAClB,YAAA,EAAyC,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;YAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;;;AANF,YAAA,EAA2B,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;YAA3B,EAA2B,CAAA,UAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;;;4EDMlB,YAAY,EAAA,CAAA;kBANxB,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2RAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,CAAA;oBAK/C,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,eAAe,EAAA,CAAA;sBADd,MAAM;;;;MEGI,UAAU,CAAA;;oEAAV,UAAU,GAAA,CAAA,EAAA,CAAA;AAAV,UAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,UAAU,cAFT,YAAY,CAAA,EAAA,CAAA,CAAA;AANf,UAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZA,YAAkB;SACnB,CAAA,EAAA,CAAA,CAAA;;4EAIU,UAAU,EAAA,CAAA;kBAVtB,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;oBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;iBAC1B,CAAA;;;;6EACY,UAAU,EAAA,EAAA,YAAA,EAAA,CATN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;;YAEZA,YAAkB,aAEV,YAAY,CAAA,EAAA,CAAA,CAAA;AAAA,CAAA,GAAA;;ACdxB;;AAEG;;;;"}