@ng-atomic/components 2.0.1 → 3.2.0

package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs

@@ -0,0 +1,99 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+function TextInputFieldMolecule_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.hint);
+} }
+class TextInputFieldMolecule {
+    constructor() {
+        this.type = 'text';
+        this.label = 'label';
+        this.control = new FormControl();
+        this.placeholder = 'placeholder';
+    }
+}
+TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
+TextInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputFieldMolecule, selectors: [["molecules-text-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, decls: 5, vars: 6, consts: [["appearance", "outline"], ["matInput", "", 3, "name", "type", "formControl", "placeholder"], [4, "ngIf"]], template: function TextInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "input", 1);
+        i0.ɵɵtemplate(4, TextInputFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("name", ctx.name)("type", ctx.type)("formControl", ctx.control)("placeholder", ctx.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.hint);
+    } }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i3.NgControlStatus, i3.FormControlDirective, i4.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-text-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+    }], null, { type: [{
+            type: Input
+        }], name: [{
+            type: Input
+        }], label: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }] }); })();
+
+class TextInputFieldModule {
+}
+TextInputFieldModule.ɵfac = function TextInputFieldModule_Factory(t) { return new (t || TextInputFieldModule)(); };
+TextInputFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TextInputFieldModule, bootstrap: [TextInputFieldMolecule] });
+TextInputFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            // MatFormFieldModule,
+            MatInputModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TextInputFieldMolecule],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    // Materials
+                    // MatFormFieldModule,
+                    MatInputModule,
+                ],
+                exports: [TextInputFieldMolecule],
+                bootstrap: [TextInputFieldMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TextInputFieldModule, { declarations: [TextInputFieldMolecule], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Materials
+        // MatFormFieldModule,
+        MatInputModule], exports: [TextInputFieldMolecule] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextInputFieldModule, TextInputFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-text-input-field.mjs.map

package/fesm2020/ng-atomic-components-molecules-text-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.mjs","sources":["../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/src/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/src/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/src/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]=\"name\" [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'molecules-text-input-field',\n  templateUrl: './text-input-field.molecule.html',\n  styleUrls: ['./text-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextInputFieldMolecule {\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  name?: string;\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  control = new FormControl<string | number>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  hint?: string;\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n// import { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextInputFieldMolecule } from './text-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    // MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [TextInputFieldMolecule],\n  bootstrap: [TextInputFieldMolecule],\n})\nexport class TextInputFieldModule { }\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-molecules-textarea-field.mjs

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/form-field';
+import * as i2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+function TextareaFieldMolecule_mat_hint_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.hint);
+} }
+class TextareaFieldMolecule {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+    }
+}
+TextareaFieldMolecule.ɵfac = function TextareaFieldMolecule_Factory(t) { return new (t || TextareaFieldMolecule)(); };
+TextareaFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextareaFieldMolecule, selectors: [["molecules-textarea-field"]], hostAttrs: [1, "molecule", "field"], inputs: { label: "label", hint: "hint", placeholder: "placeholder" }, decls: 5, vars: 3, consts: [[1, "example-full-width"], ["matInput", "", "rows", "10", 3, "placeholder"], [4, "ngIf"]], template: function TextareaFieldMolecule_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+        i0.ɵɵtext(2);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelement(3, "textarea", 1);
+        i0.ɵɵtemplate(4, TextareaFieldMolecule_mat_hint_4_Template, 2, 1, "mat-hint", 2);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("placeholder", ctx.placeholder);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.hint);
+    } }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaFieldMolecule, [{
+        type: Component,
+        args: [{ selector: 'molecules-textarea-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, template: "<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+    }], null, { label: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }] }); })();
+
+class TextareaFieldModule {
+}
+TextareaFieldModule.ɵfac = function TextareaFieldModule_Factory(t) { return new (t || TextareaFieldModule)(); };
+TextareaFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TextareaFieldModule, bootstrap: [TextareaFieldMolecule] });
+TextareaFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Material
+            MatInputModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaFieldModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TextareaFieldMolecule],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatInputModule,
+                ],
+                exports: [TextareaFieldMolecule],
+                bootstrap: [TextareaFieldMolecule],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TextareaFieldModule, { declarations: [TextareaFieldMolecule], imports: [CommonModule,
+        // Material
+        MatInputModule], exports: [TextareaFieldMolecule] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaFieldModule, TextareaFieldMolecule };
+//# sourceMappingURL=ng-atomic-components-molecules-textarea-field.mjs.map

package/fesm2020/ng-atomic-components-molecules-textarea-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-textarea-field.mjs","sources":["../../../../libs/components/src/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/src/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/src/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/src/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["<mat-form-field class=\"example-full-width\">\n  <mat-label>{{ label }}</mat-label>\n  <textarea matInput [placeholder]=\"placeholder\" rows=\"10\"></textarea>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'molecules-textarea-field',\n  templateUrl: './textarea-field.molecule.html',\n  styleUrls: ['./textarea-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class TextareaFieldMolecule {\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  placeholder = 'placeholder';\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n@NgModule({\n  declarations: [TextareaFieldMolecule],\n  imports: [\n    CommonModule,\n    // Material\n    MatInputModule,\n  ],\n  exports: [TextareaFieldMolecule],\n  bootstrap: [TextareaFieldMolecule],\n})\nexport class TextareaFieldModule { }\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-organisms-action-buttons-section.mjs

@@ -0,0 +1,80 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+
+function ActionButtonsSectionOrganism_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "button", 1);
+    i0.ɵɵlistener("click", function ActionButtonsSectionOrganism_ng_container_0_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r3); const item_r1 = restoredCtx.$implicit; const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.actionItemClick.emit([item_r1]); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const item_r1 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r1 == null ? null : item_r1.name);
+} }
+class ActionButtonsSectionOrganism {
+    constructor() {
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+        this.trackById = (item) => item.id;
+    }
+}
+ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
+ActionButtonsSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionButtonsSectionOrganism, selectors: [["organisms-action-buttons-section"]], hostAttrs: [1, "organism", "section"], inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, decls: 1, vars: 2, consts: [[4, "ngFor", "ngForOf", "ngForTrackBy"], ["mat-raised-button", "", "color", "primary", 3, "click"]], template: function ActionButtonsSectionOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ActionButtonsSectionOrganism_ng_container_0_Template, 3, 1, "ng-container", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngForOf", ctx.actionItems)("ngForTrackBy", ctx.trackById);
+    } }, directives: [i1.NgForOf, i2.MatButton], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-eOAr: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-eOAr);box-sizing:border-box}[_nghost-%COMP%]   button[_ngcontent-%COMP%]{width:100%;height:48px}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
+        type: Component,
+        args: [{ selector: 'organisms-action-buttons-section', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'organism section' }, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-action-buttons-section-eOAr: var(--horizontal-padding)}:host{display:flex;flex-direction:row;grid-gap:8px;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-eOAr);box-sizing:border-box}:host button{width:100%;height:48px}\n"] }]
+    }], null, { actionItems: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+
+class ActionButtonsSectionModule {
+}
+ActionButtonsSectionModule.ɵfac = function ActionButtonsSectionModule_Factory(t) { return new (t || ActionButtonsSectionModule)(); };
+ActionButtonsSectionModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActionButtonsSectionModule, bootstrap: [ActionButtonsSectionOrganism] });
+ActionButtonsSectionModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Materials
+            MatButtonModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    ActionButtonsSectionOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Materials
+                    MatButtonModule,
+                ],
+                exports: [
+                    ActionButtonsSectionOrganism
+                ],
+                bootstrap: [
+                    ActionButtonsSectionOrganism,
+                ],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActionButtonsSectionModule, { declarations: [ActionButtonsSectionOrganism], imports: [CommonModule,
+        // Materials
+        MatButtonModule], exports: [ActionButtonsSectionOrganism] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionButtonsSectionModule, ActionButtonsSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-action-buttons-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.mjs","sources":["../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/src/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/src/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ],\n  bootstrap: [\n    ActionButtonsSectionOrganism,\n  ],\n})\nexport class ActionButtonsSectionModule { }\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-organisms-back-navigator.mjs

@@ -0,0 +1,116 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i5 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+
+function BackNavigatorOrganism_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function BackNavigatorOrganism_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return ctx_r1.backButtonClick.emit(); });
+    i0.ɵɵelementStart(1, "mat-icon");
+    i0.ɵɵtext(2, "arrow_back");
+    i0.ɵɵelementEnd()();
+} }
+class BackNavigatorOrganism {
+    constructor() {
+        this.canBack = true;
+        this.actionItems = [];
+        this.backButtonClick = new EventEmitter();
+        this.actionItemClick = new EventEmitter();
+    }
+}
+BackNavigatorOrganism.ɵfac = function BackNavigatorOrganism_Factory(t) { return new (t || BackNavigatorOrganism)(); };
+BackNavigatorOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackNavigatorOrganism, selectors: [["organisms-back-navigator"]], inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, decls: 10, vars: 4, consts: [["color", "primary"], ["mat-icon-button", "", 3, "click", 4, "ngIf"], [1, "text"], [1, "title"], [1, "description"], [3, "actionItems", "actionItemClick"], ["mat-icon-button", "", 3, "click"]], template: function BackNavigatorOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-toolbar", 0)(1, "div");
+        i0.ɵɵtemplate(2, BackNavigatorOrganism_button_2_Template, 3, 0, "button", 1);
+        i0.ɵɵelementStart(3, "div", 2)(4, "span", 3);
+        i0.ɵɵtext(5);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "span", 4);
+        i0.ɵɵtext(7);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(8, "div")(9, "atoms-smart-menu-button", 5);
+        i0.ɵɵlistener("actionItemClick", function BackNavigatorOrganism_Template_atoms_smart_menu_button_actionItemClick_9_listener($event) { return ctx.actionItemClick.emit($event); });
+        i0.ɵɵelementEnd()()();
+    } if (rf & 2) {
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.canBack);
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(ctx.title || "");
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(ctx.description || "");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("actionItems", ctx.actionItems);
+    } }, directives: [i1.MatToolbar, i2.NgIf, i3.MatButton, i4.MatIcon, i5.SmartMenuButtonAtom], styles: ["[_nghost-%COMP%]{--height: 64px;--height-SCOPED-IN-back-navigator-BRIi: var(--height)}[_nghost-%COMP%]{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-BRIi)}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}[_nghost-%COMP%]   div.text[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}[_nghost-%COMP%]   mat-toolbar[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}[_nghost-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
+        type: Component,
+        args: [{ selector: 'organisms-back-navigator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-back-navigator-BRIi: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-BRIi)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
+    }], null, { canBack: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], description: [{
+            type: Input
+        }], actionItems: [{
+            type: Input
+        }], backButtonClick: [{
+            type: Output
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+
+class BackNavigatorModule {
+}
+BackNavigatorModule.ɵfac = function BackNavigatorModule_Factory(t) { return new (t || BackNavigatorModule)(); };
+BackNavigatorModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: BackNavigatorModule });
+BackNavigatorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Material
+            MatButtonModule,
+            MatIconModule,
+            MatToolbarModule,
+            // Atoms
+            SmartMenuButtonModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    BackNavigatorOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatButtonModule,
+                    MatIconModule,
+                    MatToolbarModule,
+                    // Atoms
+                    SmartMenuButtonModule,
+                ],
+                exports: [
+                    BackNavigatorOrganism
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(BackNavigatorModule, { declarations: [BackNavigatorOrganism], imports: [CommonModule,
+        // Material
+        MatButtonModule,
+        MatIconModule,
+        MatToolbarModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [BackNavigatorOrganism] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BackNavigatorModule, BackNavigatorOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-back-navigator.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-back-navigator.mjs","sources":["../../../../libs/components/src/organisms/back-navigator/back-navigator.organism.html","../../../../libs/components/src/organisms/back-navigator/back-navigator.organism.ts","../../../../libs/components/src/organisms/back-navigator/back-navigator.module.ts","../../../../libs/components/src/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.ts"],"sourcesContent":["<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-back-navigator',\n  templateUrl: './back-navigator.organism.html',\n  styleUrls: ['./back-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BackNavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  description?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  backButtonClick = new EventEmitter<void>();\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { BackNavigatorOrganism } from './back-navigator.organism';\n\n@NgModule({\n  declarations: [\n    BackNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    BackNavigatorOrganism\n  ]\n})\nexport class BackNavigatorModule { }\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-organisms-card-input-section.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i1 from '@ng-atomic/components/molecules/text-input-field';
+import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
+import { CommonModule } from '@angular/common';
+
+class CardInputSectionOrganism {
+    constructor() {
+        this.control = new FormControl('');
+        this.label = 'カード番号';
+        this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
+    }
+}
+CardInputSectionOrganism.ɵfac = function CardInputSectionOrganism_Factory(t) { return new (t || CardInputSectionOrganism)(); };
+CardInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardInputSectionOrganism, selectors: [["organisms-card-input-section"]], inputs: { control: "control", label: "label", placeholder: "placeholder" }, decls: 1, vars: 3, consts: [["type", "text", "name", "cardNumber", 3, "control", "label", "placeholder"]], template: function CardInputSectionOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "molecules-text-input-field", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("control", ctx.control)("label", ctx.label)("placeholder", ctx.placeholder);
+    } }, directives: [i1.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-WWDi: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-WWDi);box-sizing:border-box}[_nghost-%COMP%]   .molecule.input-field[_ngcontent-%COMP%], [_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionOrganism, [{
+        type: Component,
+        args: [{ selector: 'organisms-card-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-WWDi: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-WWDi);box-sizing:border-box}:host .molecule.input-field,:host mat-form-field{width:100%}\n"] }]
+    }], null, { control: [{
+            type: Input
+        }], label: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }] }); })();
+
+class CardInputSectionModule {
+}
+CardInputSectionModule.ɵfac = function CardInputSectionModule_Factory(t) { return new (t || CardInputSectionModule)(); };
+CardInputSectionModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CardInputSectionModule });
+CardInputSectionModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            TextInputFieldModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [CardInputSectionOrganism],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    TextInputFieldModule,
+                ],
+                exports: [CardInputSectionOrganism]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CardInputSectionModule, { declarations: [CardInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextInputFieldModule], exports: [CardInputSectionOrganism] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CardInputSectionModule, CardInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-card-input-section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-card-input-section.mjs","sources":["../../../../libs/components/src/organisms/card-input-section/card-input-section.organism.ts","../../../../libs/components/src/organisms/card-input-section/card-input-section.organism.html","../../../../libs/components/src/organisms/card-input-section/card-input-section.module.ts","../../../../libs/components/src/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-card-input-section',\n  templateUrl: './card-input-section.organism.html',\n  styleUrls: ['./card-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  label = 'カード番号';\n\n  @Input()\n  placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\n\nimport { CardInputSectionOrganism } from './card-input-section.organism';\n\n\n\n@NgModule({\n  declarations: [CardInputSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [CardInputSectionOrganism]\n})\nexport class CardInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAG9B,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAGhB,IAAW,CAAA,WAAA,GAAG,qBAAqB,CAAC;AAErC,KAAA;;gGAXY,wBAAwB,GAAA,CAAA,EAAA,CAAA;2EAAxB,wBAAwB,EAAA,SAAA,EAAA,CAAA,CAAA,8BAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,aAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,iCAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;QCTrC,EAM8B,CAAA,SAAA,CAAA,CAAA,EAAA,4BAAA,EAAA,CAAA,CAAA,CAAA;;AAH5B,QAAA,EAAA,CAAA,UAAA,CAAA,SAAA,EAAA,GAAA,CAAA,OAAA,CAAmB,oBAAA,CAAA,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;uFDMR,wBAAwB,EAAA,CAAA;cANpC,SAAS;2BACE,8BAA8B,EAAA,eAAA,EAGvB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,8SAAA,CAAA,EAAA,CAAA;gBAK/C,OAAO,EAAA,CAAA;kBADN,KAAK;YAIN,KAAK,EAAA,CAAA;kBADJ,KAAK;YAIN,WAAW,EAAA,CAAA;kBADV,KAAK;;;MEAK,sBAAsB,CAAA;;4FAAtB,sBAAsB,GAAA,CAAA,EAAA,CAAA;wEAAtB,sBAAsB,EAAA,CAAA,CAAA;AAPxB,sBAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,oBAAoB;AACrB,SAAA,CAAA,EAAA,CAAA,CAAA;uFAGU,sBAAsB,EAAA,CAAA;cATlC,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;AACrB,iBAAA;gBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,aAAA,CAAA;;wFACY,sBAAsB,EAAA,EAAA,YAAA,EAAA,CARlB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAErC,YAAY;;AAEZ,QAAA,oBAAoB,aAEZ,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACfpC;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormControl } from '@ngneat/reactive-forms';
+import * as i1 from '@ng-atomic/components/molecules/select-input-field';
+import { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
+import * as i2 from '@ng-atomic/components/molecules/text-input-field';
+import { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
+import { CommonModule } from '@angular/common';
+
+const generateOptions = (n, start) => {
+    return [...Array(n)].map((_, i) => i + start).map(i => ({ name: `${i}`, value: i }));
+};
+class CvcAndExpInputSectionOrganism {
+    constructor() {
+        this.yearOptions = generateOptions(6, 2022);
+        this.monthOptions = generateOptions(12, 1);
+        this.form = new FormGroup({
+            expMonth: new FormControl(12),
+            expYear: new FormControl(2022),
+            cvc: new FormControl(''),
+        });
+    }
+}
+CvcAndExpInputSectionOrganism.ɵfac = function CvcAndExpInputSectionOrganism_Factory(t) { return new (t || CvcAndExpInputSectionOrganism)(); };
+CvcAndExpInputSectionOrganism.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CvcAndExpInputSectionOrganism, selectors: [["organisms-cvc-and-exp-input-section"]], inputs: { form: "form" }, decls: 3, vars: 5, consts: [["label", "\u6709\u52B9\u671F\u9650(\u5E74)", 1, "year", "field", 3, "control", "options"], ["label", "\u6709\u52B9\u671F\u9650(\u6708)", 1, "month", "field", 3, "control", "options"], ["type", "text", "name", "cardNumber", "label", "CVC", "placeholder", "4\u6841\u306E\u756A\u53F7", 1, "cvc", "field", 3, "control"]], template: function CvcAndExpInputSectionOrganism_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "molecules-select-input-field", 0)(1, "molecules-select-input-field", 1)(2, "molecules-text-input-field", 2);
+    } if (rf & 2) {
+        i0.ɵɵproperty("control", ctx.form.get("expYear"))("options", ctx.yearOptions);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("control", ctx.form.get("expMonth"))("options", ctx.monthOptions);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("control", ctx.form.get("cvc"));
+    } }, directives: [i1.SelectInputFieldMolecule, i2.TextInputFieldMolecule], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-ABeg: var(--horizontal-padding)}[_nghost-%COMP%]{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ABeg);box-sizing:border-box}[_nghost-%COMP%]   .field[_ngcontent-%COMP%]:not(:first-child){margin-left:8px}[_nghost-%COMP%]   .year.field[_ngcontent-%COMP%], [_nghost-%COMP%]   .month.field[_ngcontent-%COMP%]{width:auto}[_nghost-%COMP%]   .cvc.field[_ngcontent-%COMP%]{width:100px}"], changeDetection: 0 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
+        type: Component,
+        args: [{ selector: 'organisms-cvc-and-exp-input-section', changeDetection: ChangeDetectionStrategy.OnPush, template: "<molecules-select-input-field\n  class=\"year field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u5E74)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"\u6709\u52B9\u671F\u9650(\u6708)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4\u6841\u306E\u756A\u53F7\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-ABeg: var(--horizontal-padding)}:host{display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-ABeg);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .year.field,:host .month.field{width:auto}:host .cvc.field{width:100px}\n"] }]
+    }], null, { form: [{
+            type: Input
+        }] }); })();
+
+class CvcAndExpInputSectionModule {
+}
+CvcAndExpInputSectionModule.ɵfac = function CvcAndExpInputSectionModule_Factory(t) { return new (t || CvcAndExpInputSectionModule)(); };
+CvcAndExpInputSectionModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CvcAndExpInputSectionModule });
+CvcAndExpInputSectionModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            SelectInputFieldModule,
+            TextInputFieldModule,
+        ]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [CvcAndExpInputSectionOrganism],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    SelectInputFieldModule,
+                    TextInputFieldModule,
+                ],
+                exports: [CvcAndExpInputSectionOrganism]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CvcAndExpInputSectionModule, { declarations: [CvcAndExpInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        SelectInputFieldModule,
+        TextInputFieldModule], exports: [CvcAndExpInputSectionOrganism] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CvcAndExpInputSectionModule, CvcAndExpInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map

package/fesm2020/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.mjs","sources":["../../../../libs/components/src/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../libs/components/src/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../libs/components/src/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../libs/components/src/organisms/cvc-and-exp-input-section/ng-atomic-components-organisms-cvc-and-exp-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Option } from '@ng-atomic/components/molecules/select-input-field';\n\nconst generateOptions = (n: number, start: number): Option<number>[] => {\n  return [...Array(n)].map((_, i) => i + start).map(i => ({name: `${i}`, value: i}));\n};\n\n@Component({\n  selector: 'organisms-cvc-and-exp-input-section',\n  templateUrl: './cvc-and-exp-input-section.organism.html',\n  styleUrls: ['./cvc-and-exp-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CvcAndExpInputSectionOrganism {\n\n  yearOptions: Option<number>[] = generateOptions(6, 2022);\n  monthOptions: Option<number>[] = generateOptions(12, 1);\n\n  @Input()\n  form = new FormGroup({\n    expMonth: new FormControl(12),\n    expYear: new FormControl(2022),\n    cvc: new FormControl(''),\n  });\n\n}\n","<molecules-select-input-field\n  class=\"year field\"\n  label=\"有効期限(年)\"\n  [control]=\"form.get('expYear')\"\n  [options]=\"yearOptions\"\n></molecules-select-input-field>\n<molecules-select-input-field\n  class=\"month field\"\n  label=\"有効期限(月)\"\n  [control]=\"form.get('expMonth')\"\n  [options]=\"monthOptions\"\n></molecules-select-input-field>\n<molecules-text-input-field\n  class=\"cvc field\"\n  type=\"text\"\n  name=\"cardNumber\"\n  label=\"CVC\"\n  placeholder=\"4桁の番号\"\n  [control]=\"form.get('cvc')\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\n\nimport { CvcAndExpInputSectionOrganism } from './cvc-and-exp-input-section.organism';\n\n\n@NgModule({\n  declarations: [CvcAndExpInputSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    SelectInputFieldModule,\n    TextInputFieldModule,\n  ],\n  exports: [CvcAndExpInputSectionOrganism]\n})\nexport class CvcAndExpInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}