@ng-atomic/components 1.5.0 → 1.6.0

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

@@ -1,2 +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-fmdh:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-fmdh);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})}));
+!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-rUb9:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-rUb9);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-cvc-and-exp-input-section.umd.js

@@ -360,7 +360,7 @@
         return CvcAndExpInputSectionOrganism;
     }());
     CvcAndExpInputSectionOrganism.ɵfac = function CvcAndExpInputSectionOrganism_Factory(t) { return new (t || CvcAndExpInputSectionOrganism)(); };
-    CvcAndExpInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CvcAndExpInputSectionOrganism, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0__namespace, 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-n5fx:var(--horizontal-padding);display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-n5fx);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: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }, { type: i2.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    CvcAndExpInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CvcAndExpInputSectionOrganism, selector: "organisms-cvc-and-exp-input-section", inputs: { form: "form" }, ngImport: i0__namespace, 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: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }, { type: i2.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CvcAndExpInputSectionOrganism, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-organisms-cvc-and-exp-input-section.umd.min.js

@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;function s(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,i,l=t.call(e),r=[];try{for(;(void 0===n||n-- >0)&&!(o=l.next()).done;)r.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(t=l.return)&&t.call(l)}finally{if(i)throw i.error}}return r}Object.create;var u=function(e,n){return function(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(s(arguments[n]));return e}(Array(e)).map((function(e,t){return t+n})).map((function(e){return{name:""+e,value:e}}))},p=function(){this.yearOptions=u(6,2022),this.monthOptions=u(12,1),this.form=new t.FormGroup({expMonth:new o.FormControl(12),expYear:new o.FormControl(2022),cvc:new o.FormControl("")})};p.ɵfac=function(e){return new(e||p)},p.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:p,selector:"organisms-cvc-and-exp-input-section",inputs:{form:"form"},ngImport:a,template:'<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>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-text-input-section-n5fx:var(--horizontal-padding);display:flex;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-n5fx);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:i.SelectInputFieldMolecule,selector:"molecules-select-input-field",inputs:["label","control","options"]},{type:l.TextInputFieldMolecule,selector:"molecules-text-input-field",inputs:["type","name","label","control","placeholder","hint"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(p,[{type:n.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:n.ChangeDetectionStrategy.OnPush}]}],null,{form:[{type:n.Input}]});var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=n.ɵɵdefineNgModule({type:d}),d.ɵinj=n.ɵɵdefineInjector({imports:[[r.CommonModule,i.SelectInputFieldModule,l.TextInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(d,{declarations:[p],imports:[r.CommonModule,i.SelectInputFieldModule,l.TextInputFieldModule],exports:[p]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(d,[{type:n.NgModule,args:[{declarations:[p],imports:[r.CommonModule,i.SelectInputFieldModule,l.TextInputFieldModule],exports:[p]}]}],null,null),e.CvcAndExpInputSectionModule=d,e.CvcAndExpInputSectionOrganism=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function s(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,i,l=t.call(e),r=[];try{for(;(void 0===n||n-- >0)&&!(o=l.next()).done;)r.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(t=l.return)&&t.call(l)}finally{if(i)throw i.error}}return r}Object.create;var u=function(e,n){return function(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(s(arguments[n]));return e}(Array(e)).map((function(e,t){return t+n})).map((function(e){return{name:""+e,value:e}}))},p=function(){this.yearOptions=u(6,2022),this.monthOptions=u(12,1),this.form=new t.FormGroup({expMonth:new o.FormControl(12),expYear:new o.FormControl(2022),cvc:new o.FormControl("")})};p.ɵfac=function(e){return new(e||p)},p.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:p,selector:"organisms-cvc-and-exp-input-section",inputs:{form:"form"},ngImport:a,template:'<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>',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:i.SelectInputFieldMolecule,selector:"molecules-select-input-field",inputs:["label","control","options"]},{type:l.TextInputFieldMolecule,selector:"molecules-text-input-field",inputs:["type","name","label","control","placeholder","hint"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(p,[{type:n.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:n.ChangeDetectionStrategy.OnPush}]}],null,{form:[{type:n.Input}]});var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=n.ɵɵdefineNgModule({type:d}),d.ɵinj=n.ɵɵdefineInjector({imports:[[r.CommonModule,i.SelectInputFieldModule,l.TextInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(d,{declarations:[p],imports:[r.CommonModule,i.SelectInputFieldModule,l.TextInputFieldModule],exports:[p]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(d,[{type:n.NgModule,args:[{declarations:[p],imports:[r.CommonModule,i.SelectInputFieldModule,l.TextInputFieldModule],exports:[p]}]}],null,null),e.CvcAndExpInputSectionModule=d,e.CvcAndExpInputSectionOrganism=p,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-cvc-and-exp-input-section.umd.min.js.map

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

@@ -35,7 +35,7 @@
         return DateInputSectionOrganism;
     }());
     DateInputSectionOrganism.ɵfac = function DateInputSectionOrganism_Factory(t) { return new (t || DateInputSectionOrganism)(); };
-    DateInputSectionOrganism.ɵcmp = i0.ɵɵ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__namespace, 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-nikz:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-nikz);box-sizing:border-box}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    DateInputSectionOrganism.ɵcmp = i0.ɵɵ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__namespace, 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: i1.DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: ["control", "label", "placeholder", "hint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputSectionOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ng-atomic/components/molecules/date-input-field"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/date-input-section",["exports","@angular/core","@angular/common","@ng-atomic/components/molecules/date-input-field","@ngneat/reactive-forms"],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["date-input-section"]={}),e.ng.core,e.ng.common,e["ng-atomic"].components.molecules["date-input-field"],e.reactiveForms)}(this,(function(e,t,n,o,i){"use strict";function a(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 l=a(t),r=function(){this.control=new i.FormControl,this.label="",this.placeholder=""};r.ɵfac=function(e){return new(e||r)},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-date-input-section",inputs:{control:"control",label:"label",placeholder:"placeholder"},host:{classAttribute:"organism section"},ngImport:l,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-nikz:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-nikz);box-sizing:border-box}:host,:host mat-form-field{width:100%}"],directives:[{type:o.DateInputFieldMolecule,selector:"molecules-date-input-field",inputs:["control","label","placeholder","hint"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"organisms-date-input-section",templateUrl:"./date-input-section.organism.html",styleUrls:["./date-input-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],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:[[n.CommonModule,o.DateInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(c,{declarations:[r],imports:[n.CommonModule,o.DateInputFieldModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.NgModule,args:[{declarations:[r],imports:[n.CommonModule,o.DateInputFieldModule],exports:[r]}]}],null,null),e.DateInputSectionModule=c,e.DateInputSectionOrganism=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ng-atomic/components/molecules/date-input-field"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/date-input-section",["exports","@angular/core","@angular/common","@ng-atomic/components/molecules/date-input-field","@ngneat/reactive-forms"],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["date-input-section"]={}),e.ng.core,e.ng.common,e["ng-atomic"].components.molecules["date-input-field"],e.reactiveForms)}(this,(function(e,t,n,o,i){"use strict";function a(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 l=a(t),r=function(){this.control=new i.FormControl,this.label="",this.placeholder=""};r.ɵfac=function(e){return new(e||r)},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-date-input-section",inputs:{control:"control",label:"label",placeholder:"placeholder"},host:{classAttribute:"organism section"},ngImport:l,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:o.DateInputFieldMolecule,selector:"molecules-date-input-field",inputs:["control","label","placeholder","hint"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"organisms-date-input-section",templateUrl:"./date-input-section.organism.html",styleUrls:["./date-input-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],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:[[n.CommonModule,o.DateInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(c,{declarations:[r],imports:[n.CommonModule,o.DateInputFieldModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.NgModule,args:[{declarations:[r],imports:[n.CommonModule,o.DateInputFieldModule],exports:[r]}]}],null,null),e.DateInputSectionModule=c,e.DateInputSectionOrganism=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-date-input-section.umd.min.js.map

package/bundles/ng-atomic-components-organisms-heading.umd.js

@@ -33,7 +33,7 @@
         return HeadingOrganism;
     }());
     HeadingOrganism.ɵfac = function HeadingOrganism_Factory(t) { return new (t || HeadingOrganism)(); };
-    HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0__namespace, 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-tjiS:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-tjiS)}"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    HeadingOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: HeadingOrganism, selector: "organisms-heading", inputs: { level: "level" }, ngImport: i0__namespace, 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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/heading",["exports","@angular/core","@angular/common"],n):n(((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.heading={}),e.ng.core,e.ng.common)}(this,(function(e,n,t){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=o(n),i=function(){this.level=1};i.ɵfac=function(e){return new(e||i)},i.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"organisms-heading",inputs:{level:"level"},ngImport:a,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-tjiS:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-tjiS)}"],directives:[{type:t.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:t.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:t.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:t.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(i,[{type:n.Component,args:[{selector:"organisms-heading",templateUrl:"./heading.organism.html",styleUrls:["./heading.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush}]}],null,{level:[{type:n.Input}]});var g=function(){};g.ɵfac=function(e){return new(e||g)},g.ɵmod=n.ɵɵdefineNgModule({type:g}),g.ɵinj=n.ɵɵdefineInjector({imports:[[t.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(g,{declarations:[i],imports:[t.CommonModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(g,[{type:n.NgModule,args:[{declarations:[i],imports:[t.CommonModule],exports:[i]}]}],null,null),e.HeadingModule=g,e.HeadingOrganism=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/heading",["exports","@angular/core","@angular/common"],n):n(((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.heading={}),e.ng.core,e.ng.common)}(this,(function(e,n,t){"use strict";function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=o(n),i=function(){this.level=1};i.ɵfac=function(e){return new(e||i)},i.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"organisms-heading",inputs:{level:"level"},ngImport:a,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:t.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:t.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:t.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:t.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(i,[{type:n.Component,args:[{selector:"organisms-heading",templateUrl:"./heading.organism.html",styleUrls:["./heading.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush}]}],null,{level:[{type:n.Input}]});var g=function(){};g.ɵfac=function(e){return new(e||g)},g.ɵmod=n.ɵɵdefineNgModule({type:g}),g.ɵinj=n.ɵɵdefineInjector({imports:[[t.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(g,{declarations:[i],imports:[t.CommonModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(g,[{type:n.NgModule,args:[{declarations:[i],imports:[t.CommonModule],exports:[i]}]}],null,null),e.HeadingModule=g,e.HeadingOrganism=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-heading.umd.min.js.map

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

@@ -36,7 +36,7 @@
         return InputFieldSectionOrganism;
     }());
     InputFieldSectionOrganism.ɵfac = function InputFieldSectionOrganism_Factory(t) { return new (t || InputFieldSectionOrganism)(); };
-    InputFieldSectionOrganism.ɵcmp = i0.ɵɵ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__namespace, 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-qcA6:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-qcA6);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 });
+    InputFieldSectionOrganism.ɵcmp = i0.ɵɵ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__namespace, 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: 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(InputFieldSectionOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ng-atomic/components/molecules/text-input-field"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/input-field-section",["exports","@angular/core","@angular/common","@ng-atomic/components/molecules/text-input-field","@ngneat/reactive-forms"],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["input-field-section"]={}),e.ng.core,e.ng.common,e["ng-atomic"].components.molecules["text-input-field"],e.reactiveForms)}(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),c=function(){this.label="label",this.placeholder="placeholder",this.type="text",this.control=new i.FormControl("")};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"organisms-input-field-section",inputs:{label:"label",placeholder:"placeholder",type:"type",hint:"hint",control:"control"},host:{classAttribute:"organism section"},ngImport:r,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-qcA6:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-qcA6);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(c,[{type:t.Component,args:[{selector:"organisms-input-field-section",templateUrl:"./input-field-section.organism.html",styleUrls:["./input-field-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],null,{label:[{type:t.Input}],placeholder:[{type:t.Input}],type:[{type:t.Input}],hint:[{type:t.Input}],control:[{type:t.Input}]});var s=function(){};s.ɵfac=function(e){return new(e||s)},s.ɵmod=t.ɵɵdefineNgModule({type:s}),s.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,o.TextInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(s,{declarations:[c],imports:[n.CommonModule,o.TextInputFieldModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.NgModule,args:[{declarations:[c],imports:[n.CommonModule,o.TextInputFieldModule],exports:[c]}]}],null,null),e.InputFieldSectionModule=s,e.InputFieldSectionOrganism=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ng-atomic/components/molecules/text-input-field"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/input-field-section",["exports","@angular/core","@angular/common","@ng-atomic/components/molecules/text-input-field","@ngneat/reactive-forms"],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["input-field-section"]={}),e.ng.core,e.ng.common,e["ng-atomic"].components.molecules["text-input-field"],e.reactiveForms)}(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),s=function(){this.label="label",this.placeholder="placeholder",this.type="text",this.control=new i.FormControl("")};s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-input-field-section",inputs:{label:"label",placeholder:"placeholder",type:"type",hint:"hint",control:"control"},host:{classAttribute:"organism section"},ngImport:r,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:o.TextInputFieldMolecule,selector:"molecules-text-input-field",inputs:["type","name","label","control","placeholder","hint"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"organisms-input-field-section",templateUrl:"./input-field-section.organism.html",styleUrls:["./input-field-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],null,{label:[{type:t.Input}],placeholder:[{type:t.Input}],type:[{type:t.Input}],hint:[{type:t.Input}],control:[{type:t.Input}]});var a=function(){};a.ɵfac=function(e){return new(e||a)},a.ɵmod=t.ɵɵdefineNgModule({type:a}),a.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,o.TextInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(a,{declarations:[s],imports:[n.CommonModule,o.TextInputFieldModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(a,[{type:t.NgModule,args:[{declarations:[s],imports:[n.CommonModule,o.TextInputFieldModule],exports:[s]}]}],null,null),e.InputFieldSectionModule=a,e.InputFieldSectionOrganism=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-input-field-section.umd.min.js.map

package/bundles/ng-atomic-components-organisms-menu.umd.js

@@ -34,7 +34,7 @@
         return MenuOrganism;
     }());
     MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
-    MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0__namespace, 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-uoot:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-uoot:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-uoot:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-uoot);color:var(--color-SCOPED-IN-menu-uoot);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-uoot);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0__namespace, 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: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/list"),require("@angular/material/icon"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/menu",["exports","@angular/core","@angular/common","@angular/material/list","@angular/material/icon","@angular/material/core"],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.menu={}),e.ng.core,e.ng.common,e.ng.material.list,e.ng.material.icon,e.ng.material.core)}(this,(function(e,t,o,n,i,a){"use strict";function r(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 l=r(t),c=function(){this.actionItems=[],this.actionItemClick=new t.EventEmitter};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"organisms-menu",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},ngImport:l,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-uoot:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-uoot:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-uoot:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-uoot);color:var(--color-SCOPED-IN-menu-uoot);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-uoot);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"],directives:[{type:n.MatSelectionList,selector:"mat-selection-list",inputs:["disableRipple","tabIndex","color","compareWith","disabled","multiple"],outputs:["selectionChange"],exportAs:["matSelectionList"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:n.MatListOption,selector:"mat-list-option",inputs:["disableRipple","checkboxPosition","color","value","selected","disabled"],exportAs:["matListOption"]},{type:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:n.MatListIconCssMatStyler,selector:"[mat-list-icon], [matListIcon]"},{type:a.MatLine,selector:"[mat-line], [matLine]"}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"organisms-menu",templateUrl:"./menu.organism.html",styleUrls:["./menu.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{actionItems:[{type:t.Input}],actionItemClick:[{type:t.Output}]});var s=function(){};s.ɵfac=function(e){return new(e||s)},s.ɵmod=t.ɵɵdefineNgModule({type:s}),s.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.MatListModule,i.MatIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(s,{declarations:[c],imports:[o.CommonModule,n.MatListModule,i.MatIconModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule,n.MatListModule,i.MatIconModule],exports:[c]}]}],null,null),e.MenuModule=s,e.MenuOrganism=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/list"),require("@angular/material/icon"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/menu",["exports","@angular/core","@angular/common","@angular/material/list","@angular/material/icon","@angular/material/core"],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.menu={}),e.ng.core,e.ng.common,e.ng.material.list,e.ng.material.icon,e.ng.material.core)}(this,(function(e,t,o,n,i,a){"use strict";function r(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 l=r(t),c=function(){this.actionItems=[],this.actionItemClick=new t.EventEmitter};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"organisms-menu",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},ngImport:l,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:n.MatSelectionList,selector:"mat-selection-list",inputs:["disableRipple","tabIndex","color","compareWith","disabled","multiple"],outputs:["selectionChange"],exportAs:["matSelectionList"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:n.MatListOption,selector:"mat-list-option",inputs:["disableRipple","checkboxPosition","color","value","selected","disabled"],exportAs:["matListOption"]},{type:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:n.MatListIconCssMatStyler,selector:"[mat-list-icon], [matListIcon]"},{type:a.MatLine,selector:"[mat-line], [matLine]"}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"organisms-menu",templateUrl:"./menu.organism.html",styleUrls:["./menu.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{actionItems:[{type:t.Input}],actionItemClick:[{type:t.Output}]});var s=function(){};s.ɵfac=function(e){return new(e||s)},s.ɵmod=t.ɵɵdefineNgModule({type:s}),s.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.MatListModule,i.MatIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(s,{declarations:[c],imports:[o.CommonModule,n.MatListModule,i.MatIconModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule,n.MatListModule,i.MatIconModule],exports:[c]}]}],null,null),e.MenuModule=s,e.MenuOrganism=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-menu.umd.min.js.map

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

@@ -0,0 +1,118 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/toolbar'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/icon'), require('@ng-atomic/components/atoms/smart-menu-button')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/navigator', ['exports', '@angular/core', '@angular/material/toolbar', '@angular/common', '@angular/material/button', '@angular/material/icon', '@ng-atomic/components/atoms/smart-menu-button'], 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.navigator = {}), global.ng.core, global.ng.material.toolbar, global.ng.common, global.ng.material.button, global.ng.material.icon, global['ng-atomic'].components.atoms['smart-menu-button']));
+}(this, (function (exports, i0, i1, i2, i3, i4, i5) { '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 NavigatorOrganism = /** @class */ (function () {
+        function NavigatorOrganism() {
+            this.canBack = true;
+            this.actionItems = [];
+            this.backButtonClick = new i0.EventEmitter();
+            this.actionItemClick = new i0.EventEmitter();
+        }
+        return NavigatorOrganism;
+    }());
+    NavigatorOrganism.ɵfac = function NavigatorOrganism_Factory(t) { return new (t || NavigatorOrganism)(); };
+    NavigatorOrganism.ɵcmp = i0.ɵɵ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__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-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: 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(NavigatorOrganism, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'organisms-navigator',
+                        templateUrl: './navigator.organism.html',
+                        styleUrls: ['./navigator.organism.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], null, { canBack: [{
+                    type: i0.Input
+                }], title: [{
+                    type: i0.Input
+                }], description: [{
+                    type: i0.Input
+                }], actionItems: [{
+                    type: i0.Input
+                }], backButtonClick: [{
+                    type: i0.Output
+                }], actionItemClick: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var NavigatorModule = /** @class */ (function () {
+        function NavigatorModule() {
+        }
+        return NavigatorModule;
+    }());
+    NavigatorModule.ɵfac = function NavigatorModule_Factory(t) { return new (t || NavigatorModule)(); };
+    NavigatorModule.ɵmod = i0.ɵɵdefineNgModule({ type: NavigatorModule });
+    NavigatorModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i2.CommonModule,
+                // Material
+                i3.MatButtonModule,
+                i4.MatIconModule,
+                i1.MatToolbarModule,
+                // Atoms
+                i5.SmartMenuButtonModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigatorModule, { declarations: [NavigatorOrganism], imports: [i2.CommonModule,
+                // Material
+                i3.MatButtonModule,
+                i4.MatIconModule,
+                i1.MatToolbarModule,
+                // Atoms
+                i5.SmartMenuButtonModule], exports: [NavigatorOrganism] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigatorModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [NavigatorOrganism],
+                        imports: [
+                            i2.CommonModule,
+                            // Material
+                            i3.MatButtonModule,
+                            i4.MatIconModule,
+                            i1.MatToolbarModule,
+                            // Atoms
+                            i5.SmartMenuButtonModule,
+                        ],
+                        exports: [NavigatorOrganism]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.NavigatorModule = NavigatorModule;
+    exports.NavigatorOrganism = NavigatorOrganism;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-organisms-navigator.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-navigator.umd.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":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","SmartMenuButtonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,YAAO,GAAG,IAAI,CAAC;YASf,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAQ,CAAC;YAG3C,oBAAe,GAAG,IAAIA,eAAY,EAAmB,CAAC;SAEvD;;;sFApBY,iBAAiB;iFAAjB,iBAAiB,mQCT9B,8hBAiBA;;gFDRa,iBAAiB;sBAN7BC,YAAS;uBAAC;wBACT,QAAQ,EAAE,qBAAqB;wBAC/B,WAAW,EAAE,2BAA2B;wBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;wBACxC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,OAAO;0BADNC,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,eAAe;0BADdC,SAAM;oBAIP,eAAe;0BADdA,SAAM;;;;;QEHT;;;;kFAAa,eAAe;uDAAf,eAAe;2DAXjB;gBACPC,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,mBAAgB;;gBAEhBC,wBAAqB;aACtB;;iFAGU,eAAe,mBAZX,iBAAiB,aAE9BJ,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,mBAAgB;;gBAEhBC,wBAAqB,aAEb,iBAAiB;;;gFAEhB,eAAe;sBAb3BC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;wBACjC,OAAO,EAAE;4BACPL,eAAY;;4BAEZC,kBAAe;4BACfC,gBAAa;4BACbC,mBAAgB;;4BAEhBC,wBAAqB;yBACtB;wBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;qBAC7B;;;;ICtBD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/material/toolbar"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@ng-atomic/components/atoms/smart-menu-button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/navigator",["exports","@angular/core","@angular/material/toolbar","@angular/common","@angular/material/button","@angular/material/icon","@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.navigator={}),t.ng.core,t.ng.material.toolbar,t.ng.common,t.ng.material.button,t.ng.material.icon,t["ng-atomic"].components.atoms["smart-menu-button"])}(this,(function(t,n,e,o,a,i,r){"use strict";function c(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=c(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-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-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:e.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.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:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:r.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-navigator",templateUrl:"./navigator.organism.html",styleUrls:["./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:[[o.CommonModule,a.MatButtonModule,i.MatIconModule,e.MatToolbarModule,r.SmartMenuButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(l,{declarations:[u],imports:[o.CommonModule,a.MatButtonModule,i.MatIconModule,e.MatToolbarModule,r.SmartMenuButtonModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(l,[{type:n.NgModule,args:[{declarations:[u],imports:[o.CommonModule,a.MatButtonModule,i.MatIconModule,e.MatToolbarModule,r.SmartMenuButtonModule],exports:[u]}]}],null,null),t.NavigatorModule=l,t.NavigatorOrganism=u,Object.defineProperty(t,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-organisms-navigator.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts"],"names":["this","canBack","actionItems","backButtonClick","EventEmitter","actionItemClick","NavigatorOrganism","selector","inputs","title","description","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","MatToolbar","exportAs","i2","NgIf","i3","MatButton","i4","MatIcon","i5","SmartMenuButtonAtom","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","NavigatorModule","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","SmartMenuButtonModule","declarations","imports","exports","NgModule"],"mappings":"kyCAGA,WASEA,KAAAC,SAAU,EASVD,KAAAE,YAA4B,GAG5BF,KAAAG,gBAAkB,IAAIC,EAAAA,aAGtBJ,KAAAK,gBAAkB,IAAID,EAAAA,+CAlBXE,0DAAAA,EAAiBC,SAAA,sBAAAC,OAAA,CAAAP,QAAA,UAAAQ,MAAA,QAAAC,YAAA,cAAAR,YAAA,eAAAS,QAAA,CAAAR,gBAAA,kBAAAE,gBAAA,mBAAAO,SAAAC,EAAAC,SCT9B,mhBAiBAC,OAAA,CAAA,2eAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,WAAAZ,SAAA,cAAAC,OAAA,CAAA,SAAAY,SAAA,CAAA,eAAA,CAAAH,KAAAI,EAAAC,KAAAf,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAS,KAAAM,EAAAC,UAAAjB,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAY,SAAA,CAAA,cAAA,CAAAH,KAAAQ,EAAAC,QAAAnB,SAAA,WAAAC,OAAA,CAAA,QAAA,SAAA,UAAA,UAAA,YAAAY,SAAA,CAAA,YAAA,CAAAH,KAAAU,EAAAC,oBAAArB,SAAA,0BAAAC,OAAA,CAAA,eAAAG,QAAA,CAAA,qBAAAkB,gBAAAC,EAAAC,wBAAAC,yEDRa1B,EAAiB,CAAA,MAN7B2B,EAAAA,gBAAU,CACT1B,SAAU,sBACV2B,YAAa,4BACbC,UAAW,CAAC,6BACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzC/B,QAAO,CAAA,MADNmC,EAAAA,QAID3B,MAAK,CAAA,MADJ2B,EAAAA,QAID1B,YAAW,CAAA,MADV0B,EAAAA,QAIDlC,YAAW,CAAA,MADVkC,EAAAA,QAIDjC,gBAAe,CAAA,MADdkC,EAAAA,SAIDhC,gBAAe,CAAA,MADdgC,EAAAA,iBEHH,8CAAaC,oCAAAA,wCAXF,CACPC,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBAEAC,EAAAA,2FAISL,EAAe,CAAAM,aAAA,CAZXtC,GAAiBuC,QAAA,CAE9BN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBAEAC,EAAAA,uBAAqBG,QAAA,CAEbxC,qEAECgC,EAAe,CAAA,MAb3BS,EAAAA,eAAS,CACRH,aAAc,CAACtC,GACfuC,QAAS,CACPN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBAEAC,EAAAA,uBAEFG,QAAS,CAACxC","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"]}

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

@@ -35,7 +35,7 @@
         return SelectInputSectionOrganism;
     }());
     SelectInputSectionOrganism.ɵfac = function SelectInputSectionOrganism_Factory(t) { return new (t || SelectInputSectionOrganism)(); };
-    SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0__namespace, 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-h4AA:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-h4AA);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0__namespace, 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: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputSectionOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ngneat/reactive-forms"),require("@ng-atomic/components/molecules/select-input-field")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/select-input-section",["exports","@angular/core","@angular/common","@ngneat/reactive-forms","@ng-atomic/components/molecules/select-input-field"],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["select-input-section"]={}),e.ng.core,e.ng.common,e.reactiveForms,e["ng-atomic"].components.molecules["select-input-field"])}(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 c=l(t),s=function(){this.label="",this.control=new o.FormControl,this.options=[]};s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-select-input-section",inputs:{label:"label",control:"control",options:"options"},ngImport:c,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-h4AA:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-h4AA);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"],directives:[{type:i.SelectInputFieldMolecule,selector:"molecules-select-input-field",inputs:["label","control","options"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"organisms-select-input-section",templateUrl:"./select-input-section.organism.html",styleUrls:["./select-input-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵmod=t.ɵɵdefineNgModule({type:r}),r.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,i.SelectInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(r,{declarations:[s],imports:[n.CommonModule,i.SelectInputFieldModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.NgModule,args:[{declarations:[s],imports:[n.CommonModule,i.SelectInputFieldModule],exports:[s]}]}],null,null),e.SelectInputSectionModule=r,e.SelectInputSectionOrganism=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@ngneat/reactive-forms"),require("@ng-atomic/components/molecules/select-input-field")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/select-input-section",["exports","@angular/core","@angular/common","@ngneat/reactive-forms","@ng-atomic/components/molecules/select-input-field"],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["select-input-section"]={}),e.ng.core,e.ng.common,e.reactiveForms,e["ng-atomic"].components.molecules["select-input-field"])}(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 c=l(t),s=function(){this.label="",this.control=new o.FormControl,this.options=[]};s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-select-input-section",inputs:{label:"label",control:"control",options:"options"},ngImport:c,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:i.SelectInputFieldMolecule,selector:"molecules-select-input-field",inputs:["label","control","options"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"organisms-select-input-section",templateUrl:"./select-input-section.organism.html",styleUrls:["./select-input-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵmod=t.ɵɵdefineNgModule({type:r}),r.ɵinj=t.ɵɵdefineInjector({imports:[[n.CommonModule,i.SelectInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(r,{declarations:[s],imports:[n.CommonModule,i.SelectInputFieldModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.NgModule,args:[{declarations:[s],imports:[n.CommonModule,i.SelectInputFieldModule],exports:[s]}]}],null,null),e.SelectInputSectionModule=r,e.SelectInputSectionOrganism=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-select-input-section.umd.min.js.map

package/bundles/ng-atomic-components-organisms-smart-table.umd.js

@@ -368,7 +368,7 @@
         return SmartTableOrganism;
     }());
     SmartTableOrganism.ɵfac = function SmartTableOrganism_Factory(t) { return new (t || SmartTableOrganism)(); };
-    SmartTableOrganism.ɵcmp = i0.ɵɵ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__namespace, 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-8HUm:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-8HUm: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: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i4.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    SmartTableOrganism.ɵcmp = i0.ɵɵ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__namespace, 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: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.CheckboxColumnMolecule, selector: "molecules-checkbox-column", inputs: ["name", "selectedIdSet"], outputs: ["checkboxClick"] }, { type: i4.ActionsColumnMolecule, selector: "molecules-actions-column", inputs: ["name", "actionItems"], outputs: ["actionItemClick"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i5.SmartColumnMolecule, selector: "molecules-smart-column", inputs: ["sort"], outputs: ["headerClick"] }, { type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "D": i6.DomainPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartTableOrganism, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-organisms-smart-table.umd.min.js

@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;function g(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,a,l=o.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)c.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(o=l.return)&&o.call(l)}finally{if(a)throw a.error}}return c}Object.create;var h=function(){function e(){this.columns=[],this.items=[],this.patientsSize=0,this.pageSize=0,this.actionItems=[],this.selectedIdSet=new Set,this.actionItemClick=new t.EventEmitter,this.headerClick=new t.EventEmitter,this.checkboxClick=new t.EventEmitter,this.pageChange=new t.EventEmitter,this.itemCheck=new t.EventEmitter}return Object.defineProperty(e.prototype,"displayedColumns",{get:function(){return function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}(this.columns)},enumerable:!1,configurable:!0}),e}();h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:h,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:d,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">データがありません。</div>',styles:[":host{--width:100%;--width-SCOPED-IN-smart-table-8HUm:var(--width);--cell:8px;--cell-SCOPED-IN-smart-table-8HUm: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:n.MatTable,selector:"mat-table, table[mat-table]",exportAs:["matTable"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:o.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:m.CheckboxColumnMolecule,selector:"molecules-checkbox-column",inputs:["name","selectedIdSet"],outputs:["checkboxClick"]},{type:r.ActionsColumnMolecule,selector:"molecules-actions-column",inputs:["name","actionItems"],outputs:["actionItemClick"]},{type:o.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:s.SmartColumnMolecule,selector:"molecules-smart-column",inputs:["sort"],outputs:["headerClick"]},{type:n.MatHeaderRowDef,selector:"[matHeaderRowDef]",inputs:["matHeaderRowDef","matHeaderRowDefSticky"]},{type:n.MatHeaderRow,selector:"mat-header-row, tr[mat-header-row]",exportAs:["matHeaderRow"]},{type:n.MatRowDef,selector:"[matRowDef]",inputs:["matRowDefColumns","matRowDefWhen"]},{type:n.MatRow,selector:"mat-row, tr[mat-row]",exportAs:["matRow"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}],pipes:{D:u.DomainPipe},changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(h,[{type:t.Component,args:[{selector:"organisms-smart-table",templateUrl:"./smart-table.organism.html",styleUrls:["./smart-table.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism"}}]}],null,{columns:[{type:t.Input}],items:[{type:t.Input}],patientsSize:[{type:t.Input}],pageSize:[{type:t.Input}],actionItems:[{type:t.Input}],selectedIdSet:[{type:t.Input}],sortKey:[{type:t.Input}],sortOrder:[{type:t.Input}],actionItemClick:[{type:t.Output}],headerClick:[{type:t.Output}],checkboxClick:[{type:t.Output}],pageChange:[{type:t.Output}],itemCheck:[{type:t.Output}]});var f=function(){};f.ɵfac=function(e){return new(e||f)},f.ɵmod=t.ɵɵdefineNgModule({type:f}),f.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(f,{declarations:[h],imports:[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule],exports:[h]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(f,[{type:t.NgModule,args:[{declarations:[h],imports:[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule],exports:[h]}]}],null,null),e.SmartTableModule=f,e.SmartTableOrganism=h,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function g(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,a,l=o.call(e),c=[];try{for(;(void 0===t||t-- >0)&&!(n=l.next()).done;)c.push(n.value)}catch(e){a={error:e}}finally{try{n&&!n.done&&(o=l.return)&&o.call(l)}finally{if(a)throw a.error}}return c}Object.create;var h=function(){function e(){this.columns=[],this.items=[],this.patientsSize=0,this.pageSize=0,this.actionItems=[],this.selectedIdSet=new Set,this.actionItemClick=new t.EventEmitter,this.headerClick=new t.EventEmitter,this.checkboxClick=new t.EventEmitter,this.pageChange=new t.EventEmitter,this.itemCheck=new t.EventEmitter}return Object.defineProperty(e.prototype,"displayedColumns",{get:function(){return function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}(this.columns)},enumerable:!1,configurable:!0}),e}();h.ɵfac=function(e){return new(e||h)},h.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:h,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:d,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">データがありません。</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:n.MatTable,selector:"mat-table, table[mat-table]",exportAs:["matTable"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:o.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:m.CheckboxColumnMolecule,selector:"molecules-checkbox-column",inputs:["name","selectedIdSet"],outputs:["checkboxClick"]},{type:r.ActionsColumnMolecule,selector:"molecules-actions-column",inputs:["name","actionItems"],outputs:["actionItemClick"]},{type:o.NgSwitchDefault,selector:"[ngSwitchDefault]"},{type:s.SmartColumnMolecule,selector:"molecules-smart-column",inputs:["sort"],outputs:["headerClick"]},{type:n.MatHeaderRowDef,selector:"[matHeaderRowDef]",inputs:["matHeaderRowDef","matHeaderRowDefSticky"]},{type:n.MatHeaderRow,selector:"mat-header-row, tr[mat-header-row]",exportAs:["matHeaderRow"]},{type:n.MatRowDef,selector:"[matRowDef]",inputs:["matRowDefColumns","matRowDefWhen"]},{type:n.MatRow,selector:"mat-row, tr[mat-row]",exportAs:["matRow"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}],pipes:{D:u.DomainPipe},changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(h,[{type:t.Component,args:[{selector:"organisms-smart-table",templateUrl:"./smart-table.organism.html",styleUrls:["./smart-table.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism"}}]}],null,{columns:[{type:t.Input}],items:[{type:t.Input}],patientsSize:[{type:t.Input}],pageSize:[{type:t.Input}],actionItems:[{type:t.Input}],selectedIdSet:[{type:t.Input}],sortKey:[{type:t.Input}],sortOrder:[{type:t.Input}],actionItemClick:[{type:t.Output}],headerClick:[{type:t.Output}],checkboxClick:[{type:t.Output}],pageChange:[{type:t.Output}],itemCheck:[{type:t.Output}]});var f=function(){};f.ɵfac=function(e){return new(e||f)},f.ɵmod=t.ɵɵdefineNgModule({type:f}),f.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(f,{declarations:[h],imports:[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule],exports:[h]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(f,[{type:t.NgModule,args:[{declarations:[h],imports:[o.CommonModule,u.DomainModule,n.MatTableModule,a.MatCheckboxModule,l.MatMenuModule,c.MatButtonModule,i.MatIconModule,r.ActionsColumnModule,m.CheckboxColumnModule,s.SmartColumnModule],exports:[h]}]}],null,null),e.SmartTableModule=f,e.SmartTableOrganism=h,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-smart-table.umd.min.js.map

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

@@ -33,7 +33,7 @@
         return SocialLoginSectionOrganism;
     }());
     SocialLoginSectionOrganism.ɵfac = function SocialLoginSectionOrganism_Factory(t) { return new (t || SocialLoginSectionOrganism)(); };
-    SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0__namespace, 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-4fag:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-4fag);box-sizing:border-box}:host button{width:100%;height:56px}"], directives: [{ type: i1.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 });
+    SocialLoginSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SocialLoginSectionOrganism, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0__namespace, 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: i1.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(SocialLoginSectionOrganism, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-organisms-social-login-section.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/social-login-section",["exports","@angular/core","@angular/common","@angular/material/button"],o):o(((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["social-login-section"]={}),t.ng.core,t.ng.common,t.ng.material.button)}(this,(function(t,o,n,e){"use strict";function i(t){if(t&&t.__esModule)return t;var o=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,e.get?e:{enumerable:!0,get:function(){return t[n]}})}})),o.default=t,Object.freeze(o)}var a=i(o),r=function(){this.signInWithGoogleButtonClick=new o.EventEmitter};r.ɵfac=function(t){return new(t||r)},r.ɵcmp=o.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-social-login-section",outputs:{signInWithGoogleButtonClick:"signInWithGoogleButtonClick"},ngImport:a,template:'<button \n  mat-raised-button \n  color="primary" \n  (click)="signInWithGoogleButtonClick.emit()"\n>Googleアカウントでログイン</button>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-4fag:var(--horizontal-padding);display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-4fag);box-sizing:border-box}:host button{width:100%;height:56px}"],directives:[{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:o.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(r,[{type:o.Component,args:[{selector:"organisms-social-login-section",templateUrl:"./social-login-section.organism.html",styleUrls:["./social-login-section.organism.scss"],changeDetection:o.ChangeDetectionStrategy.OnPush}]}],null,{signInWithGoogleButtonClick:[{type:o.Output}]});var s=function(){};s.ɵfac=function(t){return new(t||s)},s.ɵmod=o.ɵɵdefineNgModule({type:s}),s.ɵinj=o.ɵɵdefineInjector({imports:[[n.CommonModule,e.MatButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&o.ɵɵsetNgModuleScope(s,{declarations:[r],imports:[n.CommonModule,e.MatButtonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(s,[{type:o.NgModule,args:[{declarations:[r],imports:[n.CommonModule,e.MatButtonModule],exports:[r]}]}],null,null),t.SocialLoginSectionModule=s,t.SocialLoginSectionOrganism=r,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/social-login-section",["exports","@angular/core","@angular/common","@angular/material/button"],o):o(((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["social-login-section"]={}),t.ng.core,t.ng.common,t.ng.material.button)}(this,(function(t,o,n,e){"use strict";function i(t){if(t&&t.__esModule)return t;var o=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,e.get?e:{enumerable:!0,get:function(){return t[n]}})}})),o.default=t,Object.freeze(o)}var a=i(o),r=function(){this.signInWithGoogleButtonClick=new o.EventEmitter};r.ɵfac=function(t){return new(t||r)},r.ɵcmp=o.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"organisms-social-login-section",outputs:{signInWithGoogleButtonClick:"signInWithGoogleButtonClick"},ngImport:a,template:'<button \n  mat-raised-button \n  color="primary" \n  (click)="signInWithGoogleButtonClick.emit()"\n>Googleアカウントでログイン</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: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:o.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(r,[{type:o.Component,args:[{selector:"organisms-social-login-section",templateUrl:"./social-login-section.organism.html",styleUrls:["./social-login-section.organism.scss"],changeDetection:o.ChangeDetectionStrategy.OnPush}]}],null,{signInWithGoogleButtonClick:[{type:o.Output}]});var s=function(){};s.ɵfac=function(t){return new(t||s)},s.ɵmod=o.ɵɵdefineNgModule({type:s}),s.ɵinj=o.ɵɵdefineInjector({imports:[[n.CommonModule,e.MatButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&o.ɵɵsetNgModuleScope(s,{declarations:[r],imports:[n.CommonModule,e.MatButtonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(s,[{type:o.NgModule,args:[{declarations:[r],imports:[n.CommonModule,e.MatButtonModule],exports:[r]}]}],null,null),t.SocialLoginSectionModule=s,t.SocialLoginSectionOrganism=r,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-social-login-section.umd.min.js.map

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

@@ -36,7 +36,7 @@
         return TextInputSectionOrganism;
     }());
     TextInputSectionOrganism.ɵfac = function TextInputSectionOrganism_Factory(t) { return new (t || TextInputSectionOrganism)(); };
-    TextInputSectionOrganism.ɵcmp = i0.ɵɵ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__namespace, 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-S0Kh:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-S0Kh);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"] }] });
+    TextInputSectionOrganism.ɵcmp = i0.ɵɵ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__namespace, 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: i1.TextInputFieldMolecule, selector: "molecules-text-input-field", inputs: ["type", "name", "label", "control", "placeholder", "hint"] }] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputSectionOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +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/text-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["text-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.label="label",this.placeholder="placeholder",this.type="text",this.control=new n.FormControl("")};a.ɵfac=function(e){return new(e||a)},a.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:a,selector:"organisms-text-input-section",inputs:{label:"label",placeholder:"placeholder",type:"type",hint:"hint",control:"control"},ngImport:r,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-S0Kh:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-S0Kh);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"]}]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(a,[{type:t.Component,args:[{selector:"organisms-text-input-section",templateUrl:"./text-input-section.organism.html",styleUrls:["./text-input-section.organism.scss"]}]}],null,{label:[{type:t.Input}],placeholder:[{type:t.Input}],type:[{type:t.Input}],hint:[{type:t.Input}],control:[{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.TextInputSectionModule=c,e.TextInputSectionOrganism=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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/text-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["text-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),s=function(){this.label="label",this.placeholder="placeholder",this.type="text",this.control=new n.FormControl("")};s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-text-input-section",inputs:{label:"label",placeholder:"placeholder",type:"type",hint:"hint",control:"control"},ngImport:r,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:o.TextInputFieldMolecule,selector:"molecules-text-input-field",inputs:["type","name","label","control","placeholder","hint"]}]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"organisms-text-input-section",templateUrl:"./text-input-section.organism.html",styleUrls:["./text-input-section.organism.scss"]}]}],null,{label:[{type:t.Input}],placeholder:[{type:t.Input}],type:[{type:t.Input}],hint:[{type:t.Input}],control:[{type:t.Input}]});var a=function(){};a.ɵfac=function(e){return new(e||a)},a.ɵmod=t.ɵɵdefineNgModule({type:a}),a.ɵinj=t.ɵɵdefineInjector({imports:[[i.CommonModule,o.TextInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(a,{declarations:[s],imports:[i.CommonModule,o.TextInputFieldModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(a,[{type:t.NgModule,args:[{declarations:[s],imports:[i.CommonModule,o.TextInputFieldModule],exports:[s]}]}],null,null),e.TextInputSectionModule=a,e.TextInputSectionOrganism=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-text-input-section.umd.min.js.map

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

@@ -33,7 +33,7 @@
         return TextareaSectionOrganism;
     }());
     TextareaSectionOrganism.ɵfac = function TextareaSectionOrganism_Factory(t) { return new (t || TextareaSectionOrganism)(); };
-    TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0__namespace, template: "<molecules-textarea-field\n  [label]=\"label\"\n></molecules-textarea-field>", styles: [":host{--vertical-padding:16px;--vertical-padding-SCOPED-IN-textarea-section-VsA1:var(--vertical-padding);display:block;padding:0 var(--vertical-padding-SCOPED-IN-textarea-section-VsA1);box-sizing:border-box}:host molecules-textarea-field{width:100%}"], directives: [{ type: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    TextareaSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: TextareaSectionOrganism, selector: "organisms-textarea-section", inputs: { label: "label" }, ngImport: i0__namespace, 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: i1.TextareaFieldMolecule, selector: "molecules-textarea-field", inputs: ["label", "hint", "placeholder"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextareaSectionOrganism, [{
                 type: i0.Component,