@ng-atomic/components 1.3.0 → 1.6.0

package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.js

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormControl } from '@ngneat/reactive-forms';
+import { SelectInputFieldMolecule, SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
+import { TextInputFieldMolecule, 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 = ɵɵngDeclareComponent({ version: "11.2.14", type: CvcAndExpInputSectionOrganism, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0, 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-hWzj:var(--horizontal-padding);display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-hWzj);box-sizing:border-box}:host .field:not(:first-child){margin-left:8px}:host .month.field,:host .year.field{width:auto}:host .cvc.field{width:100px}"], directives: [{ type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }, { type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-cvc-and-exp-input-section',
+                templateUrl: './cvc-and-exp-input-section.organism.html',
+                styleUrls: ['./cvc-and-exp-input-section.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { form: [{
+            type: Input
+        }] }); })();
+
+class CvcAndExpInputSectionModule {
+}
+CvcAndExpInputSectionModule.ɵfac = function CvcAndExpInputSectionModule_Factory(t) { return new (t || CvcAndExpInputSectionModule)(); };
+CvcAndExpInputSectionModule.ɵmod = ɵɵdefineNgModule({ type: CvcAndExpInputSectionModule });
+CvcAndExpInputSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            SelectInputFieldModule,
+            TextInputFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(CvcAndExpInputSectionModule, { declarations: [CvcAndExpInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        SelectInputFieldModule,
+        TextInputFieldModule], exports: [CvcAndExpInputSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(CvcAndExpInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [CvcAndExpInputSectionOrganism],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    SelectInputFieldModule,
+                    TextInputFieldModule,
+                ],
+                exports: [CvcAndExpInputSectionOrganism]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CvcAndExpInputSectionModule, CvcAndExpInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-cvc-and-exp-input-section.js.map

package/fesm2015/ng-atomic-components-organisms-cvc-and-exp-input-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-cvc-and-exp-input-section.js","sources":["../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.ts","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.organism.html","../../../../libs/components/organisms/cvc-and-exp-input-section/cvc-and-exp-input-section.module.ts","../../../../libs/components/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';\nimport { CvcAndExpInputSectionOrganism } from './cvc-and-exp-input-section.organism';\n\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":";;;;;;;;AAKA,MAAM,eAAe,GAAG,CAAC,CAAS,EAAE,KAAa;IAC/C,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;MAQW,6BAA6B;IAN1C;QAQE,gBAAW,GAAqB,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACzD,iBAAY,GAAqB,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;QAGxD,SAAI,GAAG,IAAI,SAAS,CAAC;YACnB,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;YAC7B,OAAO,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC;YAC9B,GAAG,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;SACzB,CAAC,CAAC;KAEJ;;0GAZY,6BAA6B;sFAA7B,6BAA6B,qGCf1C,gnBAmB8B;oFDJjB,6BAA6B;cANzC,SAAS;eAAC;gBACT,QAAQ,EAAE,qCAAqC;gBAC/C,WAAW,EAAE,2CAA2C;gBACxD,SAAS,EAAE,CAAC,2CAA2C,CAAC;gBACxD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAOC,IAAI;kBADH,KAAK;;;MEFK,2BAA2B;;sGAA3B,2BAA2B;4DAA3B,2BAA2B;gEAR7B;YACP,YAAY;;YAEZ,sBAAsB;YACtB,oBAAoB;SACrB;qFAGU,2BAA2B,mBATvB,6BAA6B,aAE1C,YAAY;;QAEZ,sBAAsB;QACtB,oBAAoB,aAEZ,6BAA6B;oFAE5B,2BAA2B;cAVvC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;gBAC7C,OAAO,EAAE;oBACP,YAAY;;oBAEZ,sBAAsB;oBACtB,oBAAoB;iBACrB;gBACD,OAAO,EAAE,CAAC,6BAA6B,CAAC;aACzC;;;ACjBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-date-input-section.js

@@ -12,7 +12,7 @@ class DateInputSectionOrganism {
     }
 }
 DateInputSectionOrganism.ɵfac = function DateInputSectionOrganism_Factory(t) { return new (t || DateInputSectionOrganism)(); };
-DateInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-NkuL:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-NkuL);box-sizing:border-box}:host,:host mat-form-field{width:100%}"], directives: [{ type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+DateInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-date-input-field\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-date-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-P2qS:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-P2qS);box-sizing:border-box}:host,:host mat-form-field{width:100%}"], directives: [{ type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(DateInputSectionOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-heading.js

@@ -8,7 +8,7 @@ class HeadingOrganism {
     }
 }
 HeadingOrganism.ɵfac = function HeadingOrganism_Factory(t) { return new (t || HeadingOrganism)(); };
-HeadingOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-JUaV:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-JUaV)}"], directives: [{ type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+HeadingOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0, template: "<ng-template #temp><ng-content></ng-content></ng-template>\n\n<ng-container [ngSwitch]=\"level\">\n  <h1 *ngSwitchDefault><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h1>\n  <h2 *ngSwitchCase=\"2\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h2>\n  <h3 *ngSwitchCase=\"3\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h3>\n  <h4 *ngSwitchCase=\"4\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h4>\n  <h5 *ngSwitchCase=\"5\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h5>\n  <h6 *ngSwitchCase=\"6\"><ng-container *ngTemplateOutlet=\"temp;\"></ng-container></h6>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-rpT5:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-rpT5)}"], directives: [{ type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(HeadingOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-input-field-section.js

@@ -1,22 +1,19 @@
 import * as i0 from '@angular/core';
 import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { DefaultValueAccessor, NgControlStatus, FormControlDirective, ReactiveFormsModule } from '@angular/forms';
-import { MatFormField, MatLabel, MatHint, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInput, MatInputModule } from '@angular/material/input';
+import { TextInputFieldMolecule, TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
 import { FormControl } from '@ngneat/reactive-forms';
 
 class InputFieldSectionOrganism {
     constructor() {
-        this.label = '';
-        this.placeholder = '';
+        this.label = 'label';
+        this.placeholder = 'placeholder';
         this.type = 'text';
-        this.hint = '';
         this.control = new FormControl('');
     }
 }
 InputFieldSectionOrganism.ɵfac = function InputFieldSectionOrganism_Factory(t) { return new (t || InputFieldSectionOrganism)(); };
-InputFieldSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint>{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-K63Q:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-K63Q);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: MatLabel, selector: "mat-label" }, { type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+InputFieldSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, host: { classAttribute: "organism section" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-IKq4:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-IKq4);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(InputFieldSectionOrganism, [{
         type: Component,
         args: [{
@@ -44,16 +41,12 @@ InputFieldSectionModule.ɵfac = function InputFieldSectionModule_Factory(t) { re
 InputFieldSectionModule.ɵmod = ɵɵdefineNgModule({ type: InputFieldSectionModule });
 InputFieldSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
             CommonModule,
-            ReactiveFormsModule,
-            // Material
-            MatFormFieldModule,
-            MatInputModule,
+            // Molecules
+            TextInputFieldModule,
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(InputFieldSectionModule, { declarations: [InputFieldSectionOrganism], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Material
-        MatFormFieldModule,
-        MatInputModule], exports: [InputFieldSectionOrganism] }); })();
+        // Molecules
+        TextInputFieldModule], exports: [InputFieldSectionOrganism] }); })();
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(InputFieldSectionModule, [{
         type: NgModule,
         args: [{
@@ -62,10 +55,8 @@ InputFieldSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
                 ],
                 imports: [
                     CommonModule,
-                    ReactiveFormsModule,
-                    // Material
-                    MatFormFieldModule,
-                    MatInputModule,
+                    // Molecules
+                    TextInputFieldModule,
                 ],
                 exports: [
                     InputFieldSectionOrganism

package/fesm2015/ng-atomic-components-organisms-input-field-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-input-field-section.js","sources":["../../../../libs/components/organisms/input-field-section/input-field-section.organism.ts","../../../../libs/components/organisms/input-field-section/input-field-section.organism.html","../../../../libs/components/organisms/input-field-section/input-field-section.module.ts","../../../../libs/components/organisms/input-field-section/ng-atomic-components-organisms-input-field-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-input-field-section',\n  templateUrl: './input-field-section.organism.html',\n  styleUrls: ['./input-field-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'}\n})\nexport class InputFieldSectionOrganism {\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint = '';\n\n  @Input()\n  control = new FormControl('');\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [type]=\"type\" [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint>{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { InputFieldSectionOrganism } from './input-field-section.organism';\n\n@NgModule({\n  declarations: [\n    InputFieldSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Material\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [\n    InputFieldSectionOrganism\n  ]\n})\nexport class InputFieldSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,yBAAyB;IAPtC;QASE,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;QAGjB,SAAI,GAAmC,MAAM,CAAC;QAG9C,SAAI,GAAG,EAAE,CAAC;QAGV,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAC/B;;kGAfY,yBAAyB;kFAAzB,yBAAyB,2NCVtC,qSAKiB;oFDKJ,yBAAyB;cAPrC,SAAS;eAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;aAClC;gBAGC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEAK,uBAAuB;;8FAAvB,uBAAuB;wDAAvB,uBAAuB;4DAXzB;YACP,YAAY;YACZ,mBAAmB;;YAEnB,kBAAkB;YAClB,cAAc;SACf;qFAKU,uBAAuB,mBAbhC,yBAAyB,aAGzB,YAAY;QACZ,mBAAmB;;QAEnB,kBAAkB;QAClB,cAAc,aAGd,yBAAyB;oFAGhB,uBAAuB;cAfnC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;oBAEnB,kBAAkB;oBAClB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;aACF;;;ACtBD;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-input-field-section.js","sources":["../../../../libs/components/organisms/input-field-section/input-field-section.organism.ts","../../../../libs/components/organisms/input-field-section/input-field-section.organism.html","../../../../libs/components/organisms/input-field-section/input-field-section.module.ts","../../../../libs/components/organisms/input-field-section/ng-atomic-components-organisms-input-field-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-input-field-section',\n  templateUrl: './input-field-section.organism.html',\n  styleUrls: ['./input-field-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'}\n})\nexport class InputFieldSectionOrganism {\n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n}\n","<molecules-text-input-field\n  type=\"text\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { InputFieldSectionOrganism } from './input-field-section.organism';\n\n\n@NgModule({\n  declarations: [\n    InputFieldSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [\n    InputFieldSectionOrganism\n  ]\n})\nexport class InputFieldSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAUa,yBAAyB;IAPtC;QASE,UAAK,GAAG,OAAO,CAAC;QAGhB,gBAAW,GAAG,aAAa,CAAC;QAG5B,SAAI,GAAmC,MAAM,CAAC;QAM9C,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAC/B;;kGAfY,yBAAyB;kFAAzB,yBAAyB,2NCVtC,oIAI8B;oFDMjB,yBAAyB;cAPrC,SAAS;eAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;aAClC;gBAGC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEJK,uBAAuB;;8FAAvB,uBAAuB;wDAAvB,uBAAuB;4DATzB;YACP,YAAY;;YAEZ,oBAAoB;SACrB;qFAKU,uBAAuB,mBAXhC,yBAAyB,aAGzB,YAAY;;QAEZ,oBAAoB,aAGpB,yBAAyB;oFAGhB,uBAAuB;cAbnC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;aACF;;;AClBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-menu.js

@@ -12,7 +12,7 @@ class MenuOrganism {
     }
 }
 MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
-MenuOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-Kxeo:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-Kxeo:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-Kxeo:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-Kxeo);color:var(--color-SCOPED-IN-menu-Kxeo);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-Kxeo);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: MatLine, selector: "[mat-line], [matLine]" }], changeDetection: ChangeDetectionStrategy.OnPush });
+MenuOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-Xeyq:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-Xeyq:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-Xeyq:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-Xeyq);color:var(--color-SCOPED-IN-menu-Xeyq);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-Xeyq);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: MatLine, selector: "[mat-line], [matLine]" }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-navigator.js

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
+import { NgIf, CommonModule } from '@angular/common';
+import { MatButton, MatButtonModule } from '@angular/material/button';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { SmartMenuButtonAtom, SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+
+class NavigatorOrganism {
+    constructor() {
+        this.canBack = true;
+        this.actionItems = [];
+        this.backButtonClick = new EventEmitter();
+        this.actionItemClick = new EventEmitter();
+    }
+}
+NavigatorOrganism.ɵfac = function NavigatorOrganism_Factory(t) { return new (t || NavigatorOrganism)(); };
+NavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0, 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-navigator-EYd0:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-navigator-EYd0)}: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{width:100%;height:100%;justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}:host div{justify-content:center}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(NavigatorOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-navigator',
+                templateUrl: './navigator.organism.html',
+                styleUrls: ['./navigator.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { canBack: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], description: [{
+            type: Input
+        }], actionItems: [{
+            type: Input
+        }], backButtonClick: [{
+            type: Output
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+
+class NavigatorModule {
+}
+NavigatorModule.ɵfac = function NavigatorModule_Factory(t) { return new (t || NavigatorModule)(); };
+NavigatorModule.ɵmod = ɵɵdefineNgModule({ type: NavigatorModule });
+NavigatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Material
+            MatButtonModule,
+            MatIconModule,
+            MatToolbarModule,
+            // Atoms
+            SmartMenuButtonModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(NavigatorModule, { declarations: [NavigatorOrganism], imports: [CommonModule,
+        // Material
+        MatButtonModule,
+        MatIconModule,
+        MatToolbarModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [NavigatorOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(NavigatorModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [NavigatorOrganism],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatButtonModule,
+                    MatIconModule,
+                    MatToolbarModule,
+                    // Atoms
+                    SmartMenuButtonModule,
+                ],
+                exports: [NavigatorOrganism]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NavigatorModule, NavigatorOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-navigator.js.map

package/fesm2015/ng-atomic-components-organisms-navigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-navigator.js","sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts","../../../../libs/components/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigator',\n  templateUrl: './navigator.organism.html',\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\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","<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 { 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';\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n  declarations: [NavigatorOrganism],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MASa,iBAAiB;IAN9B;QASE,YAAO,GAAG,IAAI,CAAC;QASf,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG3C,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;KAEvD;;kFApBY,iBAAiB;0EAAjB,iBAAiB,wPCT9B,8hBAiBA;oFDRa,iBAAiB;cAN7B,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,WAAW,EAAE,2BAA2B;gBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;gBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,OAAO;kBADN,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;;;MEHI,eAAe;;8EAAf,eAAe;gDAAf,eAAe;oDAXjB;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;;YAEhB,qBAAqB;SACtB;qFAGU,eAAe,mBAZX,iBAAiB,aAE9B,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,gBAAgB;;QAEhB,qBAAqB,aAEb,iBAAiB;oFAEhB,eAAe;cAb3B,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;gBACjC,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;;oBAEhB,qBAAqB;iBACtB;gBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;aAC7B;;;ACtBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-select-input-section.js

@@ -12,7 +12,7 @@ class SelectInputSectionOrganism {
     }
 }
 SelectInputSectionOrganism.ɵfac = function SelectInputSectionOrganism_Factory(t) { return new (t || SelectInputSectionOrganism)(); };
-SelectInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-rguN:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-rguN);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+SelectInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-fAWw:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-fAWw);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SelectInputSectionOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-smart-table.js

@@ -30,7 +30,7 @@ class SmartTableOrganism {
     }
 }
 SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
-SmartTableOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { actionItemClick: "actionItemClick", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width:100%;--width-SCOPED-IN-smart-table-1VtO:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-1VtO:var(--cell);display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width) - var(--cell) * 4);height:3em;padding-left:calc(var(--cell) * 2);padding-right:calc(var(--cell) * 2)}"], directives: [{ type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
+SmartTableOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SmartTableOrganism, selector: "organisms-smart-table", inputs: { columns: "columns", items: "items", patientsSize: "patientsSize", pageSize: "pageSize", actionItems: "actionItems", selectedIdSet: "selectedIdSet", sortKey: "sortKey", sortOrder: "sortOrder" }, outputs: { actionItemClick: "actionItemClick", headerClick: "headerClick", checkboxClick: "checkboxClick", pageChange: "pageChange", itemCheck: "itemCheck" }, host: { classAttribute: "organism" }, ngImport: i0, template: "<table mat-table [dataSource]=\"items\" matSort matSortDisableClear matSortDirection=\"desc\">\n  <ng-container *ngFor=\"let name of displayedColumns\" [ngSwitch]=\"name\">\n    <molecules-checkbox-column\n      *ngSwitchCase=\"'__checkbox'\"\n      name=\"__checkbox\"\n      [selectedIdSet]=\"selectedIdSet\"\n      (checkboxClick)=\"checkboxClick.emit($event)\"\n    ></molecules-checkbox-column>\n    <molecules-actions-column \n      *ngSwitchCase=\"'__actions'\" \n      name=\"__actions\" \n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></molecules-actions-column>\n    <molecules-smart-column\n      *ngSwitchDefault\n      [name]=\"name\"\n      [headerText]=\"name | D\"\n      [sort]=\"sortKey === name ? sortOrder : 'none'\"\n      (headerClick)=\"headerClick.emit(name)\"\n    ></molecules-smart-column>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n  <tr mat-row *matRowDef=\"let item; columns: displayedColumns;\"></tr>\n</table>\n<div *ngIf=\"!items?.length\" class=\"no-data-message\">\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093\u3002</div>", styles: [":host{--width:100%;--width-SCOPED-IN-smart-table-PQYZ:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-PQYZ:var(--cell);display:block;position:relative;width:100%;height:100%;overflow:scroll}:host::-webkit-scrollbar{display:none}:host table{width:100%;max-height:100%}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(var(--width) - var(--cell) * 4);height:3em;padding-left:calc(var(--cell) * 2);padding-right:calc(var(--cell) * 2)}"], directives: [{ type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": DomainPipe }, changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SmartTableOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-social-login-section.js

@@ -9,7 +9,7 @@ class SocialLoginSectionOrganism {
     }
 }
 SocialLoginSectionOrganism.ɵfac = function SocialLoginSectionOrganism_Factory(t) { return new (t || SocialLoginSectionOrganism)(); };
-SocialLoginSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-fjQE:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-fjQE);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+SocialLoginSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n  mat-raised-button \n  color=\"primary\" \n  (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-Fw2r:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-Fw2r);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SocialLoginSectionOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-organisms-text-input-section.js

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { FormControl } from '@ngneat/reactive-forms';
+import { TextInputFieldMolecule, TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';
+import { CommonModule } from '@angular/common';
+
+class TextInputSectionOrganism {
+    constructor() {
+        this.label = 'label';
+        this.placeholder = 'placeholder';
+        this.type = 'text';
+        this.control = new FormControl('');
+    }
+}
+TextInputSectionOrganism.ɵfac = function TextInputSectionOrganism_Factory(t) { return new (t || TextInputSectionOrganism)(); };
+TextInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TextInputSectionOrganism, selector: "organisms-text-input-section", inputs: { label: "label", placeholder: "placeholder", type: "type", hint: "hint", control: "control" }, ngImport: i0, template: "<molecules-text-input-field\n  type=\"text\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-text-input-section-YsBL:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-YsBL);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextInputSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-text-input-section',
+                templateUrl: './text-input-section.organism.html',
+                styleUrls: ['./text-input-section.organism.scss']
+            }]
+    }], null, { label: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], type: [{
+            type: Input
+        }], hint: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }] }); })();
+
+class TextInputSectionModule {
+}
+TextInputSectionModule.ɵfac = function TextInputSectionModule_Factory(t) { return new (t || TextInputSectionModule)(); };
+TextInputSectionModule.ɵmod = ɵɵdefineNgModule({ type: TextInputSectionModule });
+TextInputSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            TextInputFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TextInputSectionModule, { declarations: [TextInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextInputFieldModule], exports: [TextInputSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    TextInputSectionOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    TextInputFieldModule,
+                ],
+                exports: [
+                    TextInputSectionOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextInputSectionModule, TextInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-text-input-section.js.map

package/fesm2015/ng-atomic-components-organisms-text-input-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-text-input-section.js","sources":["../../../../libs/components/organisms/text-input-section/text-input-section.organism.ts","../../../../libs/components/organisms/text-input-section/text-input-section.organism.html","../../../../libs/components/organisms/text-input-section/text-input-section.module.ts","../../../../libs/components/organisms/text-input-section/ng-atomic-components-organisms-text-input-section.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-text-input-section',\n  templateUrl: './text-input-section.organism.html',\n  styleUrls: ['./text-input-section.organism.scss']\n})\nexport class TextInputSectionOrganism {\n  \n  @Input()\n  label = 'label';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  type: 'text' | 'number' | 'password' = 'text';\n\n  @Input()\n  hint?: string;\n\n  @Input()\n  control = new FormControl('');\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { TextInputSectionOrganism } from './text-input-section.organism';\n\n\n@NgModule({\n  declarations: [\n    TextInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [\n    TextInputSectionOrganism\n  ]\n})\nexport class TextInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,wBAAwB;IALrC;QAQE,UAAK,GAAG,OAAO,CAAC;QAGhB,gBAAW,GAAG,aAAa,CAAC;QAG5B,SAAI,GAAmC,MAAM,CAAC;QAM9C,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAE/B;;gGAjBY,wBAAwB;iFAAxB,wBAAwB,4KCRrC,oIAI8B;oFDIjB,wBAAwB;cALpC,SAAS;eAAC;gBACT,QAAQ,EAAE,8BAA8B;gBACxC,WAAW,EAAE,oCAAoC;gBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;aAClD;gBAIC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEHK,sBAAsB;;4FAAtB,sBAAsB;uDAAtB,sBAAsB;2DATxB;YACP,YAAY;;YAEZ,oBAAoB;SACrB;qFAKU,sBAAsB,mBAX/B,wBAAwB,aAGxB,YAAY;;QAEZ,oBAAoB,aAGpB,wBAAwB;oFAGf,sBAAsB;cAblC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,wBAAwB;iBACzB;aACF;;;AClBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-textarea-section.js

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { TextareaFieldMolecule, TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';
+import { CommonModule } from '@angular/common';
+
+class TextareaSectionOrganism {
+    constructor() {
+        this.label = 'label';
+    }
+}
+TextareaSectionOrganism.ɵfac = function TextareaSectionOrganism_Factory(t) { return new (t || TextareaSectionOrganism)(); };
+TextareaSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding:16px;--vertical-padding-SCOPED-IN-textarea-section-cwSz:var(--vertical-padding);display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-cwSz);box-sizing:border-box}:host molecules-textarea-field{width:100%}"], directives: [{ type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextareaSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-textarea-section',
+                templateUrl: './textarea-section.organism.html',
+                styleUrls: ['./textarea-section.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { label: [{
+            type: Input
+        }] }); })();
+
+class TextareaSectionModule {
+}
+TextareaSectionModule.ɵfac = function TextareaSectionModule_Factory(t) { return new (t || TextareaSectionModule)(); };
+TextareaSectionModule.ɵmod = ɵɵdefineNgModule({ type: TextareaSectionModule });
+TextareaSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            TextareaFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(TextareaSectionModule, { declarations: [TextareaSectionOrganism], imports: [CommonModule,
+        // Molecules
+        TextareaFieldModule], exports: [TextareaSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TextareaSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [TextareaSectionOrganism],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    TextareaFieldModule,
+                ],
+                exports: [TextareaSectionOrganism]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaSectionModule, TextareaSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-textarea-section.js.map

package/fesm2015/ng-atomic-components-organisms-textarea-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-textarea-section.js","sources":["../../../../libs/components/organisms/textarea-section/textarea-section.organism.ts","../../../../libs/components/organisms/textarea-section/textarea-section.organism.html","../../../../libs/components/organisms/textarea-section/textarea-section.module.ts","../../../../libs/components/organisms/textarea-section/ng-atomic-components-organisms-textarea-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-textarea-section',\n  templateUrl: './textarea-section.organism.html',\n  styleUrls: ['./textarea-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaSectionOrganism {\n\n  @Input()\n  label = 'label';\n\n}\n","<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextareaFieldModule } from '@ng-atomic/components/molecules/textarea-field';\nimport { TextareaSectionOrganism } from './textarea-section.organism';\n\n\n\n@NgModule({\n  declarations: [TextareaSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextareaFieldModule,\n  ],\n  exports: [TextareaSectionOrganism]\n})\nexport class TextareaSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAQa,uBAAuB;IANpC;QASE,UAAK,GAAG,OAAO,CAAC;KAEjB;;8FALY,uBAAuB;gFAAvB,uBAAuB,8FCRpC,8EAE4B;oFDMf,uBAAuB;cANnC,SAAS;eAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,WAAW,EAAE,kCAAkC;gBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;gBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,KAAK;kBADJ,KAAK;;;MEMK,qBAAqB;;0FAArB,qBAAqB;sDAArB,qBAAqB;0DAPvB;YACP,YAAY;;YAEZ,mBAAmB;SACpB;qFAGU,qBAAqB,mBARjB,uBAAuB,aAEpC,YAAY;;QAEZ,mBAAmB,aAEX,uBAAuB;oFAEtB,qBAAqB;cATjC,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,uBAAuB,CAAC;gBACvC,OAAO,EAAE;oBACP,YAAY;;oBAEZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE,CAAC,uBAAuB,CAAC;aACnC;;;ACfD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-top-navigator.js

@@ -13,7 +13,7 @@ class TopNavigatorOrganism {
     }
 }
 TopNavigatorOrganism.ɵfac = function TopNavigatorOrganism_Factory(t) { return new (t || TopNavigatorOrganism)(); };
-TopNavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-GcqS:var(--primary-500);width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-GcqS);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+TopNavigatorOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: TopNavigatorOrganism, selector: "organisms-top-navigator", inputs: { title: "title", actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-toolbar color=\"primary\">\n  <div class=\"title-container\">\n    {{ title || '' }}\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{display:block;--primary-500-SCOPED-IN-top-navigator-XzD2:var(--primary-500);width:100%;height:56px}:host mat-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 24px}:host mat-toolbar .title-container{color:var(--primary-500-SCOPED-IN-top-navigator-XzD2);font-size:1.25rem;line-height:21px}:host mat-toolbar .title-container atoms-kurakatsu-logo{width:auto}:host mat-toolbar atoms-user-icon{width:32px;height:32px}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TopNavigatorOrganism, [{
         type: Component,
         args: [{

package/fesm2015/ng-atomic-components-templates-entrance.js

@@ -23,7 +23,7 @@ class EntranceTemplate {
     }
 }
 EntranceTemplate.ɵfac = function EntranceTemplate_Factory(t) { return new (t || EntranceTemplate)(); };
-EntranceTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-input-field-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-input-field-section>\n    <organisms-input-field-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-input-field-section>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding:64px;--horizontal-padding-SCOPED-IN-entrance-pV2h:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-pV2h:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-pV2h);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-pV2h)}"], directives: [{ type: CardFrame, selector: "frames-card" }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+EntranceTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: EntranceTemplate, selector: "templates-entrance", inputs: { form: "form", isEmailSectionShown: "isEmailSectionShown", isPasswordSectionShown: "isPasswordSectionShown", actionItems: "actionItems" }, outputs: { submitButtonClick: "submitButtonClick", signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, host: { classAttribute: "template" }, ngImport: i0, template: "<frames-card>\n  <frames-auto-layout vertical>\n    <organisms-heading>\u30ED\u30B0\u30A4\u30F3</organisms-heading>\n    <organisms-input-field-section\n      *ngIf=\"isEmailSectionShown\"\n      label=\"\u30E1\u30FC\u30EB\u30A2\u30C9\u30EC\u30B9\"\n      [control]=\"form.get('email')\"\n    ></organisms-input-field-section>\n    <organisms-input-field-section\n      *ngIf=\"isPasswordSectionShown\"\n      label=\"\u30D1\u30B9\u30EF\u30FC\u30C9\"\n      [control]=\"form.get('password')\"\n    ></organisms-input-field-section>\n    <organisms-action-buttons-section\n      [actionItems]=\"actionItems\"\n    ></organisms-action-buttons-section>\n    <organisms-social-login-section\n      (signInWithGoogleButtonClick)=\"signInWithGoogleButtonClick.emit()\"\n    ></organisms-social-login-section>\n  </frames-auto-layout>\n</frames-card>\n", styles: [":host{--horizontal-padding:64px;--horizontal-padding-SCOPED-IN-entrance-F0xn:var(--horizontal-padding);--background-color:#eee;--background-color-SCOPED-IN-entrance-F0xn:var(--background-color);display:flex;justify-content:center;align-items:center;background-color:var(--background-color-SCOPED-IN-entrance-F0xn);width:100%;height:100%}:host frames-card{display:flex;flex-direction:column;width:600px;max-width:calc(100% - 32px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host frames-card *{max-width:calc(100% - 32px);--horizontal-padding:var(--horizontal-padding-SCOPED-IN-entrance-F0xn)}"], directives: [{ type: CardFrame, selector: "frames-card" }, { type: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: HeadingOrganism, selector: "organisms-heading", inputs: ["level"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: ["label", "placeholder", "type", "hint", "control"] }, { type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: ["actionItems"], outputs: ["actionItemClick"] }, { type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: ["signInWithGoogleButtonClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(EntranceTemplate, [{
         type: Component,
         args: [{

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

@@ -10,7 +10,7 @@ class MenuTemplate {
     }
 }
 MenuTemplate.ɵfac = function MenuTemplate_Factory(t) { return new (t || MenuTemplate)(); };
-MenuTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-kTKP:var(--primary-color);--width:100%;--width-SCOPED-IN-menu-kTKP:var(--width);--height:100%;--height-SCOPED-IN-menu-kTKP:var(--height);display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-kTKP);height:var(--height-SCOPED-IN-menu-kTKP);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-kTKP)}:host organisms-menu{transition:width .5s;--primary-color:var(--primary-color-SCOPED-IN-menu-kTKP)}"], directives: [{ type: MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+MenuTemplate.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuTemplate, selector: "templates-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<div class=\"top\">\n  <ng-content select=[header]></ng-content>\n  <organisms-menu\n    [actionItems]=\"actionItems\"\n    (actionItemClick)=\"actionItemClick.emit($event)\"\n  ></organisms-menu>\n</div>\n<div class=\"bottom\">\n  <ng-content select=[footer]></ng-content>\n</div>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-EgXO:var(--primary-color);--width:100%;--width-SCOPED-IN-menu-EgXO:var(--width);--height:100%;--height-SCOPED-IN-menu-EgXO:var(--height);display:flex;flex-direction:column;justify-content:space-between;width:var(--width-SCOPED-IN-menu-EgXO);height:var(--height-SCOPED-IN-menu-EgXO);color:#fff;background-color:var(--primary-color-SCOPED-IN-menu-EgXO)}:host organisms-menu{transition:width .5s;--primary-color:var(--primary-color-SCOPED-IN-menu-EgXO)}"], directives: [{ type: MenuOrganism, selector: "organisms-menu", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: ChangeDetectionStrategy.OnPush });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuTemplate, [{
         type: Component,
         args: [{