@ng-atomic/components 1.3.0 → 1.4.0

package/bundles/ng-atomic-components-molecules-text-input-field.umd.js

@@ -0,0 +1,113 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngneat/reactive-forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/forms'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/text-input-field', ['exports', '@angular/core', '@ngneat/reactive-forms', '@angular/material/form-field', '@angular/material/input', '@angular/forms', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['text-input-field'] = {}), global.ng.core, global.reactiveForms, global.ng.material.formField, global.ng.material.input, global.ng.forms, global.ng.common));
+}(this, (function (exports, i0, reactiveForms, i1, i2, i3, i4) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    var TextInputFieldMolecule = /** @class */ (function () {
+        function TextInputFieldMolecule() {
+            this.type = 'text';
+            this.label = 'label';
+            this.control = new reactiveForms.FormControl();
+            this.placeholder = 'placeholder';
+        }
+        return TextInputFieldMolecule;
+    }());
+    TextInputFieldMolecule.ɵfac = function TextInputFieldMolecule_Factory(t) { return new (t || TextInputFieldMolecule)(); };
+    TextInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: { type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0__namespace, 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}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.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: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldMolecule, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'molecules-text-input-field',
+                        templateUrl: './text-input-field.molecule.html',
+                        styleUrls: ['./text-input-field.molecule.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: { class: 'molecule field' },
+                    }]
+            }], null, { type: [{
+                    type: i0.Input
+                }], name: [{
+                    type: i0.Input
+                }], label: [{
+                    type: i0.Input
+                }], control: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }], hint: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var TextInputFieldModule = /** @class */ (function () {
+        function TextInputFieldModule() {
+        }
+        return TextInputFieldModule;
+    }());
+    TextInputFieldModule.ɵfac = function TextInputFieldModule_Factory(t) { return new (t || TextInputFieldModule)(); };
+    TextInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: TextInputFieldModule });
+    TextInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i4.CommonModule,
+                i3.ReactiveFormsModule,
+                // Materials
+                // MatFormFieldModule,
+                i2.MatInputModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TextInputFieldModule, { declarations: [TextInputFieldMolecule], imports: [i4.CommonModule,
+                i3.ReactiveFormsModule,
+                // Materials
+                // MatFormFieldModule,
+                i2.MatInputModule], exports: [TextInputFieldMolecule] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputFieldModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TextInputFieldMolecule],
+                        imports: [
+                            i4.CommonModule,
+                            i3.ReactiveFormsModule,
+                            // Materials
+                            // MatFormFieldModule,
+                            i2.MatInputModule,
+                        ],
+                        exports: [TextInputFieldMolecule]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TextInputFieldModule = TextInputFieldModule;
+    exports.TextInputFieldMolecule = TextInputFieldMolecule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-molecules-text-input-field.umd.js.map

package/bundles/ng-atomic-components-molecules-text-input-field.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-text-input-field.umd.js","sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts","../../../../libs/components/molecules/text-input-field/ng-atomic-components-molecules-text-input-field.ts"],"sourcesContent":["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","<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 { 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';\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})\nexport class TextInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatInputModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YAUE,SAAI,GAAmC,MAAM,CAAC;YAM9C,UAAK,GAAG,OAAO,CAAC;YAGhB,YAAO,GAAG,IAAIA,yBAAW,EAAmB,CAAC;YAG7C,gBAAW,GAAG,aAAa,CAAC;SAK7B;;;gGApBY,sBAAsB;sFAAtB,sBAAsB,+OCVnC,oUAKiB;;gFDKJ,sBAAsB;sBAPlCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,4BAA4B;wBACtC,WAAW,EAAE,kCAAkC;wBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;wBAC/C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;qBAChC;wBAIC,IAAI;0BADHC,QAAK;oBAIN,IAAI;0BADHA,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,OAAO;0BADNA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,IAAI;0BADHA,QAAK;;;;;QEPR;;;;4FAAa,oBAAoB;4DAApB,oBAAoB;gEATtB;gBACPC,eAAY;gBACZC,sBAAmB;;;gBAGnBC,iBAAc;aACf;;iFAGU,oBAAoB,mBAVhB,sBAAsB,aAEnCF,eAAY;gBACZC,sBAAmB;;;gBAGnBC,iBAAc,aAEN,sBAAsB;;;gFAErB,oBAAoB;sBAXhCC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE;4BACPH,eAAY;4BACZC,sBAAmB;;;4BAGnBC,iBAAc;yBACf;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBAClC;;;;ICnBD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-molecules-text-input-field.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@ngneat/reactive-forms"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/forms"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/text-input-field",["exports","@angular/core","@ngneat/reactive-forms","@angular/material/form-field","@angular/material/input","@angular/forms","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["text-input-field"]={}),e.ng.core,e.reactiveForms,e.ng.material.formField,e.ng.material.input,e.ng.forms,e.ng.common)}(this,(function(e,t,o,n,l,a,r){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var u=i(t),c=function(){this.type="text",this.label="label",this.control=new o.FormControl,this.placeholder="placeholder"};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"molecules-text-input-field",inputs:{type:"type",name:"name",label:"label",control:"control",placeholder:"placeholder",hint:"hint"},host:{classAttribute:"molecule field"},ngImport:u,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [name]="name" [type]="type" [formControl]="control" [placeholder]="placeholder">\n  \x3c!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> --\x3e\n  <mat-hint *ngIf="hint">{{ hint }}</mat-hint>\n</mat-form-field>',styles:[":host{display:block}:host,:host mat-form-field{width:100%}"],directives:[{type:n.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:n.MatLabel,selector:"mat-label"},{type:l.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:a.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:a.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:a.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:r.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:n.MatHint,selector:"mat-hint",inputs:["align","id"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"molecules-text-input-field",templateUrl:"./text-input-field.molecule.html",styleUrls:["./text-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule field"}}]}],null,{type:[{type:t.Input}],name:[{type:t.Input}],label:[{type:t.Input}],control:[{type:t.Input}],placeholder:[{type:t.Input}],hint:[{type:t.Input}]});var m=function(){};m.ɵfac=function(e){return new(e||m)},m.ɵmod=t.ɵɵdefineNgModule({type:m}),m.ɵinj=t.ɵɵdefineInjector({imports:[[r.CommonModule,a.ReactiveFormsModule,l.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[c],imports:[r.CommonModule,a.ReactiveFormsModule,l.MatInputModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[c],imports:[r.CommonModule,a.ReactiveFormsModule,l.MatInputModule],exports:[c]}]}],null,null),e.TextInputFieldModule=m,e.TextInputFieldMolecule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-molecules-text-input-field.umd.min.js.map

package/bundles/ng-atomic-components-molecules-text-input-field.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/molecules/text-input-field/text-input-field.molecule.ts","../../../../libs/components/molecules/text-input-field/text-input-field.molecule.html","../../../../libs/components/molecules/text-input-field/text-input-field.module.ts"],"names":["this","type","label","control","FormControl","placeholder","TextInputFieldMolecule","selector","inputs","name","hint","host","classAttribute","ngImport","i0__namespace","template","styles","directives","i1","MatFormField","exportAs","MatLabel","i2","MatInput","i3","DefaultValueAccessor","NgControlStatus","FormControlDirective","outputs","i4","NgIf","MatHint","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","TextInputFieldModule","CommonModule","ReactiveFormsModule","MatInputModule","declarations","imports","exports","NgModule"],"mappings":"6sCAGA,WAUEA,KAAAC,KAAuC,OAMvCD,KAAAE,MAAQ,QAGRF,KAAAG,QAAU,IAAIC,EAAAA,YAGdJ,KAAAK,YAAc,gDAfHC,0DAAAA,EAAsBC,SAAA,6BAAAC,OAAA,CAAAP,KAAA,OAAAQ,KAAA,OAAAP,MAAA,QAAAC,QAAA,UAAAE,YAAA,cAAAK,KAAA,QAAAC,KAAA,CAAAC,eAAA,kBAAAC,SAAAC,EAAAC,SCVnC,+TAKiBC,OAAA,CAAA,8DAAAC,WAAA,CAAA,CAAAhB,KAAAiB,EAAAC,aAAAZ,SAAA,iBAAAC,OAAA,CAAA,QAAA,aAAA,aAAA,qBAAA,aAAAY,SAAA,CAAA,iBAAA,CAAAnB,KAAAiB,EAAAG,SAAAd,SAAA,aAAA,CAAAN,KAAAqB,EAAAC,SAAAhB,SAAA,0HAAAC,OAAA,CAAA,KAAA,WAAA,WAAA,OAAA,QAAA,WAAA,cAAA,oBAAA,oBAAAY,SAAA,CAAA,aAAA,CAAAnB,KAAAuB,EAAAC,qBAAAlB,SAAA,gNAAA,CAAAN,KAAAuB,EAAAE,gBAAAnB,SAAA,6CAAA,CAAAN,KAAAuB,EAAAG,qBAAApB,SAAA,gBAAAC,OAAA,CAAA,WAAA,cAAA,WAAAoB,QAAA,CAAA,iBAAAR,SAAA,CAAA,WAAA,CAAAnB,KAAA4B,EAAAC,KAAAvB,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAP,KAAAiB,EAAAa,QAAAxB,SAAA,WAAAC,OAAA,CAAA,QAAA,QAAAwB,gBAAAC,EAAAC,wBAAAC,yEDKJ7B,EAAsB,CAAA,MAPlC8B,EAAAA,gBAAU,CACT7B,SAAU,6BACV8B,YAAa,mCACbC,UAAW,CAAC,oCACZN,gBAAiBE,EAAAA,wBAAwBC,OACzCxB,KAAM,CAAC4B,MAAO,4BAKdtC,KAAI,CAAA,MADHuC,EAAAA,QAID/B,KAAI,CAAA,MADH+B,EAAAA,QAIDtC,MAAK,CAAA,MADJsC,EAAAA,QAIDrC,QAAO,CAAA,MADNqC,EAAAA,QAIDnC,YAAW,CAAA,MADVmC,EAAAA,QAID9B,KAAI,CAAA,MADH8B,EAAAA,gBEPH,8CAAaC,oCAAAA,wCATF,CACPC,EAAAA,aACAC,EAAAA,oBAGAC,EAAAA,oFAISH,EAAoB,CAAAI,aAAA,CAVhBvC,GAAsBwC,QAAA,CAEnCJ,EAAAA,aACAC,EAAAA,oBAGAC,EAAAA,gBAAcG,QAAA,CAENzC,qEAECmC,EAAoB,CAAA,MAXhCO,EAAAA,eAAS,CACRH,aAAc,CAACvC,GACfwC,QAAS,CACPJ,EAAAA,aACAC,EAAAA,oBAGAC,EAAAA,gBAEFG,QAAS,CAACzC","sourcesContent":["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","<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 { 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';\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})\nexport class TextInputFieldModule { }\n"]}

package/bundles/ng-atomic-components-molecules-textarea-field.umd.js

@@ -0,0 +1,99 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/textarea-field', ['exports', '@angular/core', '@angular/material/form-field', '@angular/material/input', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['textarea-field'] = {}), global.ng.core, global.ng.material.formField, global.ng.material.input, global.ng.common));
+}(this, (function (exports, i0, i1, i2, i3) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    var TextareaFieldMolecule = /** @class */ (function () {
+        function TextareaFieldMolecule() {
+            this.label = 'label';
+            this.placeholder = 'placeholder';
+        }
+        return TextareaFieldMolecule;
+    }());
+    TextareaFieldMolecule.ɵfac = function TextareaFieldMolecule_Factory(t) { return new (t || TextareaFieldMolecule)(); };
+    TextareaFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder" }, host: { classAttribute: "molecule field" }, ngImport: i0__namespace, 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}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaFieldMolecule, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'molecules-textarea-field',
+                        templateUrl: './textarea-field.molecule.html',
+                        styleUrls: ['./textarea-field.molecule.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: { class: 'molecule field' },
+                    }]
+            }], null, { label: [{
+                    type: i0.Input
+                }], hint: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var TextareaFieldModule = /** @class */ (function () {
+        function TextareaFieldModule() {
+        }
+        return TextareaFieldModule;
+    }());
+    TextareaFieldModule.ɵfac = function TextareaFieldModule_Factory(t) { return new (t || TextareaFieldModule)(); };
+    TextareaFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: TextareaFieldModule });
+    TextareaFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i3.CommonModule,
+                // Material
+                i2.MatInputModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TextareaFieldModule, { declarations: [TextareaFieldMolecule], imports: [i3.CommonModule,
+                // Material
+                i2.MatInputModule], exports: [TextareaFieldMolecule] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaFieldModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [TextareaFieldMolecule],
+                        imports: [
+                            i3.CommonModule,
+                            // Material
+                            i2.MatInputModule,
+                        ],
+                        exports: [TextareaFieldMolecule]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.TextareaFieldModule = TextareaFieldModule;
+    exports.TextareaFieldMolecule = TextareaFieldMolecule;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-molecules-textarea-field.umd.js.map

package/bundles/ng-atomic-components-molecules-textarea-field.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-molecules-textarea-field.umd.js","sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts","../../../../libs/components/molecules/textarea-field/ng-atomic-components-molecules-textarea-field.ts"],"sourcesContent":["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","<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 { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextareaFieldMolecule],\n  imports: [\n    CommonModule,\n    // Material\n    MatInputModule,\n  ],\n  exports: [TextareaFieldMolecule]\n})\nexport class TextareaFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","Input","CommonModule","MatInputModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEA;YAUE,UAAK,GAAG,OAAO,CAAC;YAMhB,gBAAW,GAAG,aAAa,CAAC;SAE7B;;;8FAXY,qBAAqB;qFAArB,qBAAqB,6LCTlC,sOAIiB;;gFDKJ,qBAAqB;sBAPjCA,YAAS;uBAAC;wBACT,QAAQ,EAAE,0BAA0B;wBACpC,WAAW,EAAE,gCAAgC;wBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;wBAC7C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;qBAChC;wBAIC,KAAK;0BADJC,QAAK;oBAIN,IAAI;0BADHA,QAAK;oBAIN,WAAW;0BADVA,QAAK;;;;;QEDR;;;;0FAAa,mBAAmB;2DAAnB,mBAAmB;+DAPrB;gBACPC,eAAY;;gBAEZC,iBAAc;aACf;;iFAGU,mBAAmB,mBARf,qBAAqB,aAElCD,eAAY;;gBAEZC,iBAAc,aAEN,qBAAqB;;;gFAEpB,mBAAmB;sBAT/BC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;wBACrC,OAAO,EAAE;4BACPF,eAAY;;4BAEZC,iBAAc;yBACf;wBACD,OAAO,EAAE,CAAC,qBAAqB,CAAC;qBACjC;;;;ICfD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-molecules-textarea-field.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/form-field"),require("@angular/material/input"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/textarea-field",["exports","@angular/core","@angular/material/form-field","@angular/material/input","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["textarea-field"]={}),e.ng.core,e.ng.material.formField,e.ng.material.input,e.ng.common)}(this,(function(e,t,a,n,l){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var r=o(t),i=function(){this.label="label",this.placeholder="placeholder"};i.ɵfac=function(e){return new(e||i)},i.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"molecules-textarea-field",inputs:{label:"label",hint:"hint",placeholder:"placeholder"},host:{classAttribute:"molecule field"},ngImport:r,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}:host,:host mat-form-field{width:100%}"],directives:[{type:a.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:a.MatLabel,selector:"mat-label"},{type:n.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:l.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.MatHint,selector:"mat-hint",inputs:["align","id"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(i,[{type:t.Component,args:[{selector:"molecules-textarea-field",templateUrl:"./textarea-field.molecule.html",styleUrls:["./textarea-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule field"}}]}],null,{label:[{type:t.Input}],hint:[{type:t.Input}],placeholder:[{type:t.Input}]});var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=t.ɵɵdefineNgModule({type:u}),u.ɵinj=t.ɵɵdefineInjector({imports:[[l.CommonModule,n.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(u,{declarations:[i],imports:[l.CommonModule,n.MatInputModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[i],imports:[l.CommonModule,n.MatInputModule],exports:[i]}]}],null,null),e.TextareaFieldModule=u,e.TextareaFieldMolecule=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-molecules-textarea-field.umd.min.js.map

package/bundles/ng-atomic-components-molecules-textarea-field.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/molecules/textarea-field/textarea-field.molecule.ts","../../../../libs/components/molecules/textarea-field/textarea-field.molecule.html","../../../../libs/components/molecules/textarea-field/textarea-field.module.ts"],"names":["this","label","placeholder","TextareaFieldMolecule","selector","inputs","hint","host","classAttribute","ngImport","i0__namespace","template","styles","directives","type","i1","MatFormField","exportAs","MatLabel","i2","MatInput","i3","NgIf","MatHint","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","TextareaFieldModule","CommonModule","MatInputModule","declarations","imports","exports","NgModule"],"mappings":"okCAEA,WAUEA,KAAAC,MAAQ,QAMRD,KAAAE,YAAc,gDATHC,0DAAAA,EAAqBC,SAAA,2BAAAC,OAAA,CAAAJ,MAAA,QAAAK,KAAA,OAAAJ,YAAA,eAAAK,KAAA,CAAAC,eAAA,kBAAAC,SAAAC,EAAAC,SCTlC,+NAIiBC,OAAA,CAAA,8DAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,aAAAZ,SAAA,iBAAAC,OAAA,CAAA,QAAA,aAAA,aAAA,qBAAA,aAAAY,SAAA,CAAA,iBAAA,CAAAH,KAAAC,EAAAG,SAAAd,SAAA,aAAA,CAAAU,KAAAK,EAAAC,SAAAhB,SAAA,0HAAAC,OAAA,CAAA,KAAA,WAAA,WAAA,OAAA,QAAA,WAAA,cAAA,oBAAA,oBAAAY,SAAA,CAAA,aAAA,CAAAH,KAAAO,EAAAC,KAAAlB,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAS,KAAAC,EAAAQ,QAAAnB,SAAA,WAAAC,OAAA,CAAA,QAAA,QAAAmB,gBAAAC,EAAAC,wBAAAC,yEDKJxB,EAAqB,CAAA,MAPjCyB,EAAAA,gBAAU,CACTxB,SAAU,2BACVyB,YAAa,iCACbC,UAAW,CAAC,kCACZN,gBAAiBE,EAAAA,wBAAwBC,OACzCpB,KAAM,CAACwB,MAAO,4BAKd9B,MAAK,CAAA,MADJ+B,EAAAA,QAID1B,KAAI,CAAA,MADH0B,EAAAA,QAID9B,YAAW,CAAA,MADV8B,EAAAA,gBEDH,8CAAaC,oCAAAA,wCAPF,CACPC,EAAAA,aAEAC,EAAAA,oFAISF,EAAmB,CAAAG,aAAA,CARfjC,GAAqBkC,QAAA,CAElCH,EAAAA,aAEAC,EAAAA,gBAAcG,QAAA,CAENnC,qEAEC8B,EAAmB,CAAA,MAT/BM,EAAAA,eAAS,CACRH,aAAc,CAACjC,GACfkC,QAAS,CACPH,EAAAA,aAEAC,EAAAA,gBAEFG,QAAS,CAACnC","sourcesContent":["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","<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 { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { TextareaFieldMolecule } from './textarea-field.molecule';\n\n\n\n@NgModule({\n  declarations: [TextareaFieldMolecule],\n  imports: [\n    CommonModule,\n    // Material\n    MatInputModule,\n  ],\n  exports: [TextareaFieldMolecule]\n})\nexport class TextareaFieldModule { }\n"]}

package/bundles/ng-atomic-components-organisms-action-buttons-section.umd.js

@@ -35,7 +35,7 @@
         return ActionButtonsSectionOrganism;
     }());
     ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
-    ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, 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-jeMe:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-jeMe);box-sizing:border-box}:host button{width:100%;height:48px}"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.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: i0.ChangeDetectionStrategy.OnPush });
+    ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, 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-HsAS:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-HsAS);box-sizing:border-box}:host button{width:100%;height:48px}"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.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: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-organisms-action-buttons-section.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/action-buttons-section",["exports","@angular/core","@angular/common","@angular/material/button"],n):n(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["action-buttons-section"]={}),t.ng.core,t.ng.common,t.ng.material.button)}(this,(function(t,n,e,o){"use strict";function i(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var a=i(n),r=function(){this.actionItems=[],this.actionItemClick=new n.EventEmitter,this.trackById=function(t){return t.id}};r.ɵfac=function(t){return new(t||r)},r.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-action-buttons-section",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},host:{classAttribute:"organism section"},ngImport:a,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-jeMe:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-jeMe);box-sizing:border-box}:host button{width:100%;height:48px}"],directives:[{type:e.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.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:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(r,[{type:n.Component,args:[{selector:"organisms-action-buttons-section",templateUrl:"./action-buttons-section.organism.html",styleUrls:["./action-buttons-section.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],null,{actionItems:[{type:n.Input}],actionItemClick:[{type:n.Output}]});var s=function(){};s.ɵfac=function(t){return new(t||s)},s.ɵmod=n.ɵɵdefineNgModule({type:s}),s.ɵinj=n.ɵɵdefineInjector({imports:[[e.CommonModule,o.MatButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(s,{declarations:[r],imports:[e.CommonModule,o.MatButtonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(s,[{type:n.NgModule,args:[{declarations:[r],imports:[e.CommonModule,o.MatButtonModule],exports:[r]}]}],null,null),t.ActionButtonsSectionModule=s,t.ActionButtonsSectionOrganism=r,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/action-buttons-section",["exports","@angular/core","@angular/common","@angular/material/button"],n):n(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["action-buttons-section"]={}),t.ng.core,t.ng.common,t.ng.material.button)}(this,(function(t,n,o,e){"use strict";function i(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(o){if("default"!==o){var e=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,e.get?e:{enumerable:!0,get:function(){return t[o]}})}})),n.default=t,Object.freeze(n)}var a=i(n),s=function(){this.actionItems=[],this.actionItemClick=new n.EventEmitter,this.trackById=function(t){return t.id}};s.ɵfac=function(t){return new(t||s)},s.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-action-buttons-section",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},host:{classAttribute:"organism section"},ngImport:a,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-HsAS:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-HsAS);box-sizing:border-box}:host button{width:100%;height:48px}"],directives:[{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:e.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:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(s,[{type:n.Component,args:[{selector:"organisms-action-buttons-section",templateUrl:"./action-buttons-section.organism.html",styleUrls:["./action-buttons-section.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],null,{actionItems:[{type:n.Input}],actionItemClick:[{type:n.Output}]});var r=function(){};r.ɵfac=function(t){return new(t||r)},r.ɵmod=n.ɵɵdefineNgModule({type:r}),r.ɵinj=n.ɵɵdefineInjector({imports:[[o.CommonModule,e.MatButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(r,{declarations:[s],imports:[o.CommonModule,e.MatButtonModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(r,[{type:n.NgModule,args:[{declarations:[s],imports:[o.CommonModule,e.MatButtonModule],exports:[s]}]}],null,null),t.ActionButtonsSectionModule=r,t.ActionButtonsSectionOrganism=s,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-action-buttons-section.umd.min.js.map

package/bundles/ng-atomic-components-organisms-back-navigator.umd.js

@@ -36,7 +36,7 @@
         return BackNavigatorOrganism;
     }());
     BackNavigatorOrganism.ɵfac = function BackNavigatorOrganism_Factory(t) { return new (t || BackNavigatorOrganism)(); };
-    BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0__namespace, 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-ZwSF:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-ZwSF)}: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: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0__namespace, 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-TStb:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-TStb)}: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: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-organisms-back-navigator.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@ng-atomic/components/atoms/smart-menu-button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/back-navigator",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/icon","@angular/material/toolbar","@ng-atomic/components/atoms/smart-menu-button"],n):n(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["back-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.icon,t.ng.material.toolbar,t["ng-atomic"].components.atoms["smart-menu-button"])}(this,(function(t,n,e,o,a,i,c){"use strict";function r(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var s=r(n),u=function(){this.canBack=!0,this.actionItems=[],this.backButtonClick=new n.EventEmitter,this.actionItemClick=new n.EventEmitter};u.ɵfac=function(t){return new(t||u)},u.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"organisms-back-navigator",inputs:{canBack:"canBack",title:"title",description:"description",actionItems:"actionItems"},outputs:{backButtonClick:"backButtonClick",actionItemClick:"actionItemClick"},ngImport:s,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-ZwSF:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-ZwSF)}: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:i.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:e.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.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:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:c.SmartMenuButtonAtom,selector:"atoms-smart-menu-button",inputs:["actionItems"],outputs:["actionItemClick"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(u,[{type:n.Component,args:[{selector:"organisms-back-navigator",templateUrl:"./back-navigator.organism.html",styleUrls:["./back-navigator.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush}]}],null,{canBack:[{type:n.Input}],title:[{type:n.Input}],description:[{type:n.Input}],actionItems:[{type:n.Input}],backButtonClick:[{type:n.Output}],actionItemClick:[{type:n.Output}]});var l=function(){};l.ɵfac=function(t){return new(t||l)},l.ɵmod=n.ɵɵdefineNgModule({type:l}),l.ɵinj=n.ɵɵdefineInjector({imports:[[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(l,{declarations:[u],imports:[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(l,[{type:n.NgModule,args:[{declarations:[u],imports:[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule],exports:[u]}]}],null,null),t.BackNavigatorModule=l,t.BackNavigatorOrganism=u,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@ng-atomic/components/atoms/smart-menu-button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/back-navigator",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/icon","@angular/material/toolbar","@ng-atomic/components/atoms/smart-menu-button"],n):n(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["back-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.icon,t.ng.material.toolbar,t["ng-atomic"].components.atoms["smart-menu-button"])}(this,(function(t,n,e,o,a,i,c){"use strict";function r(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var s=r(n),u=function(){this.canBack=!0,this.actionItems=[],this.backButtonClick=new n.EventEmitter,this.actionItemClick=new n.EventEmitter};u.ɵfac=function(t){return new(t||u)},u.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"organisms-back-navigator",inputs:{canBack:"canBack",title:"title",description:"description",actionItems:"actionItems"},outputs:{backButtonClick:"backButtonClick",actionItemClick:"actionItemClick"},ngImport:s,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-TStb:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-TStb)}: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:i.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:e.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.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:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:c.SmartMenuButtonAtom,selector:"atoms-smart-menu-button",inputs:["actionItems"],outputs:["actionItemClick"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(u,[{type:n.Component,args:[{selector:"organisms-back-navigator",templateUrl:"./back-navigator.organism.html",styleUrls:["./back-navigator.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush}]}],null,{canBack:[{type:n.Input}],title:[{type:n.Input}],description:[{type:n.Input}],actionItems:[{type:n.Input}],backButtonClick:[{type:n.Output}],actionItemClick:[{type:n.Output}]});var l=function(){};l.ɵfac=function(t){return new(t||l)},l.ɵmod=n.ɵɵdefineNgModule({type:l}),l.ɵinj=n.ɵɵdefineInjector({imports:[[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(l,{declarations:[u],imports:[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(l,[{type:n.NgModule,args:[{declarations:[u],imports:[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule],exports:[u]}]}],null,null),t.BackNavigatorModule=l,t.BackNavigatorOrganism=u,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-back-navigator.umd.min.js.map

package/bundles/ng-atomic-components-organisms-card-input-section.umd.js

@@ -0,0 +1,99 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngneat/reactive-forms'), require('@ng-atomic/components/molecules/text-input-field'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/card-input-section', ['exports', '@angular/core', '@ngneat/reactive-forms', '@ng-atomic/components/molecules/text-input-field', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.organisms = global['ng-atomic'].components.organisms || {}, global['ng-atomic'].components.organisms['card-input-section'] = {}), global.ng.core, global.reactiveForms, global['ng-atomic'].components.molecules['text-input-field'], global.ng.common));
+}(this, (function (exports, i0, reactiveForms, i1, common) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    var CardInputSectionOrganism = /** @class */ (function () {
+        function CardInputSectionOrganism() {
+            this.control = new reactiveForms.FormControl('');
+            this.label = 'カード番号';
+            this.placeholder = 'XXXX-XXXX-XXXX-XXXX';
+        }
+        return CardInputSectionOrganism;
+    }());
+    CardInputSectionOrganism.ɵfac = function CardInputSectionOrganism_Factory(t) { return new (t || CardInputSectionOrganism)(); };
+    CardInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CardInputSectionOrganism, selector: "organisms-card-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0__namespace, 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-0P8A:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-0P8A);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionOrganism, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'organisms-card-input-section',
+                        templateUrl: './card-input-section.organism.html',
+                        styleUrls: ['./card-input-section.organism.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], null, { control: [{
+                    type: i0.Input
+                }], label: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var CardInputSectionModule = /** @class */ (function () {
+        function CardInputSectionModule() {
+        }
+        return CardInputSectionModule;
+    }());
+    CardInputSectionModule.ɵfac = function CardInputSectionModule_Factory(t) { return new (t || CardInputSectionModule)(); };
+    CardInputSectionModule.ɵmod = i0.ɵɵdefineNgModule({ type: CardInputSectionModule });
+    CardInputSectionModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                common.CommonModule,
+                // Molecules
+                i1.TextInputFieldModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CardInputSectionModule, { declarations: [CardInputSectionOrganism], imports: [common.CommonModule,
+                // Molecules
+                i1.TextInputFieldModule], exports: [CardInputSectionOrganism] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardInputSectionModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [CardInputSectionOrganism],
+                        imports: [
+                            common.CommonModule,
+                            // Molecules
+                            i1.TextInputFieldModule,
+                        ],
+                        exports: [CardInputSectionOrganism]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.CardInputSectionModule = CardInputSectionModule;
+    exports.CardInputSectionOrganism = CardInputSectionOrganism;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-organisms-card-input-section.umd.js.map

package/bundles/ng-atomic-components-organisms-card-input-section.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-card-input-section.umd.js","sources":["../../../../libs/components/organisms/card-input-section/card-input-section.organism.ts","../../../../libs/components/organisms/card-input-section/card-input-section.organism.html","../../../../libs/components/organisms/card-input-section/card-input-section.module.ts","../../../../libs/components/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';\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":["FormControl","Component","ChangeDetectionStrategy","Input","CommonModule","TextInputFieldModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,YAAO,GAAG,IAAIA,yBAAW,CAAC,EAAE,CAAC,CAAC;YAG9B,UAAK,GAAG,OAAO,CAAC;YAGhB,gBAAW,GAAG,qBAAqB,CAAC;SAErC;;;oGAXY,wBAAwB;wFAAxB,wBAAwB,2JCTrC,oLAM8B;;gFDGjB,wBAAwB;sBANpCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,8BAA8B;wBACxC,WAAW,EAAE,oCAAoC;wBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;wBACjD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,OAAO;0BADNC,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;;;;;QEDR;;;;gGAAa,sBAAsB;8DAAtB,sBAAsB;kEAPxB;gBACPC,mBAAY;;gBAEZC,uBAAoB;aACrB;;iFAGU,sBAAsB,mBARlB,wBAAwB,aAErCD,mBAAY;;gBAEZC,uBAAoB,aAEZ,wBAAwB;;;gFAEvB,sBAAsB;sBATlCC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;wBACxC,OAAO,EAAE;4BACPF,mBAAY;;4BAEZC,uBAAoB;yBACrB;wBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;qBACpC;;;;ICfD;;;;;;;;;;;;;"}

package/bundles/ng-atomic-components-organisms-card-input-section.umd.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@ngneat/reactive-forms"),require("@ng-atomic/components/molecules/text-input-field"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/card-input-section",["exports","@angular/core","@ngneat/reactive-forms","@ng-atomic/components/molecules/text-input-field","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms["card-input-section"]={}),e.ng.core,e.reactiveForms,e["ng-atomic"].components.molecules["text-input-field"],e.ng.common)}(this,(function(e,t,n,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(t),a=function(){this.control=new n.FormControl(""),this.label="カード番号",this.placeholder="XXXX-XXXX-XXXX-XXXX"};a.ɵfac=function(e){return new(e||a)},a.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:a,selector:"organisms-card-input-section",inputs:{control:"control",label:"label",placeholder:"placeholder"},ngImport:r,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-0P8A:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-0P8A);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"],directives:[{type:o.TextInputFieldMolecule,selector:"molecules-text-input-field",inputs:["type","name","label","control","placeholder","hint"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(a,[{type:t.Component,args:[{selector:"organisms-card-input-section",templateUrl:"./card-input-section.organism.html",styleUrls:["./card-input-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{control:[{type:t.Input}],label:[{type:t.Input}],placeholder:[{type:t.Input}]});var c=function(){};c.ɵfac=function(e){return new(e||c)},c.ɵmod=t.ɵɵdefineNgModule({type:c}),c.ɵinj=t.ɵɵdefineInjector({imports:[[i.CommonModule,o.TextInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(c,{declarations:[a],imports:[i.CommonModule,o.TextInputFieldModule],exports:[a]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.NgModule,args:[{declarations:[a],imports:[i.CommonModule,o.TextInputFieldModule],exports:[a]}]}],null,null),e.CardInputSectionModule=c,e.CardInputSectionOrganism=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-organisms-card-input-section.umd.min.js.map

package/bundles/ng-atomic-components-organisms-card-input-section.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/organisms/card-input-section/card-input-section.organism.ts","../../../../libs/components/organisms/card-input-section/card-input-section.organism.html","../../../../libs/components/organisms/card-input-section/card-input-section.module.ts"],"names":["this","control","FormControl","label","placeholder","CardInputSectionOrganism","selector","inputs","ngImport","i0__namespace","template","styles","directives","type","i1","TextInputFieldMolecule","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","CardInputSectionModule","CommonModule","TextInputFieldModule","declarations","imports","exports","NgModule"],"mappings":"8oCAGA,WASEA,KAAAC,QAAU,IAAIC,EAAAA,YAAY,IAG1BF,KAAAG,MAAQ,QAGRH,KAAAI,YAAc,wDATHC,0DAAAA,EAAwBC,SAAA,+BAAAC,OAAA,CAAAN,QAAA,UAAAE,MAAA,QAAAC,YAAA,eAAAI,SAAAC,EAAAC,SCTrC,2KAM8BC,OAAA,CAAA,iSAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,uBAAAT,SAAA,6BAAAC,OAAA,CAAA,OAAA,OAAA,QAAA,UAAA,cAAA,UAAAS,gBAAAC,EAAAC,wBAAAC,yEDGjBd,EAAwB,CAAA,MANpCe,EAAAA,gBAAU,CACTd,SAAU,+BACVe,YAAa,qCACbC,UAAW,CAAC,sCACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzClB,QAAO,CAAA,MADNsB,EAAAA,QAIDpB,MAAK,CAAA,MADJoB,EAAAA,QAIDnB,YAAW,CAAA,MADVmB,EAAAA,gBEDH,8CAAaC,oCAAAA,wCAPF,CACPC,EAAAA,aAEAC,EAAAA,0FAISF,EAAsB,CAAAG,aAAA,CARlBtB,GAAwBuB,QAAA,CAErCH,EAAAA,aAEAC,EAAAA,sBAAoBG,QAAA,CAEZxB,qEAECmB,EAAsB,CAAA,MATlCM,EAAAA,eAAS,CACRH,aAAc,CAACtB,GACfuB,QAAS,CACPH,EAAAA,aAEAC,EAAAA,sBAEFG,QAAS,CAACxB","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';\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"]}