npm - @ng-atomic/components - Versions diffs - 4.14.1 → 4.16.0 - Mend

@ng-atomic/components 4.14.1 → 4.16.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 (158) hide show

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

@@ -6,9 +6,8 @@ import * as i4 from '@ng-atomic/components/organisms/action-buttons-section';
 import { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';
 import * as i5 from '@ng-atomic/components/organisms/heading';
 import { HeadingModule } from '@ng-atomic/components/organisms/heading';
-import * as i7 from '@ng-atomic/components/organisms/text-input-section';
+import * as i6 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 { 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';
@@ -17,40 +16,62 @@ import { CardModule } from '@ng-atomic/components/frames/card';
 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);
+    i0.ɵɵelement(0, "organisms-text-input-section", 4);
 } 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);
+    i0.ɵɵelement(0, "organisms-text-input-section", 5);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("control", ctx_r1.form.get("password"));
 } }
+var ActionId;
+(function (ActionId) {
+    ActionId["SIGN_IN"] = "[@ng-atomic/components] Sign In";
+    ActionId["SIGN_IN_WITH_GOOGLE"] = "[@ng-atomic/components] Sign In With Google";
+    ActionId["SIGN_IN_WITH_TWITTER"] = "[@ng-atomic/components] Sign In With Twitter";
+})(ActionId || (ActionId = {}));
+const Actions = [
+    {
+        id: ActionId.SIGN_IN,
+        name: 'Sign In',
+        icon: 'login',
+    },
+    {
+        id: ActionId.SIGN_IN_WITH_GOOGLE,
+        name: 'Sign In With Google',
+        icon: 'google',
+    },
+    {
+        id: ActionId.SIGN_IN_WITH_TWITTER,
+        name: 'Sign In With Twitter',
+        icon: 'twitter',
+    },
+];
 class EntranceTemplate {
     constructor() {
+        this.ActionId = ActionId;
         this.form = new FormGroup({
             email: new FormControl(''),
             password: new FormControl(''),
         });
         this.isEmailSectionShown = true;
         this.isPasswordSectionShown = true;
-        this.actionItems = [];
-        this.submitButtonClick = new EventEmitter();
-        this.signInWithGoogleButtonClick = new EventEmitter();
+        this.actions = Actions;
+        this.action = new EventEmitter();
     }
 }
 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, "items"], [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) {
+EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTemplate, selectors: [["templates-entrance"]], hostAttrs: [1, "template"], inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actions: "actions" }, outputs: { action: "action" }, decls: 7, 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, "actions", "action"], ["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.ɵɵelementStart(6, "organisms-action-buttons-section", 3);
+        i0.ɵɵlistener("action", function EntranceTemplate_Template_organisms_action_buttons_section_action_6_listener($event) { return ctx.action.emit($event); });
         i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵadvance(4);
@@ -58,22 +79,20 @@ EntranceTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntranceTe
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("ngIf", ctx.isPasswordSectionShown);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("items", ctx.actionItems);
-    } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.SocialLoginSectionOrganism, i7.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-sqFt: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-sqFt: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-sqFt);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-sqFt)}"], changeDetection: 0 });
+        i0.ɵɵproperty("actions", ctx.actions);
+    } }, dependencies: [i1.NgIf, i2.AutoLayoutFrame, i3.CardFrame, i4.ActionButtonsSectionOrganism, i5.HeadingOrganism, i6.TextInputSectionOrganism], styles: ["[_nghost-%COMP%]{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-E6c8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-E6c8: var(--background-color)}[_nghost-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-E6c8);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-E6c8)}"], 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 [items]=\"actionItems\"></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-sqFt: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-sqFt: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-sqFt);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-sqFt)}\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      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding: 64px;--horizontal-padding-SCOPED-IN-entrance-E6c8: var(--horizontal-padding);--background-color: #eee;--background-color-SCOPED-IN-entrance-E6c8: var(--background-color)}:host{display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-E6c8);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-E6c8)}\n"] }]
     }], null, { form: [{
             type: Input
         }], isEmailSectionShown: [{
             type: Input
         }], isPasswordSectionShown: [{
             type: Input
-        }], actionItems: [{
+        }], actions: [{
             type: Input
-        }], submitButtonClick: [{
-            type: Output
-        }], signInWithGoogleButtonClick: [{
+        }], action: [{
             type: Output
         }] }); })();
@@ -129,5 +148,5 @@ EntranceModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonMod
  * Generated bundle index. Do not edit.
  */
-export { EntranceModule, EntranceTemplate };
+export { ActionId, Actions, EntranceModule, EntranceTemplate };
 //# sourceMappingURL=ng-atomic-components-templates-entrance.mjs.map

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

	@@ -1 +1 @@
1	- {"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 [~~items~~]=\"~~actionItems~~\"~~></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":"~~;;;;;;;;;;;;;;;;;;;~~IAGI,EAIgC,CAAA,SAAA,CAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;;;IAD9B,EAA6B,CAAA,UAAA,CAAA,SAAA,EAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;IAE/B,EAIgC,CAAA,SAAA,CAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;;;IAD9B,EAAgC,CAAA,UAAA,CAAA,SAAA,EAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;~~MCDzB~~,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;~~QASE~~,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;QAGH,IAAmB,CAAA,mBAAA,GAAG,IAAI,CAAC;QAG3B,IAAsB,CAAA,sBAAA,GAAG,IAAI,CAAC;QAG9B,~~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~~;~~AACxD~~,KAAA;;~~gFArBY~~,gBAAgB,GAAA,CAAA,EAAA,CAAA;mEAAhB,gBAAgB,EAAA,SAAA,EAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,CAAA,EAAA,UAAA,CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,~~WAAA~~,EAAA,~~aAAA~~,EAAA,EAAA,OAAA,EAAA,EAAA,~~iBAAA~~,EAAA,~~mBAAA~~,EAAA,~~2BAAA,~~EAAA,~~6BAAA,EAAA,EAAA,~~KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,UAAA,EAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,4CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,OAAA,EAAA,gCAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA,CAAA,EAAA,~~OAAA~~,~~CAAA,~~EAAA,~~CAAA~~,CAAA,EAAA,~~6BAAA,~~CAAA,~~EAAA,CAAA,~~OAAA,EAAA,4CAAA,EAAA,CAAA,EAAA,SAAA,CAAA,EAAA,CAAA,OAAA,EAAA,gCAAA,EAAA,CAAA,EAAA,SAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,yBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;~~ADV7B~~,QAAA,EAAA,CAAA,cAAA,CAAA,CAAA,EAAA,aAAA,CAAa,4BAAA,CAAA,CAAA,EAAA,mBAAA,CAAA,CAAA;QAEU,EAAI,CAAA,MAAA,CAAA,CAAA,EAAA,0BAAA,CAAA,CAAA;QAAA,EAAoB,CAAA,YAAA,EAAA,CAAA;QAC3C,EAIgC,CAAA,UAAA,CAAA,CAAA,EAAA,wDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;QAChC,EAIgC,CAAA,UAAA,CAAA,CAAA,EAAA,wDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,8BAAA,EAAA,CAAA,CAAA,CAAA;QAChC,~~EAA2F~~,CAAA,~~SAAA~~,CAAA,CAAA,EAAA,kCAAA,EAAA,CAAA,CAAA,CAAA;~~QAC3F~~,~~EAEC~~,~~CAAA,cAAA,CAAA,CAAA,~~EAAA,~~gCAAA,EAAA,~~CAAA,~~CAAA~~,CAAA~~;AADC~~,QAAA,EAAA,~~CAAA~~,~~UAAA~~,CAAA,~~6BAAA~~,EAAA,~~SAAA,+FAAA,GAAA,~~EAAA,~~OAA+B~~,~~sCAAkC~~,CAAC,EAAA,CAAA,CAAA;~~AACnE~~,QAAA,EAAA,CAAA,YAAA,~~EAAiC~~,EAAA,EAAA,CAAA;;~~QAZ/B~~,EAAyB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAzB,EAAyB,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,mBAAA,CAAA,CAAA;QAKzB,EAA4B,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAA5B,EAA4B,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,sBAAA,CAAA,CAAA;~~QAIG~~,~~EAAqB~~,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;~~QAArB~~,~~EAAqB~~,CAAA,UAAA,CAAA,~~OAAA~~,EAAA,GAAA,CAAA,~~WAAA~~,CAAA,CAAA;;~~uFCH9C~~,gBAAgB,EAAA,CAAA;cAP5B,SAAS;2BACE,oBAAoB,EAAA,IAAA,EAGxB,EAAC,KAAK,EAAE,UAAU,EAAC,EAAA,eAAA,EACR,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~wzBAAA~~,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,CAAA;~~gBAI~~/C,IAAI,EAAA,CAAA;kBADH,KAAK;YAON,mBAAmB,EAAA,CAAA;kBADlB,KAAK;YAIN,sBAAsB,EAAA,CAAA;kBADrB,KAAK;YAIN,~~WAAW~~,EAAA,CAAA;~~kBADV~~,KAAK;YAIN,~~iBAAiB,EAAA,CAAA;kBADhB,~~MAAM~~;YAIP~~,~~2BAA2B,~~EAAA,CAAA;~~kBAD1B~~,MAAM;;;~~MCII~~,cAAc,CAAA;;4EAAd,cAAc,GAAA,CAAA,EAAA,CAAA;AAAd,cAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA,cAAc,cAHvB,gBAAgB,CAAA,EAAA,CAAA,CAAA;oEAdhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,wBAAwB;QACxB,sBAAsB,CAAA,EAAA,CAAA,CAAA;uFASb,cAAc,EAAA,CAAA;cAtB1B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,gBAAgB;AACjB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,gBAAgB;oBAChB,UAAU;;oBAEV,0BAA0B;oBAC1B,aAAa;oBACb,wBAAwB;oBACxB,sBAAsB;AACvB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,gBAAgB;AACjB,iBAAA;AACD,gBAAA,SAAS,EAAE;oBACT,gBAAgB;AACjB,iBAAA;AACF,aAAA,CAAA;;wFACY,cAAc,EAAA,EAAA,YAAA,EAAA,CApBvB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAGhB,YAAY;;QAEZ,gBAAgB;QAChB,UAAU;;QAEV,0BAA0B;QAC1B,aAAa;QACb,wBAAwB;AACxB,QAAA,sBAAsB,aAGtB,gBAAgB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;AC3BpB;;AAEG;;;;"}
1	+ {"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 [actions]=\"actions\"\n (action)=\"action.emit($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-card>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup, FormControl} from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n SIGN_IN = '[@ng-atomic/components] Sign In',\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components] Sign In With Twitter',\n}\n\nexport const Actions: Action[] = [\n {\n id: ActionId.SIGN_IN,\n name: 'Sign In',\n icon: 'login',\n },\n {\n id: ActionId.SIGN_IN_WITH_GOOGLE,\n name: 'Sign In With Google',\n icon: 'google',\n },\n {\n id: ActionId.SIGN_IN_WITH_TWITTER,\n name: 'Sign In With Twitter',\n icon: 'twitter',\n },\n];\n\n@Component({\n selector: 'templates-entrance',\n templateUrl: './entrance.template.html',\n styleUrls: ['./entrance.template.scss'],\n host: {class: 'template'},\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntranceTemplate {\n protected ActionId = ActionId\n\n @Input()\n form = new FormGroup({\n email: new FormControl(''),\n password: new FormControl(''),\n });\n\n @Input()\n isEmailSectionShown = true;\n\n @Input()\n isPasswordSectionShown = true;\n\n @Input()\n actions = Actions;\n\n @Output()\n action = new EventEmitter<Action>()\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { HeadingModule } from '@ng-atomic/components/organisms/heading';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { SocialLoginSectionModule } from '@ng-atomic/components/organisms/social-login-section';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { CardModule } from '@ng-atomic/components/frames/card';\nimport { EntranceTemplate } from './entrance.template';\n\n\n@NgModule({\n declarations: [\n EntranceTemplate\n ],\n imports: [\n CommonModule,\n // Frames\n AutoLayoutModule,\n CardModule,\n // Organisms\n ActionButtonsSectionModule,\n HeadingModule,\n SocialLoginSectionModule,\n TextInputSectionModule,\n ],\n exports: [\n EntranceTemplate\n ],\n bootstrap: [\n EntranceTemplate,\n ]\n})\nexport class EntranceModule { }\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -26,10 +26,10 @@ MenuTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuTemplate,
     } if (rf & 2) {
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("items", ctx.items);
-    } }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-BnQz: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-BnQz: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-BnQz: var(--width);--height: 100%;--height-SCOPED-IN-menu-BnQz: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-BnQz);height:var(--height-SCOPED-IN-menu-BnQz);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-BnQz)}[_nghost-%COMP%]   organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-BnQz);--secondary-color: var(--secondary-color-SCOPED-IN-menu-BnQz)}"], changeDetection: 0 });
+    } }, dependencies: [i1.NavigationListOrganism], styles: ["[_nghost-%COMP%]{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-NZXY: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-NZXY: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-NZXY: var(--width);--height: 100%;--height-SCOPED-IN-menu-NZXY: var(--height)}[_nghost-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-NZXY);height:var(--height-SCOPED-IN-menu-NZXY);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-NZXY)}[_nghost-%COMP%]   organisms-navigation-list[_ngcontent-%COMP%]{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-NZXY);--secondary-color: var(--secondary-color-SCOPED-IN-menu-NZXY)}"], 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-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-BnQz: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-BnQz: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-BnQz: var(--width);--height: 100%;--height-SCOPED-IN-menu-BnQz: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-BnQz);height:var(--height-SCOPED-IN-menu-BnQz);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-BnQz)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-BnQz);--secondary-color: var(--secondary-color-SCOPED-IN-menu-BnQz)}\n"] }]
+        args: [{ selector: 'templates-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-navigation-list\n    [items]=\"items\"\n    (action)=\"action.emit($event)\"\n  ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color: #3f51b5;--primary-color-SCOPED-IN-menu-NZXY: var(--primary-color);--secondary-color: #3f51b5;--secondary-color-SCOPED-IN-menu-NZXY: var(--secondary-color);--width: 100%;--width-SCOPED-IN-menu-NZXY: var(--width);--height: 100%;--height-SCOPED-IN-menu-NZXY: var(--height)}:host{display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-NZXY);height:var(--height-SCOPED-IN-menu-NZXY);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-NZXY)}:host organisms-navigation-list{transition:width .5s;--primary-color: var(--primary-color-SCOPED-IN-menu-NZXY);--secondary-color: var(--secondary-color-SCOPED-IN-menu-NZXY)}\n"] }]
     }], null, { items: [{
             type: Input
         }], action: [{

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

	@@ -1 +1 @@
1	- {"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 items: ActionItem<string>[] = [];\n\n @Output()\n action = new EventEmitter<~~string~~>();\n\n}\n","<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-navigation-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n <ng-content select=[footer]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n declarations: [MenuTemplate],\n imports: [\n CommonModule,\n // Organisms\n NavigationListModule,\n ],\n exports: [MenuTemplate],\n bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAyB,EAAE,CAAC;AAGjC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;wEARY,YAAY,GAAA,CAAA,EAAA,CAAA;+DAAZ,YAAY,EAAA,SAAA,EAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,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,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,qBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;QCTzB,EAAiB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QACf,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QACzC,EAGC,CAAA,cAAA,CAAA,CAAA,EAAA,2BAAA,EAAA,CAAA,CAAA,CAAA;AADC,QAAA,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,iEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,uBAAmB,CAAC,EAAA,CAAA,CAAA;AAC/B,QAAA,EAAA,CAAA,YAAA,EAA4B,EAAA,CAAA;QAE/B,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QAClB,EAAyC,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;;QANF,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAf,EAAe,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAA,CAAA;;uFDMN,YAAY,EAAA,CAAA;cANxB,SAAS;2BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;gBAK/C,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,MAAM,EAAA,CAAA;kBADL,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;gEALtB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;uFAKX,UAAU,EAAA,CAAA;cAVtB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;AACrB,iBAAA;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,aAAA,CAAA;;wFACY,UAAU,EAAA,EAAA,YAAA,EAAA,CATN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;;AAEZ,QAAA,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACdxB;;AAEG;;;;"}
1	+ {"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 { Action, ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n selector: 'templates-menu',\n templateUrl: './menu.template.html',\n styleUrls: ['./menu.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuTemplate {\n\n @Input()\n items: ActionItem<string>[] = [];\n\n @Output()\n action = new EventEmitter<Action>();\n\n}\n","<div class=\"top\">\n <ng-content select=[header]></ng-content>\n <organisms-navigation-list\n [items]=\"items\"\n (action)=\"action.emit($event)\"\n ></organisms-navigation-list>\n</div>\n<div class=\"bottom\">\n <ng-content select=[footer]></ng-content>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NavigationListModule } from '@ng-atomic/components/organisms/navigation-list';\n\nimport { MenuTemplate } from './menu.template';\n\n\n@NgModule({\n declarations: [MenuTemplate],\n imports: [\n CommonModule,\n // Organisms\n NavigationListModule,\n ],\n exports: [MenuTemplate],\n bootstrap: [MenuTemplate],\n})\nexport class MenuModule { }\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,YAAY,CAAA;AANzB,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAyB,EAAE,CAAC;AAGjC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAU,CAAC;AAErC,KAAA;;wEARY,YAAY,GAAA,CAAA,EAAA,CAAA;+DAAZ,YAAY,EAAA,SAAA,EAAA,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,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,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,qBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;;QCTzB,EAAiB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QACf,EAAyC,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA;QACzC,EAGC,CAAA,cAAA,CAAA,CAAA,EAAA,2BAAA,EAAA,CAAA,CAAA,CAAA;AADC,QAAA,EAAA,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,iEAAA,CAAA,MAAA,EAAA,EAAA,OAAU,uBAAmB,CAAC,EAAA,CAAA,CAAA;AAC/B,QAAA,EAAA,CAAA,YAAA,EAA4B,EAAA,CAAA;QAE/B,EAAoB,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QAClB,EAAyC,CAAA,YAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;QAC3C,EAAM,CAAA,YAAA,EAAA,CAAA;;QANF,EAAe,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAf,EAAe,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,KAAA,CAAA,CAAA;;uFDMN,YAAY,EAAA,CAAA;cANxB,SAAS;2BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,krBAAA,CAAA,EAAA,CAAA;gBAK/C,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,MAAM,EAAA,CAAA;kBADL,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;gEALtB,YAAY;;QAEZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;uFAKX,UAAU,EAAA,CAAA;cAVtB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;AAC5B,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;AACrB,iBAAA;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,SAAS,EAAE,CAAC,YAAY,CAAC;AAC1B,aAAA,CAAA;;wFACY,UAAU,EAAA,EAAA,YAAA,EAAA,CATN,YAAY,CAAA,EAAA,OAAA,EAAA,CAEzB,YAAY;;AAEZ,QAAA,oBAAoB,aAEZ,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACdxB;;AAEG;;;;"}

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

@@ -74,7 +74,6 @@ function SmartCrudTemplate_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngSwitchCase", "number");
 } }
-const _c0 = function () { return []; };
 var ActionId;
 (function (ActionId) {
     ActionId["BACK"] = "[@ng-atomic/components/templates/smart-crud] Back";
@@ -84,80 +83,53 @@ var ActionId;
 })(ActionId || (ActionId = {}));
 class SmartCrudTemplate {
     constructor() {
-        this.canBack = false;
-        this.name = '';
-        this.mode = 'create';
-        this.navigatorMenuItems = [{ id: ActionId.DELETE, name: '削除' }];
-        this.title = 'title';
+        this.title = '';
+        this.navStartActions = [{ id: ActionId.BACK, icon: 'arrow_back' }];
+        this.navEndActions = [{ id: ActionId.DELETE, name: '削除' }];
+        this.actions = [{ id: ActionId.CREATE, name: '作成' }];
         this.action = new EventEmitter();
-        this.backButtonClick = new EventEmitter();
-        this.createButtonClick = new EventEmitter();
-        this.updateButtonClick = new EventEmitter();
-        this.navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];
         this.trackByIndex = (index) => index;
     }
-    get actionItems() {
-        switch (this.mode) {
-            case 'create': return [{ id: ActionId.CREATE, name: '作成' }];
-            case 'update': return [{ id: ActionId.UPDATE, name: '更新' }];
-        }
-    }
     get controls() {
         return Object.entries(this.form.controls);
     }
-    onAction(action) {
-        switch (action.id) {
-            case ActionId.BACK: return this.backButtonClick.emit();
-            case ActionId.CREATE: return this.createButtonClick.emit();
-            case ActionId.UPDATE: return this.updateButtonClick.emit();
-            default: return this.action.emit(action);
-        }
-    }
 }
 SmartCrudTemplate.ɵfac = function SmartCrudTemplate_Factory(t) { return new (t || SmartCrudTemplate)(); };
-SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrudTemplate, selectors: [["templates-smart-crud"]], hostAttrs: [1, "template"], inputs: { canBack: "canBack", name: "name", form: "form", mode: "mode", navigatorMenuItems: "navigatorMenuItems", title: "title" }, outputs: { action: "action", backButtonClick: "backButtonClick", createButtonClick: "createButtonClick", updateButtonClick: "updateButtonClick" }, decls: 6, vars: 7, consts: [["navigator", "", 3, "leftItems", "rightItems", "action"], [3, "title"], ["vertical", "", "contents", ""], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "items", "action"], [3, "ngSwitch"], [3, "label", "control", "options", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchCase"], [3, "type", "label", "control", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchDefault"], [3, "label", "control", "options"], [3, "label", "control"], [3, "type", "label", "control"]], template: function SmartCrudTemplate_Template(rf, ctx) { if (rf & 1) {
+SmartCrudTemplate.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartCrudTemplate, selectors: [["templates-smart-crud"]], hostAttrs: [1, "template"], inputs: { title: "title", form: "form", navStartActions: "navStartActions", navEndActions: "navEndActions", actions: "actions" }, outputs: { action: "action" }, decls: 6, vars: 6, consts: [["navigator", "", 3, "startActions", "endActions", "action"], [3, "title"], ["vertical", "", "contents", ""], [3, "ngSwitch", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "actions", "action"], [3, "ngSwitch"], [3, "label", "control", "options", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchCase"], [3, "type", "label", "control", 4, "ngSwitchCase"], [3, "label", "control", 4, "ngSwitchDefault"], [3, "label", "control", "options"], [3, "label", "control"], [3, "type", "label", "control"]], template: function SmartCrudTemplate_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "frames-scroll")(1, "organisms-navigator", 0);
-        i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.onAction($event); });
+        i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_navigator_action_1_listener($event) { return ctx.action.emit($event); });
         i0.ɵɵelement(2, "molecules-header", 1);
         i0.ɵɵelementEnd();
         i0.ɵɵelementStart(3, "frames-auto-layout", 2);
         i0.ɵɵtemplate(4, SmartCrudTemplate_ng_container_4_Template, 6, 6, "ng-container", 3);
         i0.ɵɵelementStart(5, "organisms-action-buttons-section", 4);
-        i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_action_buttons_section_action_5_listener($event) { return ctx.onAction($event); });
+        i0.ɵɵlistener("action", function SmartCrudTemplate_Template_organisms_action_buttons_section_action_5_listener($event) { return ctx.action.emit($event); });
         i0.ɵɵelementEnd()()();
     } if (rf & 2) {
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("leftItems", ctx.canBack ? ctx.navigatorLeftItems : i0.ɵɵpureFunction0(6, _c0))("rightItems", ctx.navigatorMenuItems);
+        i0.ɵɵproperty("startActions", ctx.navStartActions)("endActions", ctx.navEndActions);
         i0.ɵɵadvance(1);
         i0.ɵɵproperty("title", ctx.title);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngForOf", ctx.controls)("ngForTrackBy", ctx.trackByIndex);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("items", ctx.actionItems);
-    } }, dependencies: [i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.AutoLayoutFrame, i3.ScrollFrame, i4.ActionButtonsSectionOrganism, i5.NavigatorOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i8.SelectInputSectionOrganism, i9.HeaderMolecule, i10.DomainPipe, i11.SmartFieldPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-AdQp: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-AdQp: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-AdQp: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-AdQp);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-AdQp)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-AdQp)}"], changeDetection: 0 });
+        i0.ɵɵproperty("actions", ctx.actions);
+    } }, dependencies: [i1.NgForOf, i1.NgSwitch, i1.NgSwitchCase, i1.NgSwitchDefault, i2.AutoLayoutFrame, i3.ScrollFrame, i4.ActionButtonsSectionOrganism, i5.NavigatorOrganism, i6.DateInputSectionOrganism, i7.TextInputSectionOrganism, i8.SelectInputSectionOrganism, i9.HeaderMolecule, i10.DomainPipe, i11.SmartFieldPipe], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qpeh: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qpeh: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qpeh: var(--gap)}[_nghost-%COMP%]{display:block;width:100%;height:100%;background:white}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qpeh);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qpeh)}[_nghost-%COMP%]   frames-auto-layout[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qpeh)}"], changeDetection: 0 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartCrudTemplate, [{
         type: Component,
-        args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [leftItems]=\"canBack ? navigatorLeftItems : []\"\n    [rightItems]=\"navigatorMenuItems\"\n    (action)=\"onAction($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-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      [items]=\"actionItems\"\n      (action)=\"onAction($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-AdQp: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-AdQp: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-AdQp: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-AdQp);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-AdQp)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-AdQp)}\n"] }]
-    }], null, { canBack: [{
-            type: Input
-        }], name: [{
+        args: [{ selector: 'templates-smart-crud', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'template' }, template: "<frames-scroll>\n  <organisms-navigator \n    [startActions]=\"navStartActions\"\n    [endActions]=\"navEndActions\"\n    (action)=\"action.emit($event)\"\n    navigator\n  >\n    <molecules-header [title]=\"title\"></molecules-header>\n  </organisms-navigator>\n  <frames-auto-layout vertical contents>\n    <ng-container *ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] | smartField)?.type\">\n      <organisms-select-input-section\n        *ngSwitchCase=\"'select'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n        [options]=\"(entry[0] | smartField)?.options\"\n      ></organisms-select-input-section>\n      <organisms-date-input-section\n        *ngSwitchCase=\"'date'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-date-input-section>\n      <organisms-text-input-section\n        *ngSwitchCase=\"'number'\"\n        [type]=\"'number'\"\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n      <organisms-text-input-section\n        *ngSwitchDefault\n        [label]=\"entry[0] | D\"\n        [control]=\"entry[1]\"\n      ></organisms-text-input-section>\n    </ng-container>\n    <organisms-action-buttons-section\n      [actions]=\"actions\"\n      (action)=\"action.emit($event)\"\n    ></organisms-action-buttons-section>\n  </frames-auto-layout>\n</frames-scroll>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-smart-crud-qpeh: var(--horizontal-padding);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-smart-crud-qpeh: var(--vertical-padding);--gap: 16px;--gap-SCOPED-IN-smart-crud-qpeh: var(--gap)}:host{display:block;width:100%;height:100%;background:white}:host frames-auto-layout{height:-moz-fit-content;height:fit-content;--gap: var(--gap-SCOPED-IN-smart-crud-qpeh);--vertical-padding: var(--vertical-padding-SCOPED-IN-smart-crud-qpeh)}:host frames-auto-layout *{--horizontal-padding: var(--horizontal-padding-SCOPED-IN-smart-crud-qpeh)}\n"] }]
+    }], null, { title: [{
             type: Input
         }], form: [{
             type: Input
-        }], mode: [{
+        }], navStartActions: [{
             type: Input
-        }], navigatorMenuItems: [{
+        }], navEndActions: [{
             type: Input
-        }], title: [{
+        }], actions: [{
             type: Input
         }], action: [{
             type: Output
-        }], backButtonClick: [{
-            type: Output
-        }], createButtonClick: [{
-            type: Output
-        }], updateButtonClick: [{
-            type: Output
         }] }); })();
 class SmartCrudModule {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../libs/components/src/templates/smart-crud/smart-crud.template.html","../../../../libs/components/src/templates/smart-crud/smart-crud.template.ts","../../../../libs/components/src/templates/smart-crud/smart-crud.module.ts","../../../../libs/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator \n [leftItems]=\"canBack ? navigatorLeftItems : []\"\n [rightItems]=\"navigatorMenuItems\"\n (action)=\"onAction($event)\"\n navigator\n >\n <molecules-header [title]=\"title\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] \| smartField)?.type\">\n <organisms-select-input-section\n ngSwitchCase=\"'select'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] \| smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n ngSwitchCase=\"'date'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-text-input-section\n ngSwitchCase=\"'number'\"\n [type]=\"'number'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n <organisms-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 [items]=\"actionItems\"\n (action)=\"onAction($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action, ActionItem } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n CREATE = '[@ng-atomic/components/templates/smart-crud] Create',\n UPDATE = '[@ng-atomic/components/templates/smart-crud] Update',\n DELETE = '[@ng-atomic/components/templates/smart-crud] Delete',\n}\n\n@Component({\n selector: 'templates-smart-crud',\n templateUrl: './smart-crud.template.html',\n styleUrls: ['./smart-crud.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n @Input()\n canBack = false;\n\n @Input()\n name: string = '';\n\n @Input()\n form!: FormGroup<any>;\n\n @Input()\n mode: 'create' \| 'update' = 'create';\n\n @Input()\n navigatorMenuItems: ActionItem[] = [{id: ActionId.DELETE, name: '削除'}];\n\n @Input()\n title: string = 'title';\n\n @Output()\n action = new EventEmitter<Action>();\n\n @Output()\n backButtonClick = new EventEmitter();\n\n @Output()\n createButtonClick = new EventEmitter<void>();\n\n @Output()\n updateButtonClick = new EventEmitter<void>();\n\n navigatorLeftItems = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n get actionItems(): ActionItem[] {\n switch (this.mode) {\n case 'create': return [{id: ActionId.CREATE, name: '作成'}];\n case 'update': return [{id: ActionId.UPDATE, name: '更新'}];\n }\n }\n\n get controls() {\n return Object.entries(this.form.controls);\n }\n\n trackByIndex = (index: number) => index;\n\n onAction(action: Action): void {\n switch(action.id) {\n case ActionId.BACK: return this.backButtonClick.emit();\n case ActionId.CREATE: return this.createButtonClick.emit();\n case ActionId.UPDATE: return this.updateButtonClick.emit();\n default: return this.action.emit(action);\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\n\nimport { SmartCrudTemplate } from './smart-crud.template';\n\n\n@NgModule({\n declarations: [\n SmartCrudTemplate\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Pipes\n DomainModule,\n SmartFieldModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n ActionButtonsSectionModule,\n NavigatorModule,\n DateInputSectionModule,\n TextInputSectionModule,\n SelectInputSectionModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartCrudTemplate\n ],\n providers: [],\n bootstrap: [SmartCrudTemplate],\n})\nexport class SmartCrudModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-templates-smart-crud.mjs","sources":["../../../../libs/components/src/templates/smart-crud/smart-crud.template.html","../../../../libs/components/src/templates/smart-crud/smart-crud.template.ts","../../../../libs/components/src/templates/smart-crud/smart-crud.module.ts","../../../../libs/components/src/templates/smart-crud/ng-atomic-components-templates-smart-crud.ts"],"sourcesContent":["<frames-scroll>\n <organisms-navigator \n [startActions]=\"navStartActions\"\n [endActions]=\"navEndActions\"\n (action)=\"action.emit($event)\"\n navigator\n >\n <molecules-header [title]=\"title\"></molecules-header>\n </organisms-navigator>\n <frames-auto-layout vertical contents>\n <ng-container ngFor=\"let entry of controls; trackBy:trackByIndex\" [ngSwitch]=\"(entry[0] \| smartField)?.type\">\n <organisms-select-input-section\n ngSwitchCase=\"'select'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n [options]=\"(entry[0] \| smartField)?.options\"\n ></organisms-select-input-section>\n <organisms-date-input-section\n ngSwitchCase=\"'date'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-date-input-section>\n <organisms-text-input-section\n ngSwitchCase=\"'number'\"\n [type]=\"'number'\"\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n <organisms-text-input-section\n ngSwitchDefault\n [label]=\"entry[0] \| D\"\n [control]=\"entry[1]\"\n ></organisms-text-input-section>\n </ng-container>\n <organisms-action-buttons-section\n [actions]=\"actions\"\n (action)=\"action.emit($event)\"\n ></organisms-action-buttons-section>\n </frames-auto-layout>\n</frames-scroll>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Action } from '@ng-atomic/common/models';\nimport { FormGroup } from '@ngneat/reactive-forms';\n\nexport enum ActionId {\n BACK = '[@ng-atomic/components/templates/smart-crud] Back',\n CREATE = '[@ng-atomic/components/templates/smart-crud] Create',\n UPDATE = '[@ng-atomic/components/templates/smart-crud] Update',\n DELETE = '[@ng-atomic/components/templates/smart-crud] Delete',\n}\n\n@Component({\n selector: 'templates-smart-crud',\n templateUrl: './smart-crud.template.html',\n styleUrls: ['./smart-crud.template.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'template'},\n})\nexport class SmartCrudTemplate {\n\n @Input()\n title: string = '';\n\n @Input()\n form!: FormGroup<any>;\n\n @Input()\n navStartActions: Action[] = [{ id: ActionId.BACK, icon: 'arrow_back' }];\n\n @Input()\n navEndActions: Action[] = [{id: ActionId.DELETE, name: '削除'}];\n\n @Input()\n actions: Action[] = [{id: ActionId.CREATE, name: '作成'}];\n\n @Output()\n action = new EventEmitter<Action>();\n\n get controls() {\n return Object.entries(this.form.controls);\n }\n\n trackByIndex = (index: number) => index;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ScrollModule } from '@ng-atomic/components/frames/scroll';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { HeaderModule } from '@ng-atomic/components/molecules/header';\nimport { ActionButtonsSectionModule } from '@ng-atomic/components/organisms/action-buttons-section';\nimport { NavigatorModule } from '@ng-atomic/components/organisms/navigator';\nimport { TextInputSectionModule } from '@ng-atomic/components/organisms/text-input-section';\nimport { DateInputSectionModule } from '@ng-atomic/components/organisms/date-input-section';\nimport { SelectInputSectionModule } from '@ng-atomic/components/organisms/select-input-section';\nimport { SmartFieldModule } from '@ng-atomic/common/pipes/smart-field';\nimport { DomainModule } from '@ng-atomic/common/pipes/domain';\n\nimport { SmartCrudTemplate } from './smart-crud.template';\n\n\n@NgModule({\n declarations: [\n SmartCrudTemplate\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Pipes\n DomainModule,\n SmartFieldModule,\n // Frames\n AutoLayoutModule,\n ScrollModule,\n // Organisms\n ActionButtonsSectionModule,\n NavigatorModule,\n DateInputSectionModule,\n TextInputSectionModule,\n SelectInputSectionModule,\n // Molecules\n HeaderModule,\n ],\n exports: [\n SmartCrudTemplate\n ],\n providers: [],\n bootstrap: [SmartCrudTemplate],\n})\nexport class SmartCrudModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}