@ng-atomic/components 1.1.0 → 1.2.0

package/bundles/ng-atomic-components-frames-auto-layout.umd.js

@@ -32,7 +32,7 @@
         return AutoLayoutFrame;
     }());
     AutoLayoutFrame.ɵfac = function AutoLayoutFrame_Factory(t) { return new (t || AutoLayoutFrame)(); };
-    AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0__namespace, template: "<ng-content></ng-content>", styles: [":host{--gap:24px;--gap-SCOPED-IN-auto-layout-uw0I:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-uw0I:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-uw0I);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-uw0I) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    AutoLayoutFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: AutoLayoutFrame, selector: "frames-auto-layout", ngImport: i0__namespace, template: "<ng-content></ng-content>", styles: [":host{--gap:24px;--gap-SCOPED-IN-auto-layout-SQet:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-SQet:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-SQet);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-SQet) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoLayoutFrame, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-frames-auto-layout.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/auto-layout",["exports","@angular/core","@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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["auto-layout"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,o){"use strict";function n(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 a=n(t),r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"frames-auto-layout",ngImport:a,template:"<ng-content></ng-content>",styles:[":host{--gap:24px;--gap-SCOPED-IN-auto-layout-uw0I:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-uw0I:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-uw0I);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-uw0I) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"frames-auto-layout",templateUrl:"./auto-layout.frame.html",styleUrls:["./auto-layout.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,null);var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=t.ɵɵdefineNgModule({type:u}),u.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(u,{declarations:[r],imports:[o.CommonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[r],imports:[o.CommonModule],exports:[r]}]}],null,null),e.AutoLayoutFrame=r,e.AutoLayoutModule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/auto-layout",["exports","@angular/core","@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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["auto-layout"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,o){"use strict";function n(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 a=n(t),r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:r,selector:"frames-auto-layout",ngImport:a,template:"<ng-content></ng-content>",styles:[":host{--gap:24px;--gap-SCOPED-IN-auto-layout-SQet:var(--gap);--vertical-padding:24px;--vertical-padding-SCOPED-IN-auto-layout-SQet:var(--vertical-padding);display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-SQet);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-SQet) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}"],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(r,[{type:t.Component,args:[{selector:"frames-auto-layout",templateUrl:"./auto-layout.frame.html",styleUrls:["./auto-layout.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,null);var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=t.ɵɵdefineNgModule({type:u}),u.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(u,{declarations:[r],imports:[o.CommonModule],exports:[r]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[r],imports:[o.CommonModule],exports:[r]}]}],null,null),e.AutoLayoutFrame=r,e.AutoLayoutModule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-frames-auto-layout.umd.min.js.map

package/bundles/ng-atomic-components-frames-card.umd.js

@@ -32,7 +32,7 @@
         return CardFrame;
     }());
     CardFrame.ɵfac = function CardFrame_Factory(t) { return new (t || CardFrame)(); };
-    CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CardFrame, selector: "frames-card", ngImport: i0__namespace, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}"], directives: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    CardFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: CardFrame, selector: "frames-card", ngImport: i0__namespace, template: "<mat-card><ng-content></ng-content></mat-card>", styles: [":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}"], directives: [{ type: i1.MatCard, selector: "mat-card", exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardFrame, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-frames-card.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/card"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/card",["exports","@angular/core","@angular/material/card","@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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.card={}),e.ng.core,e.ng.material.card,e.ng.common)}(this,(function(e,t,n,o){"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 r=a(t),c=function(){};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"frames-card",ngImport:r,template:"<mat-card><ng-content></ng-content></mat-card>",styles:[":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}"],directives:[{type:n.MatCard,selector:"mat-card",exportAs:["matCard"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"frames-card",templateUrl:"./card.frame.html",styleUrls:["./card.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,null);var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=t.ɵɵdefineNgModule({type:d}),d.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.MatCardModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(d,{declarations:[c],imports:[o.CommonModule,n.MatCardModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule,n.MatCardModule],exports:[c]}]}],null,null),e.CardFrame=c,e.CardModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/material/card"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/card",["exports","@angular/core","@angular/material/card","@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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.card={}),e.ng.core,e.ng.material.card,e.ng.common)}(this,(function(e,t,n,o){"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 r=a(t),c=function(){};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"frames-card",ngImport:r,template:"<mat-card><ng-content></ng-content></mat-card>",styles:[":host{display:block}:host mat-card{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;width:100%;height:100%}"],directives:[{type:n.MatCard,selector:"mat-card",exportAs:["matCard"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"frames-card",templateUrl:"./card.frame.html",styleUrls:["./card.frame.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],null,null);var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=t.ɵɵdefineNgModule({type:d}),d.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.MatCardModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(d,{declarations:[c],imports:[o.CommonModule,n.MatCardModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule,n.MatCardModule],exports:[c]}]}],null,null),e.CardFrame=c,e.CardModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-frames-card.umd.min.js.map

package/bundles/ng-atomic-components-frames-card.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../libs/components/frames/card/card.frame.ts","../../../../libs/components/frames/card/card.frame.html","../../../../libs/components/frames/card/card.module.ts"],"names":["CardFrame","selector","ngImport","i0__namespace","template","styles","directives","type","i1","MatCard","exportAs","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","CardModule","CommonModule","MatCardModule","declarations","imports","exports","NgModule"],"mappings":"67BAQA,8CAAaA,0DAAAA,EAASC,SAAA,cAAAC,SAAAC,EAAAC,SCRtB,iDAA8CC,OAAA,CAAA,2IAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,QAAAR,SAAA,WAAAS,SAAA,CAAA,aAAAC,gBAAAC,EAAAC,wBAAAC,yEDQjCd,EAAS,CAAA,MANrBe,EAAAA,gBAAU,CACTd,SAAU,cACVe,YAAa,oBACbC,UAAW,CAAC,qBACZN,gBAAiBE,EAAAA,wBAAwBC,4BEe3C,8CAAaI,oCAAAA,wCATF,CACPC,EAAAA,aAEAC,EAAAA,mFAMSF,EAAU,CAAAG,aAAA,CAXnBrB,GAASsB,QAAA,CAGTH,EAAAA,aAEAC,EAAAA,eAAaG,QAAA,CAGbvB,qEAGSkB,EAAU,CAAA,MAbtBM,EAAAA,eAAS,CACRH,aAAc,CACZrB,GAEFsB,QAAS,CACPH,EAAAA,aAEAC,EAAAA,eAEFG,QAAS,CACPvB","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-card',\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\n\nimport { CardFrame } from './card.frame';\n\n\n\n@NgModule({\n  declarations: [\n    CardFrame\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatCardModule,\n  ],\n  exports: [\n    CardFrame\n  ]\n})\nexport class CardModule { }\n"]}
+{"version":3,"sources":["../../../../libs/components/frames/card/card.frame.ts","../../../../libs/components/frames/card/card.frame.html","../../../../libs/components/frames/card/card.module.ts"],"names":["CardFrame","selector","ngImport","i0__namespace","template","styles","directives","type","i1","MatCard","exportAs","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","CardModule","CommonModule","MatCardModule","declarations","imports","exports","NgModule"],"mappings":"67BAQA,8CAAaA,0DAAAA,EAASC,SAAA,cAAAC,SAAAC,EAAAC,SCRtB,iDAA8CC,OAAA,CAAA,iKAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,QAAAR,SAAA,WAAAS,SAAA,CAAA,aAAAC,gBAAAC,EAAAC,wBAAAC,yEDQjCd,EAAS,CAAA,MANrBe,EAAAA,gBAAU,CACTd,SAAU,cACVe,YAAa,oBACbC,UAAW,CAAC,qBACZN,gBAAiBE,EAAAA,wBAAwBC,4BEe3C,8CAAaI,oCAAAA,wCATF,CACPC,EAAAA,aAEAC,EAAAA,mFAMSF,EAAU,CAAAG,aAAA,CAXnBrB,GAASsB,QAAA,CAGTH,EAAAA,aAEAC,EAAAA,eAAaG,QAAA,CAGbvB,qEAGSkB,EAAU,CAAA,MAbtBM,EAAAA,eAAS,CACRH,aAAc,CACZrB,GAEFsB,QAAS,CACPH,EAAAA,aAEAC,EAAAA,eAEFG,QAAS,CACPvB","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'frames-card',\n  templateUrl: './card.frame.html',\n  styleUrls: ['./card.frame.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardFrame { }\n","<mat-card><ng-content></ng-content></mat-card>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatCardModule } from '@angular/material/card';\n\nimport { CardFrame } from './card.frame';\n\n\n\n@NgModule({\n  declarations: [\n    CardFrame\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatCardModule,\n  ],\n  exports: [\n    CardFrame\n  ]\n})\nexport class CardModule { }\n"]}

package/bundles/ng-atomic-components-frames-line-up.umd.js

@@ -513,7 +513,7 @@
         return LineUpFrame;
     }());
     LineUpFrame.ɵfac = function LineUpFrame_Factory(t) { return new (t || LineUpFrame)(i0.ɵɵdirectiveInject(LineUpService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: LineUpFrame, selector: "frames-line-up", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0__namespace, template: "<div class=\"main contents\" [@visibleHidden]=\"isMainHidden ? 'hidden' : 'visible' \" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next contents\" [@pageChange]=\"page\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap:1px;--gap-SCOPED-IN-line-up-8qid:var(--gap);--background:#ccc;--background-SCOPED-IN-line-up-8qid:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-line-up-8qid:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-8qid);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-line-up-8qid)}:host,:host .contents{display:flex;height:100%}:host .contents{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:var(--contents-background-SCOPED-IN-line-up-8qid)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
+    LineUpFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: LineUpFrame, selector: "frames-line-up", inputs: { label: "label", outlet: "outlet", minNextWidth: "minNextWidth" }, host: { properties: { "attr.is-main-hidden": "this.isMainHidden" } }, viewQueries: [{ propertyName: "next", first: true, predicate: ["next"], emitDistinctChangesOnly: false, descendants: true, static: true }], ngImport: i0__namespace, template: "<div class=\"main contents\" [@visibleHidden]=\"isMainHidden ? 'hidden' : 'visible' \" #main>\n  <ng-content select=\"[main]\"></ng-content>\n</div>\n<div class=\"next contents\" [@pageChange]=\"page\" #next>\n  <ng-content select=\"[next]\"></ng-content>\n</div>", styles: [":host{--gap:1px;--gap-SCOPED-IN-line-up-ekb0:var(--gap);--background:#ccc;--background-SCOPED-IN-line-up-ekb0:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-line-up-ekb0:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-ekb0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-line-up-ekb0)}:host,:host .contents{display:flex;height:100%}:host .contents{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:var(--contents-background-SCOPED-IN-line-up-ekb0)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineUpFrame, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-frames-line-up.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/animations"),require("resize-observer-polyfill"),require("@angular/common"),require("@angular/material/progress-spinner")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/line-up",["exports","@angular/core","rxjs","rxjs/operators","@angular/animations","resize-observer-polyfill","@angular/common","@angular/material/progress-spinner"],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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["line-up"]={}),e.ng.core,e.rxjs,e.rxjs.operators,e.ng.animations,e.ResizeObserver,e.ng.common,e.ng.material.progressSpinner)}(this,(function(e,t,n,i,o,a,r,s){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=d(t),u=l(a),p=[o.trigger("visibleHidden",[o.state("visible",o.style({width:"100%"})),o.state("hidden",o.style({display:"none",width:"0%"})),o.transition("visible => hidden",[o.animate("0.5s",o.style({width:"0%"})),o.style({display:"none"})]),o.transition("hidden => visible",[o.sequence([o.style({display:"inherit"}),o.animate("0.5s",o.style({width:"100%"}))])])]),o.trigger("pageChange",[o.state("Next",o.style({position:"relative",width:"100%"})),o.state("NextWithMainPage",o.style({position:"relative",width:"100%"})),o.state("Blank",o.style({position:"relative",display:"none"})),o.transition("Blank => Next",[o.query(":enter",[o.animate("0.5s")],{optional:!0}),o.sequence([o.style({display:"inherit",width:"100%"}),o.animate("0.5s")])]),o.transition("Blank => NextWithMainPage",[o.query(":enter",[o.animate("0.5s")],{optional:!0}),o.sequence([o.style({display:"inherit",width:"100%"}),o.animate("0.5s")])]),o.transition("Next => Blank",o.group([o.query(":leave",o.animate("0.5s",o.style({width:"100%"})),{optional:!0}),o.sequence([o.style({position:"absolute",display:"block",left:"0%"}),o.animate("0.5s",o.style({left:"100%"}))])])),o.transition("NextWithMainPage => Blank",o.group([o.query(":leave",o.animate("0.5s",o.style({width:"100%"})),{optional:!0}),o.sequence([o.style({position:"absolute",display:"block",left:"100%"}),o.animate("0.5s",o.style({}))])]))])];Object.create;function f(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;var g=function(e){return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.Observable.create((function(t){var n,i,o=new u.default((function(e){var n,i;try{for(var o=f(e),a=o.next();!a.done;a=o.next()){var r=a.value;t.next(r)}}catch(e){n={error:e}}finally{try{a&&!a.done&&(i=o.return)&&i.call(o)}finally{if(n)throw n.error}}}));try{for(var a=f(e),r=a.next();!r.done;r=a.next()){var s=r.value;o.observe(s)}}catch(e){n={error:e}}finally{try{r&&!r.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}return function(){return o.disconnect()}})).pipe(i.startWith({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0}))}(e.nativeElement).pipe(i.map((function(e){var t,n=e.contentRect;return null!==(t=null==n?void 0:n.width)&&void 0!==t?t:0}))).pipe(i.distinctUntilChanged())},m=function(){this.pageAnimationDone$=new n.ReplaySubject(1)};m.ɵfac=function(e){return new(e||m)},m.ɵprov=t.ɵɵdefineInjectable({token:m,factory:m.ɵfac,providedIn:"root"}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.Injectable,args:[{providedIn:"root"}]}],null,null);var h=function(){function e(e,t){this.service=e,this.cd=t,this.isMainHidden=!1,this.label="root",this.minNextWidth=360}return Object.defineProperty(e.prototype,"page",{get:function(){var e,t;return"Blank"===(null===(t=null===(e=this.outlet)||void 0===e?void 0:e.activatedRouteData)||void 0===t?void 0:t.page)?"Blank":this.isMainHidden?"Next":"NextWithMainPage"},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;"root"!==this.label&&g(this.next).subscribe((function(t){e.isMainHidden=t>e.minNextWidth,e.cd.detectChanges()}))},e}();h.ɵfac=function(e){return new(e||h)(t.ɵɵdirectiveInject(m),t.ɵɵdirectiveInject(t.ChangeDetectorRef))},h.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:h,selector:"frames-line-up",inputs:{label:"label",outlet:"outlet",minNextWidth:"minNextWidth"},host:{properties:{"attr.is-main-hidden":"this.isMainHidden"}},viewQueries:[{propertyName:"next",first:!0,predicate:["next"],emitDistinctChangesOnly:!1,descendants:!0,static:!0}],ngImport:c,template:'<div class="main contents" [@visibleHidden]="isMainHidden ? \'hidden\' : \'visible\' " #main>\n  <ng-content select="[main]"></ng-content>\n</div>\n<div class="next contents" [@pageChange]="page" #next>\n  <ng-content select="[next]"></ng-content>\n</div>',styles:[":host{--gap:1px;--gap-SCOPED-IN-line-up-8qid:var(--gap);--background:#ccc;--background-SCOPED-IN-line-up-8qid:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-line-up-8qid:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-8qid);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-line-up-8qid)}:host,:host .contents{display:flex;height:100%}:host .contents{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:var(--contents-background-SCOPED-IN-line-up-8qid)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}"],animations:p,changeDetection:t.ChangeDetectionStrategy.Default}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(h,[{type:t.Component,args:[{selector:"frames-line-up",templateUrl:"./line-up.frame.html",styleUrls:["./line-up.frame.scss"],changeDetection:t.ChangeDetectionStrategy.Default,animations:p}]}],(function(){return[{type:m},{type:t.ChangeDetectorRef}]}),{isMainHidden:[{type:t.HostBinding,args:["attr.is-main-hidden"]}],label:[{type:t.Input}],outlet:[{type:t.Input}],minNextWidth:[{type:t.Input}],next:[{type:t.ViewChild,args:["next",{static:!0}]}]});var y=function(){};y.ɵfac=function(e){return new(e||y)},y.ɵmod=t.ɵɵdefineNgModule({type:y}),y.ɵinj=t.ɵɵdefineInjector({imports:[[r.CommonModule,s.MatProgressSpinnerModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(y,{declarations:[h],imports:[r.CommonModule,s.MatProgressSpinnerModule],exports:[h]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(y,[{type:t.NgModule,args:[{declarations:[h],imports:[r.CommonModule,s.MatProgressSpinnerModule],exports:[h]}]}],null,null),e.LineUpFrame=h,e.LineUpModule=y,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs"),require("rxjs/operators"),require("@angular/animations"),require("resize-observer-polyfill"),require("@angular/common"),require("@angular/material/progress-spinner")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/line-up",["exports","@angular/core","rxjs","rxjs/operators","@angular/animations","resize-observer-polyfill","@angular/common","@angular/material/progress-spinner"],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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames["line-up"]={}),e.ng.core,e.rxjs,e.rxjs.operators,e.ng.animations,e.ResizeObserver,e.ng.common,e.ng.material.progressSpinner)}(this,(function(e,t,n,i,o,a,r,s){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=c(t),u=l(a),p=[o.trigger("visibleHidden",[o.state("visible",o.style({width:"100%"})),o.state("hidden",o.style({display:"none",width:"0%"})),o.transition("visible => hidden",[o.animate("0.5s",o.style({width:"0%"})),o.style({display:"none"})]),o.transition("hidden => visible",[o.sequence([o.style({display:"inherit"}),o.animate("0.5s",o.style({width:"100%"}))])])]),o.trigger("pageChange",[o.state("Next",o.style({position:"relative",width:"100%"})),o.state("NextWithMainPage",o.style({position:"relative",width:"100%"})),o.state("Blank",o.style({position:"relative",display:"none"})),o.transition("Blank => Next",[o.query(":enter",[o.animate("0.5s")],{optional:!0}),o.sequence([o.style({display:"inherit",width:"100%"}),o.animate("0.5s")])]),o.transition("Blank => NextWithMainPage",[o.query(":enter",[o.animate("0.5s")],{optional:!0}),o.sequence([o.style({display:"inherit",width:"100%"}),o.animate("0.5s")])]),o.transition("Next => Blank",o.group([o.query(":leave",o.animate("0.5s",o.style({width:"100%"})),{optional:!0}),o.sequence([o.style({position:"absolute",display:"block",left:"0%"}),o.animate("0.5s",o.style({left:"100%"}))])])),o.transition("NextWithMainPage => Blank",o.group([o.query(":leave",o.animate("0.5s",o.style({width:"100%"})),{optional:!0}),o.sequence([o.style({position:"absolute",display:"block",left:"100%"}),o.animate("0.5s",o.style({}))])]))])];Object.create;function f(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&i>=e.length&&(e=void 0),{value:e&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;var g=function(e){return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.Observable.create((function(t){var n,i,o=new u.default((function(e){var n,i;try{for(var o=f(e),a=o.next();!a.done;a=o.next()){var r=a.value;t.next(r)}}catch(e){n={error:e}}finally{try{a&&!a.done&&(i=o.return)&&i.call(o)}finally{if(n)throw n.error}}}));try{for(var a=f(e),r=a.next();!r.done;r=a.next()){var s=r.value;o.observe(s)}}catch(e){n={error:e}}finally{try{r&&!r.done&&(i=a.return)&&i.call(a)}finally{if(n)throw n.error}}return function(){return o.disconnect()}})).pipe(i.startWith({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0}))}(e.nativeElement).pipe(i.map((function(e){var t,n=e.contentRect;return null!==(t=null==n?void 0:n.width)&&void 0!==t?t:0}))).pipe(i.distinctUntilChanged())},m=function(){this.pageAnimationDone$=new n.ReplaySubject(1)};m.ɵfac=function(e){return new(e||m)},m.ɵprov=t.ɵɵdefineInjectable({token:m,factory:m.ɵfac,providedIn:"root"}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.Injectable,args:[{providedIn:"root"}]}],null,null);var h=function(){function e(e,t){this.service=e,this.cd=t,this.isMainHidden=!1,this.label="root",this.minNextWidth=360}return Object.defineProperty(e.prototype,"page",{get:function(){var e,t;return"Blank"===(null===(t=null===(e=this.outlet)||void 0===e?void 0:e.activatedRouteData)||void 0===t?void 0:t.page)?"Blank":this.isMainHidden?"Next":"NextWithMainPage"},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;"root"!==this.label&&g(this.next).subscribe((function(t){e.isMainHidden=t>e.minNextWidth,e.cd.detectChanges()}))},e}();h.ɵfac=function(e){return new(e||h)(t.ɵɵdirectiveInject(m),t.ɵɵdirectiveInject(t.ChangeDetectorRef))},h.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:h,selector:"frames-line-up",inputs:{label:"label",outlet:"outlet",minNextWidth:"minNextWidth"},host:{properties:{"attr.is-main-hidden":"this.isMainHidden"}},viewQueries:[{propertyName:"next",first:!0,predicate:["next"],emitDistinctChangesOnly:!1,descendants:!0,static:!0}],ngImport:d,template:'<div class="main contents" [@visibleHidden]="isMainHidden ? \'hidden\' : \'visible\' " #main>\n  <ng-content select="[main]"></ng-content>\n</div>\n<div class="next contents" [@pageChange]="page" #next>\n  <ng-content select="[next]"></ng-content>\n</div>',styles:[":host{--gap:1px;--gap-SCOPED-IN-line-up-ekb0:var(--gap);--background:#ccc;--background-SCOPED-IN-line-up-ekb0:var(--background);--contents-background:transparent;--contents-background-SCOPED-IN-line-up-ekb0:var(--contents-background);position:relative;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-ekb0);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--background-SCOPED-IN-line-up-ekb0)}:host,:host .contents{display:flex;height:100%}:host .contents{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:var(--contents-background-SCOPED-IN-line-up-ekb0)}:host .contents.main{overflow:hidden;justify-content:flex-end}:host .contents.next{overflow:visible;justify-content:flex-start}"],animations:p,changeDetection:t.ChangeDetectionStrategy.Default}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(h,[{type:t.Component,args:[{selector:"frames-line-up",templateUrl:"./line-up.frame.html",styleUrls:["./line-up.frame.scss"],changeDetection:t.ChangeDetectionStrategy.Default,animations:p}]}],(function(){return[{type:m},{type:t.ChangeDetectorRef}]}),{isMainHidden:[{type:t.HostBinding,args:["attr.is-main-hidden"]}],label:[{type:t.Input}],outlet:[{type:t.Input}],minNextWidth:[{type:t.Input}],next:[{type:t.ViewChild,args:["next",{static:!0}]}]});var y=function(){};y.ɵfac=function(e){return new(e||y)},y.ɵmod=t.ɵɵdefineNgModule({type:y}),y.ɵinj=t.ɵɵdefineInjector({imports:[[r.CommonModule,s.MatProgressSpinnerModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(y,{declarations:[h],imports:[r.CommonModule,s.MatProgressSpinnerModule],exports:[h]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(y,[{type:t.NgModule,args:[{declarations:[h],imports:[r.CommonModule,s.MatProgressSpinnerModule],exports:[h]}]}],null,null),e.LineUpFrame=h,e.LineUpModule=y,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-frames-line-up.umd.min.js.map

package/bundles/ng-atomic-components-frames-overlay.umd.js

@@ -65,7 +65,7 @@
         return OverlayFrame;
     }());
     OverlayFrame.ɵfac = function OverlayFrame_Factory(t) { return new (t || OverlayFrame)(); };
-    OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: OverlayFrame, selector: "frames-overlay", inputs: { outlet: "outlet", isLoading: "isLoading" }, ngImport: i0__namespace, template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell:8px;--cell-SCOPED-IN-line-overlay-Id9U:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-Id9U:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-Id9U:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Id9U);height:var(--height-SCOPED-IN-line-overlay-Id9U)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main.page{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-Id9U);height:var(--height-SCOPED-IN-line-overlay-Id9U)}:host .main.page{z-index:1;overflow:hidden}:host .main.page *{--cell:var(--cell-SCOPED-IN-line-overlay-Id9U);--width:var(--width-SCOPED-IN-line-overlay-Id9U);--height:var(--height-SCOPED-IN-line-overlay-Id9U)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Id9U);height:auto}:host .next.page *{--cell:var(--cell-SCOPED-IN-line-overlay-Id9U);--width:var(--width-SCOPED-IN-line-overlay-Id9U);--height:var(--height-SCOPED-IN-line-overlay-Id9U)}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], animations: [slideInAnimation] });
+    OverlayFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: OverlayFrame, selector: "frames-overlay", inputs: { outlet: "outlet", isLoading: "isLoading" }, ngImport: i0__namespace, template: "<div class=\"loading\" *ngIf=\"isLoading\">\n    <mat-spinner></mat-spinner>\n</div>\n<div class=\"main page\">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class=\"next page\" [@routeAnimations]=\"prepareRoute(outlet)\">\n    <ng-content select=[nextPage]></ng-content>\n</div>", styles: [":host{--cell:8px;--cell-SCOPED-IN-line-overlay-VvDk:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-VvDk:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-VvDk:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-VvDk);height:var(--height-SCOPED-IN-line-overlay-VvDk)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main.page{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-VvDk);height:var(--height-SCOPED-IN-line-overlay-VvDk)}:host .main.page{z-index:1;overflow:hidden}:host .main.page *{--cell:var(--cell-SCOPED-IN-line-overlay-VvDk);--width:var(--width-SCOPED-IN-line-overlay-VvDk);--height:var(--height-SCOPED-IN-line-overlay-VvDk)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-VvDk);height:auto}:host .next.page *{--cell:var(--cell-SCOPED-IN-line-overlay-VvDk);--width:var(--width-SCOPED-IN-line-overlay-VvDk);--height:var(--height-SCOPED-IN-line-overlay-VvDk)}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], animations: [slideInAnimation] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayFrame, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-frames-overlay.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/animations"),require("@angular/common"),require("@angular/material/progress-spinner")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/overlay",["exports","@angular/core","@angular/animations","@angular/common","@angular/material/progress-spinner"],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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.overlay={}),e.ng.core,e.ng.animations,e.ng.common,e.ng.material.progressSpinner)}(this,(function(e,t,n,o,a){"use strict";function i(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=i(t),l=n.trigger("routeAnimations",[n.transition("IndexPage => NextPage",[n.query(":enter",[n.style({position:"absolute",top:"0px",left:"0px"})]),n.query(":enter",[n.style({left:"100%"})]),n.query(":enter",[n.animate("300ms ease-out",n.style({left:"0%"}))]),n.query(":enter",n.animateChild())]),n.transition("NextPage => IndexPage",[n.query(":leave",[n.style({position:"absolute",top:"0px",left:"0px"})]),n.query(":leave",[n.style({left:"0%"})]),n.query(":leave",[n.animate("300ms ease-in",n.style({left:"100%"}))]),n.query(":leave",n.animateChild())])]),s=function(){function e(){this.outlet=null,this.isLoading=!1}return e.prototype.prepareRoute=function(e){var t;return null===(t=null==e?void 0:e.activatedRouteData)||void 0===t?void 0:t.page},e}();s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"frames-overlay",inputs:{outlet:"outlet",isLoading:"isLoading"},ngImport:r,template:'<div class="loading" *ngIf="isLoading">\n    <mat-spinner></mat-spinner>\n</div>\n<div class="main page">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class="next page" [@routeAnimations]="prepareRoute(outlet)">\n    <ng-content select=[nextPage]></ng-content>\n</div>',styles:[":host{--cell:8px;--cell-SCOPED-IN-line-overlay-Id9U:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-Id9U:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-Id9U:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-Id9U);height:var(--height-SCOPED-IN-line-overlay-Id9U)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main.page{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-Id9U);height:var(--height-SCOPED-IN-line-overlay-Id9U)}:host .main.page{z-index:1;overflow:hidden}:host .main.page *{--cell:var(--cell-SCOPED-IN-line-overlay-Id9U);--width:var(--width-SCOPED-IN-line-overlay-Id9U);--height:var(--height-SCOPED-IN-line-overlay-Id9U)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-Id9U);height:auto}:host .next.page *{--cell:var(--cell-SCOPED-IN-line-overlay-Id9U);--width:var(--width-SCOPED-IN-line-overlay-Id9U);--height:var(--height-SCOPED-IN-line-overlay-Id9U)}"],directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.MatSpinner,selector:"mat-spinner",inputs:["color"]}],animations:[l]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"frames-overlay",templateUrl:"./overlay.frame.html",styleUrls:["./overlay.frame.scss"],animations:[l]}]}],null,{outlet:[{type:t.Input}],isLoading:[{type:t.Input}]});var d=function(){};d.ɵfac=function(e){return new(e||d)},d.ɵmod=t.ɵɵdefineNgModule({type:d}),d.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,a.MatProgressSpinnerModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(d,{declarations:[s],imports:[o.CommonModule,a.MatProgressSpinnerModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.NgModule,args:[{declarations:[s],imports:[o.CommonModule,a.MatProgressSpinnerModule],exports:[s]}]}],null,null),e.OverlayFrame=s,e.OverlayModule=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/animations"),require("@angular/common"),require("@angular/material/progress-spinner")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/overlay",["exports","@angular/core","@angular/animations","@angular/common","@angular/material/progress-spinner"],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.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.overlay={}),e.ng.core,e.ng.animations,e.ng.common,e.ng.material.progressSpinner)}(this,(function(e,t,n,o,a){"use strict";function i(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=i(t),l=n.trigger("routeAnimations",[n.transition("IndexPage => NextPage",[n.query(":enter",[n.style({position:"absolute",top:"0px",left:"0px"})]),n.query(":enter",[n.style({left:"100%"})]),n.query(":enter",[n.animate("300ms ease-out",n.style({left:"0%"}))]),n.query(":enter",n.animateChild())]),n.transition("NextPage => IndexPage",[n.query(":leave",[n.style({position:"absolute",top:"0px",left:"0px"})]),n.query(":leave",[n.style({left:"0%"})]),n.query(":leave",[n.animate("300ms ease-in",n.style({left:"100%"}))]),n.query(":leave",n.animateChild())])]),s=function(){function e(){this.outlet=null,this.isLoading=!1}return e.prototype.prepareRoute=function(e){var t;return null===(t=null==e?void 0:e.activatedRouteData)||void 0===t?void 0:t.page},e}();s.ɵfac=function(e){return new(e||s)},s.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"frames-overlay",inputs:{outlet:"outlet",isLoading:"isLoading"},ngImport:r,template:'<div class="loading" *ngIf="isLoading">\n    <mat-spinner></mat-spinner>\n</div>\n<div class="main page">\n    <ng-content select=[mainPage]></ng-content>\n</div>\n<div class="next page" [@routeAnimations]="prepareRoute(outlet)">\n    <ng-content select=[nextPage]></ng-content>\n</div>',styles:[":host{--cell:8px;--cell-SCOPED-IN-line-overlay-VvDk:var(--cell);--width:100%;--width-SCOPED-IN-line-overlay-VvDk:var(--width);--height:100%;--height-SCOPED-IN-line-overlay-VvDk:var(--height);position:relative;display:block;width:var(--width-SCOPED-IN-line-overlay-VvDk);height:var(--height-SCOPED-IN-line-overlay-VvDk)}:host .loading{z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.4)}:host .loading,:host .main.page{position:absolute;top:0;left:0;width:var(--width-SCOPED-IN-line-overlay-VvDk);height:var(--height-SCOPED-IN-line-overlay-VvDk)}:host .main.page{z-index:1;overflow:hidden}:host .main.page *{--cell:var(--cell-SCOPED-IN-line-overlay-VvDk);--width:var(--width-SCOPED-IN-line-overlay-VvDk);--height:var(--height-SCOPED-IN-line-overlay-VvDk)}:host .next.page{position:absolute;top:0;left:0;z-index:2;width:var(--width-SCOPED-IN-line-overlay-VvDk);height:auto}:host .next.page *{--cell:var(--cell-SCOPED-IN-line-overlay-VvDk);--width:var(--width-SCOPED-IN-line-overlay-VvDk);--height:var(--height-SCOPED-IN-line-overlay-VvDk)}"],directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.MatSpinner,selector:"mat-spinner",inputs:["color"]}],animations:[l]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(s,[{type:t.Component,args:[{selector:"frames-overlay",templateUrl:"./overlay.frame.html",styleUrls:["./overlay.frame.scss"],animations:[l]}]}],null,{outlet:[{type:t.Input}],isLoading:[{type:t.Input}]});var g=function(){};g.ɵfac=function(e){return new(e||g)},g.ɵmod=t.ɵɵdefineNgModule({type:g}),g.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,a.MatProgressSpinnerModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(g,{declarations:[s],imports:[o.CommonModule,a.MatProgressSpinnerModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(g,[{type:t.NgModule,args:[{declarations:[s],imports:[o.CommonModule,a.MatProgressSpinnerModule],exports:[s]}]}],null,null),e.OverlayFrame=s,e.OverlayModule=g,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-frames-overlay.umd.min.js.map

package/bundles/ng-atomic-components-frames-scroll.umd.js

@@ -32,7 +32,7 @@
         return ScrollFrame;
     }());
     ScrollFrame.ɵfac = function ScrollFrame_Factory(t) { return new (t || ScrollFrame)(); };
-    ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ScrollFrame, selector: "frames-scroll", ngImport: i0__namespace, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height:100%;--height-SCOPED-IN-scroll-8kG9:var(--height);--navigator-height:56px;--navigator-height-SCOPED-IN-scroll-8kG9:var(--navigator-height);height:var(--height-SCOPED-IN-scroll-8kG9);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-8kG9);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-8kG9) - var(--navigator-height-SCOPED-IN-scroll-8kG9));overflow:scroll;-webkit-overflow-scrolling:touch}"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ScrollFrame.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ScrollFrame, selector: "frames-scroll", ngImport: i0__namespace, template: "<div class=\"navigator-container\" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class=\"contents-container\">\n  <ng-content select=[contents]></ng-content>\n</div>", styles: [":host{--height:100%;--height-SCOPED-IN-scroll-vUSI:var(--height);--navigator-height:56px;--navigator-height-SCOPED-IN-scroll-vUSI:var(--navigator-height);height:var(--height-SCOPED-IN-scroll-vUSI);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-vUSI);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-vUSI) - var(--navigator-height-SCOPED-IN-scroll-vUSI));overflow:scroll;-webkit-overflow-scrolling:touch}"], directives: [{ type: i1.IosSafariScrollBuggyfillDirective, selector: "[iosSafariScrollBuggyfill]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScrollFrame, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-frames-scroll.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@ng-atomic/common/directives"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/scroll",["exports","@angular/core","@ng-atomic/common/directives","@angular/common"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.scroll={}),e.ng.core,e.i1,e.ng.common)}(this,(function(e,o,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),o.default=e,Object.freeze(o)}var l=r(o),i=function(){};i.ɵfac=function(e){return new(e||i)},i.ɵcmp=o.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"frames-scroll",ngImport:l,template:'<div class="navigator-container" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class="contents-container">\n  <ng-content select=[contents]></ng-content>\n</div>',styles:[":host{--height:100%;--height-SCOPED-IN-scroll-8kG9:var(--height);--navigator-height:56px;--navigator-height-SCOPED-IN-scroll-8kG9:var(--navigator-height);height:var(--height-SCOPED-IN-scroll-8kG9);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-8kG9);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-8kG9) - var(--navigator-height-SCOPED-IN-scroll-8kG9));overflow:scroll;-webkit-overflow-scrolling:touch}"],directives:[{type:t.IosSafariScrollBuggyfillDirective,selector:"[iosSafariScrollBuggyfill]"}],changeDetection:o.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(i,[{type:o.Component,args:[{selector:"frames-scroll",templateUrl:"./scroll.frame.html",styleUrls:["./scroll.frame.scss"],changeDetection:o.ChangeDetectionStrategy.OnPush}]}],null,null);var c=function(){};c.ɵfac=function(e){return new(e||c)},c.ɵmod=o.ɵɵdefineNgModule({type:c}),c.ɵinj=o.ɵɵdefineInjector({imports:[[n.CommonModule,t.IosSafariScrollBuggyfillModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&o.ɵɵsetNgModuleScope(c,{declarations:[i],imports:[n.CommonModule,t.IosSafariScrollBuggyfillModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(c,[{type:o.NgModule,args:[{declarations:[i],imports:[n.CommonModule,t.IosSafariScrollBuggyfillModule],exports:[i]}]}],null,null),e.ScrollFrame=i,e.ScrollModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@ng-atomic/common/directives"),require("@angular/common")):"function"==typeof define&&define.amd?define("@ng-atomic/components/frames/scroll",["exports","@angular/core","@ng-atomic/common/directives","@angular/common"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.frames=e["ng-atomic"].components.frames||{},e["ng-atomic"].components.frames.scroll={}),e.ng.core,e.i1,e.ng.common)}(this,(function(e,o,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),o.default=e,Object.freeze(o)}var l=r(o),i=function(){};i.ɵfac=function(e){return new(e||i)},i.ɵcmp=o.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"frames-scroll",ngImport:l,template:'<div class="navigator-container" iosSafariScrollBuggyfill>\n  <ng-content select=[navigator]></ng-content>\n</div>\n<div class="contents-container">\n  <ng-content select=[contents]></ng-content>\n</div>',styles:[":host{--height:100%;--height-SCOPED-IN-scroll-vUSI:var(--height);--navigator-height:56px;--navigator-height-SCOPED-IN-scroll-vUSI:var(--navigator-height);height:var(--height-SCOPED-IN-scroll-vUSI);overflow:hidden}:host .navigator-container{height:var(--navigator-height-SCOPED-IN-scroll-vUSI);overflow:hidden;touch-action:none}:host .contents-container{height:calc(var(--height-SCOPED-IN-scroll-vUSI) - var(--navigator-height-SCOPED-IN-scroll-vUSI));overflow:scroll;-webkit-overflow-scrolling:touch}"],directives:[{type:t.IosSafariScrollBuggyfillDirective,selector:"[iosSafariScrollBuggyfill]"}],changeDetection:o.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(i,[{type:o.Component,args:[{selector:"frames-scroll",templateUrl:"./scroll.frame.html",styleUrls:["./scroll.frame.scss"],changeDetection:o.ChangeDetectionStrategy.OnPush}]}],null,null);var c=function(){};c.ɵfac=function(e){return new(e||c)},c.ɵmod=o.ɵɵdefineNgModule({type:c}),c.ɵinj=o.ɵɵdefineInjector({imports:[[n.CommonModule,t.IosSafariScrollBuggyfillModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&o.ɵɵsetNgModuleScope(c,{declarations:[i],imports:[n.CommonModule,t.IosSafariScrollBuggyfillModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&o.ɵsetClassMetadata(c,[{type:o.NgModule,args:[{declarations:[i],imports:[n.CommonModule,t.IosSafariScrollBuggyfillModule],exports:[i]}]}],null,null),e.ScrollFrame=i,e.ScrollModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-frames-scroll.umd.min.js.map

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

@@ -36,7 +36,7 @@
         return SelectInputFieldMolecule;
     }());
     SelectInputFieldMolecule.ɵfac = function SelectInputFieldMolecule_Factory(t) { return new (t || SelectInputFieldMolecule)(); };
-    SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-cGyG:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-JO90:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-molecules-select-input-field.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/forms"),require("@angular/material/select"),require("@ngneat/reactive-forms"),require("@angular/material/form-field"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/select-input-field",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/select","@ngneat/reactive-forms","@angular/material/form-field","@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.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["select-input-field"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.select,e.reactiveForms,e.ng.material.formField,e.ng.material.core)}(this,(function(e,t,o,n,l,r,a,i){"use strict";function c(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 s=c(t),u=function(){this.label="",this.control=new r.FormControl,this.options=[],this.value=function(e){return null==e?void 0:e.value}};u.ɵfac=function(e){return new(e||u)},u.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"molecules-select-input-field",inputs:{label:"label",control:"control",options:"options"},host:{classAttribute:"molecule input-field"},ngImport:s,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]="control">\n    <mat-option *ngFor="let option of options; trackBy value;" [value]="option.value">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-cGyG:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"],directives:[{type:a.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:a.MatLabel,selector:"mat-label"},{type:l.MatSelect,selector:"mat-select",inputs:["disabled","disableRipple","tabIndex"],exportAs:["matSelect"]},{type:n.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:n.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:i.MatOption,selector:"mat-option",exportAs:["matOption"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.Component,args:[{selector:"molecules-select-input-field",templateUrl:"./select-input-field.molecule.html",styleUrls:["./select-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule input-field"}}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var m=function(){};m.ɵfac=function(e){return new(e||m)},m.ɵmod=t.ɵɵdefineNgModule({type:m}),m.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}]}],null,null),e.SelectInputFieldModule=m,e.SelectInputFieldMolecule=u,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/forms"),require("@angular/material/select"),require("@ngneat/reactive-forms"),require("@angular/material/form-field"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/molecules/select-input-field",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/select","@ngneat/reactive-forms","@angular/material/form-field","@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.molecules=e["ng-atomic"].components.molecules||{},e["ng-atomic"].components.molecules["select-input-field"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.select,e.reactiveForms,e.ng.material.formField,e.ng.material.core)}(this,(function(e,t,o,n,l,r,a,i){"use strict";function c(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 s=c(t),u=function(){this.label="",this.control=new r.FormControl,this.options=[],this.value=function(e){return null==e?void 0:e.value}};u.ɵfac=function(e){return new(e||u)},u.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"molecules-select-input-field",inputs:{label:"label",control:"control",options:"options"},host:{classAttribute:"molecule input-field"},ngImport:s,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]="control">\n    <mat-option *ngFor="let option of options; trackBy value;" [value]="option.value">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-field-JO90:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"],directives:[{type:a.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:a.MatLabel,selector:"mat-label"},{type:l.MatSelect,selector:"mat-select",inputs:["disabled","disableRipple","tabIndex"],exportAs:["matSelect"]},{type:n.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:n.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:i.MatOption,selector:"mat-option",exportAs:["matOption"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.Component,args:[{selector:"molecules-select-input-field",templateUrl:"./select-input-field.molecule.html",styleUrls:["./select-input-field.molecule.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"molecule input-field"}}]}],null,{label:[{type:t.Input}],control:[{type:t.Input}],options:[{type:t.Input}]});var m=function(){};m.ɵfac=function(e){return new(e||m)},m.ɵmod=t.ɵɵdefineNgModule({type:m}),m.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[u],imports:[o.CommonModule,n.ReactiveFormsModule,l.MatSelectModule],exports:[u]}]}],null,null),e.SelectInputFieldModule=m,e.SelectInputFieldMolecule=u,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-molecules-select-input-field.umd.min.js.map

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

@@ -34,7 +34,7 @@
         return ActionButtonsSectionOrganism;
     }());
     ActionButtonsSectionOrganism.ɵfac = function ActionButtonsSectionOrganism_Factory(t) { return new (t || ActionButtonsSectionOrganism)(); };
-    ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let item of actionItems\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-action-buttons-section-Vkrx:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-Vkrx);box-sizing:border-box}:host button{width:100%;height:48px}"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let item of actionItems\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-action-buttons-section-iPFP:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-iPFP);box-sizing:border-box}:host button{width:100%;height:48px}"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionButtonsSectionOrganism, [{
                 type: i0.Component,

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

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

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

@@ -36,7 +36,7 @@
         return BackNavigatorOrganism;
     }());
     BackNavigatorOrganism.ɵfac = function BackNavigatorOrganism_Factory(t) { return new (t || BackNavigatorOrganism)(); };
-    BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", 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    <span class=\"title-container\">\n      {{ title || '' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>", styles: [":host,:host mat-toolbar{width:100%;height:100%}:host mat-toolbar{justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items: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.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", 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    <span class=\"title-container\">\n      {{ title || '' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>", styles: [":host{--height:64px;--height-SCOPED-IN-back-navigator-dm3U:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-dm3U)}:host mat-toolbar{width:100%;height:100%;justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items: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.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
                 type: i0.Component,

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

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@angular/material/menu")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/back-navigator",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/icon","@angular/material/toolbar","@angular/material/menu"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["back-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.icon,t.ng.material.toolbar,t.ng.material.menu)}(this,(function(t,e,n,o,a,r,i){"use strict";function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var c=u(e),m=function(){this.canBack=!0,this.actionItems=[],this.backButtonClick=new e.EventEmitter,this.actionItemClick=new e.EventEmitter};m.ɵfac=function(t){return new(t||m)},m.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:m,selector:"organisms-back-navigator",inputs:{canBack:"canBack",title:"title",actionItems:"actionItems"},outputs:{backButtonClick:"backButtonClick",actionItemClick:"actionItemClick"},ngImport:c,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    <span class="title-container">\n      {{ title || \'\' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actionItems.length">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu="matMenu">\n  <button \n    *ngFor="let actionItem of actionItems"\n    mat-menu-item \n    (click)="actionItemClick.emit([actionItem])"\n  >{{ actionItem.name }}</button>\n</mat-menu>',styles:[":host,:host mat-toolbar{width:100%;height:100%}:host mat-toolbar{justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}"],directives:[{type:r.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:n.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.MatButton,selector:"button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]",inputs:["disabled","disableRipple","color"],exportAs:["matButton"]},{type:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:i.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:i.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:i.MatMenuItem,selector:"[mat-menu-item]",inputs:["disabled","disableRipple","role"],exportAs:["matMenuItem"]}],changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(m,[{type:e.Component,args:[{selector:"organisms-back-navigator",templateUrl:"./back-navigator.organism.html",styleUrls:["./back-navigator.organism.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush}]}],null,{canBack:[{type:e.Input}],title:[{type:e.Input}],actionItems:[{type:e.Input}],backButtonClick:[{type:e.Output}],actionItemClick:[{type:e.Output}]});var l=function(){};l.ɵfac=function(t){return new(t||l)},l.ɵmod=e.ɵɵdefineNgModule({type:l}),l.ɵinj=e.ɵɵdefineInjector({imports:[[n.CommonModule,o.MatButtonModule,a.MatIconModule,r.MatToolbarModule,i.MatMenuModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(l,{declarations:[m],imports:[n.CommonModule,o.MatButtonModule,a.MatIconModule,r.MatToolbarModule,i.MatMenuModule],exports:[m]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(l,[{type:e.NgModule,args:[{declarations:[m],imports:[n.CommonModule,o.MatButtonModule,a.MatIconModule,r.MatToolbarModule,i.MatMenuModule],exports:[m]}]}],null,null),t.BackNavigatorModule=l,t.BackNavigatorOrganism=m,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@angular/material/menu")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/back-navigator",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/icon","@angular/material/toolbar","@angular/material/menu"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["back-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.icon,t.ng.material.toolbar,t.ng.material.menu)}(this,(function(t,e,n,o,a,i,r){"use strict";function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var c=u(e),m=function(){this.canBack=!0,this.actionItems=[],this.backButtonClick=new e.EventEmitter,this.actionItemClick=new e.EventEmitter};m.ɵfac=function(t){return new(t||m)},m.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:m,selector:"organisms-back-navigator",inputs:{canBack:"canBack",title:"title",actionItems:"actionItems"},outputs:{backButtonClick:"backButtonClick",actionItemClick:"actionItemClick"},ngImport:c,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    <span class="title-container">\n      {{ title || \'\' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="actionItems.length">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu="matMenu">\n  <button \n    *ngFor="let actionItem of actionItems"\n    mat-menu-item \n    (click)="actionItemClick.emit([actionItem])"\n  >{{ actionItem.name }}</button>\n</mat-menu>',styles:[":host{--height:64px;--height-SCOPED-IN-back-navigator-dm3U:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-dm3U)}:host mat-toolbar{width:100%;height:100%;justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}"],directives:[{type:i.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:n.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.MatButton,selector:"button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]",inputs:["disabled","disableRipple","color"],exportAs:["matButton"]},{type:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:r.MatMenuTrigger,selector:"[mat-menu-trigger-for], [matMenuTriggerFor]",inputs:["matMenuTriggerRestoreFocus","mat-menu-trigger-for","matMenuTriggerFor","matMenuTriggerData"],outputs:["menuOpened","onMenuOpen","menuClosed","onMenuClose"],exportAs:["matMenuTrigger"]},{type:r.MatMenu,selector:"mat-menu",exportAs:["matMenu"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:r.MatMenuItem,selector:"[mat-menu-item]",inputs:["disabled","disableRipple","role"],exportAs:["matMenuItem"]}],changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(m,[{type:e.Component,args:[{selector:"organisms-back-navigator",templateUrl:"./back-navigator.organism.html",styleUrls:["./back-navigator.organism.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush}]}],null,{canBack:[{type:e.Input}],title:[{type:e.Input}],actionItems:[{type:e.Input}],backButtonClick:[{type:e.Output}],actionItemClick:[{type:e.Output}]});var l=function(){};l.ɵfac=function(t){return new(t||l)},l.ɵmod=e.ɵɵdefineNgModule({type:l}),l.ɵinj=e.ɵɵdefineInjector({imports:[[n.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,r.MatMenuModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(l,{declarations:[m],imports:[n.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,r.MatMenuModule],exports:[m]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(l,[{type:e.NgModule,args:[{declarations:[m],imports:[n.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,r.MatMenuModule],exports:[m]}]}],null,null),t.BackNavigatorModule=l,t.BackNavigatorOrganism=m,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-back-navigator.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../libs/components/organisms/back-navigator/back-navigator.organism.ts","../../../../libs/components/organisms/back-navigator/back-navigator.organism.html","../../../../libs/components/organisms/back-navigator/back-navigator.module.ts"],"names":["this","canBack","actionItems","backButtonClick","EventEmitter","actionItemClick","BackNavigatorOrganism","selector","inputs","title","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","MatToolbar","exportAs","i2","NgIf","i3","MatButton","i4","MatIcon","i5","MatMenuTrigger","MatMenu","NgForOf","MatMenuItem","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","BackNavigatorModule","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","MatMenuModule","declarations","imports","exports","NgModule"],"mappings":"+tCAGA,WASEA,KAAAC,SAAU,EAMVD,KAAAE,YAA4B,GAG5BF,KAAAG,gBAAkB,IAAIC,EAAAA,aAGtBJ,KAAAK,gBAAkB,IAAID,EAAAA,+CAfXE,0DAAAA,EAAqBC,SAAA,2BAAAC,OAAA,CAAAP,QAAA,UAAAQ,MAAA,QAAAP,YAAA,eAAAQ,QAAA,CAAAP,gBAAA,kBAAAE,gBAAA,mBAAAM,SAAAC,EAAAC,SCTlC,ynBAuBWC,OAAA,CAAA,+JAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,WAAAX,SAAA,cAAAC,OAAA,CAAA,SAAAW,SAAA,CAAA,eAAA,CAAAH,KAAAI,EAAAC,KAAAd,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAQ,KAAAM,EAAAC,UAAAhB,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAW,SAAA,CAAA,cAAA,CAAAH,KAAAQ,EAAAC,QAAAlB,SAAA,WAAAC,OAAA,CAAA,QAAA,SAAA,UAAA,UAAA,YAAAW,SAAA,CAAA,YAAA,CAAAH,KAAAU,EAAAC,eAAApB,SAAA,8CAAAC,OAAA,CAAA,6BAAA,uBAAA,oBAAA,sBAAAE,QAAA,CAAA,aAAA,aAAA,aAAA,eAAAS,SAAA,CAAA,mBAAA,CAAAH,KAAAU,EAAAE,QAAArB,SAAA,WAAAY,SAAA,CAAA,YAAA,CAAAH,KAAAI,EAAAS,QAAAtB,SAAA,mBAAAC,OAAA,CAAA,UAAA,eAAA,kBAAA,CAAAQ,KAAAU,EAAAI,YAAAvB,SAAA,kBAAAC,OAAA,CAAA,WAAA,gBAAA,QAAAW,SAAA,CAAA,iBAAAY,gBAAAC,EAAAC,wBAAAC,yEDdE5B,EAAqB,CAAA,MANjC6B,EAAAA,gBAAU,CACT5B,SAAU,2BACV6B,YAAa,iCACbC,UAAW,CAAC,kCACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzCjC,QAAO,CAAA,MADNqC,EAAAA,QAID7B,MAAK,CAAA,MADJ6B,EAAAA,QAIDpC,YAAW,CAAA,MADVoC,EAAAA,QAIDnC,gBAAe,CAAA,MADdoC,EAAAA,SAIDlC,gBAAe,CAAA,MADdkC,EAAAA,iBEEH,8CAAaC,oCAAAA,wCAZF,CACPC,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,mFAMSL,EAAmB,CAAAM,aAAA,CAd5BxC,GAAqByC,QAAA,CAGrBN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,eAAaG,QAAA,CAGb1C,qEAGSkC,EAAmB,CAAA,MAhB/BS,EAAAA,eAAS,CACRH,aAAc,CACZxC,GAEFyC,QAAS,CACPN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,eAEFG,QAAS,CACP1C","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-back-navigator',\n  templateUrl: './back-navigator.organism.html',\n  styleUrls: ['./back-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BackNavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  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    <span class=\"title-container\">\n      {{ title || '' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>","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 { MatMenuModule } from '@angular/material/menu';\n\nimport { BackNavigatorOrganism } from './back-navigator.organism';\n\n@NgModule({\n  declarations: [\n    BackNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    MatMenuModule,\n  ],\n  exports: [\n    BackNavigatorOrganism\n  ]\n})\nexport class BackNavigatorModule { }\n"]}
+{"version":3,"sources":["../../../../libs/components/organisms/back-navigator/back-navigator.organism.ts","../../../../libs/components/organisms/back-navigator/back-navigator.organism.html","../../../../libs/components/organisms/back-navigator/back-navigator.module.ts"],"names":["this","canBack","actionItems","backButtonClick","EventEmitter","actionItemClick","BackNavigatorOrganism","selector","inputs","title","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","MatToolbar","exportAs","i2","NgIf","i3","MatButton","i4","MatIcon","i5","MatMenuTrigger","MatMenu","NgForOf","MatMenuItem","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","BackNavigatorModule","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","MatMenuModule","declarations","imports","exports","NgModule"],"mappings":"+tCAGA,WASEA,KAAAC,SAAU,EAMVD,KAAAE,YAA4B,GAG5BF,KAAAG,gBAAkB,IAAIC,EAAAA,aAGtBJ,KAAAK,gBAAkB,IAAID,EAAAA,+CAfXE,0DAAAA,EAAqBC,SAAA,2BAAAC,OAAA,CAAAP,QAAA,UAAAQ,MAAA,QAAAP,YAAA,eAAAQ,QAAA,CAAAP,gBAAA,kBAAAE,gBAAA,mBAAAM,SAAAC,EAAAC,SCTlC,ynBAuBWC,OAAA,CAAA,4RAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,WAAAX,SAAA,cAAAC,OAAA,CAAA,SAAAW,SAAA,CAAA,eAAA,CAAAH,KAAAI,EAAAC,KAAAd,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAQ,KAAAM,EAAAC,UAAAhB,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAW,SAAA,CAAA,cAAA,CAAAH,KAAAQ,EAAAC,QAAAlB,SAAA,WAAAC,OAAA,CAAA,QAAA,SAAA,UAAA,UAAA,YAAAW,SAAA,CAAA,YAAA,CAAAH,KAAAU,EAAAC,eAAApB,SAAA,8CAAAC,OAAA,CAAA,6BAAA,uBAAA,oBAAA,sBAAAE,QAAA,CAAA,aAAA,aAAA,aAAA,eAAAS,SAAA,CAAA,mBAAA,CAAAH,KAAAU,EAAAE,QAAArB,SAAA,WAAAY,SAAA,CAAA,YAAA,CAAAH,KAAAI,EAAAS,QAAAtB,SAAA,mBAAAC,OAAA,CAAA,UAAA,eAAA,kBAAA,CAAAQ,KAAAU,EAAAI,YAAAvB,SAAA,kBAAAC,OAAA,CAAA,WAAA,gBAAA,QAAAW,SAAA,CAAA,iBAAAY,gBAAAC,EAAAC,wBAAAC,yEDdE5B,EAAqB,CAAA,MANjC6B,EAAAA,gBAAU,CACT5B,SAAU,2BACV6B,YAAa,iCACbC,UAAW,CAAC,kCACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzCjC,QAAO,CAAA,MADNqC,EAAAA,QAID7B,MAAK,CAAA,MADJ6B,EAAAA,QAIDpC,YAAW,CAAA,MADVoC,EAAAA,QAIDnC,gBAAe,CAAA,MADdoC,EAAAA,SAIDlC,gBAAe,CAAA,MADdkC,EAAAA,iBEEH,8CAAaC,oCAAAA,wCAZF,CACPC,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,mFAMSL,EAAmB,CAAAM,aAAA,CAd5BxC,GAAqByC,QAAA,CAGrBN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,eAAaG,QAAA,CAGb1C,qEAGSkC,EAAmB,CAAA,MAhB/BS,EAAAA,eAAS,CACRH,aAAc,CACZxC,GAEFyC,QAAS,CACPN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBACAC,EAAAA,eAEFG,QAAS,CACP1C","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-back-navigator',\n  templateUrl: './back-navigator.organism.html',\n  styleUrls: ['./back-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BackNavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  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    <span class=\"title-container\">\n      {{ title || '' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>","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 { MatMenuModule } from '@angular/material/menu';\n\nimport { BackNavigatorOrganism } from './back-navigator.organism';\n\n@NgModule({\n  declarations: [\n    BackNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    MatMenuModule,\n  ],\n  exports: [\n    BackNavigatorOrganism\n  ]\n})\nexport class BackNavigatorModule { }\n"]}

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

@@ -356,7 +356,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" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-KW8W:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-KW8W);box-sizing:border-box}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+    DateInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-Josv:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Josv);box-sizing:border-box}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputSectionOrganism, [{
                 type: i0.Component,

package/bundles/ng-atomic-components-organisms-date-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 m(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var a,r,n=o.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(a=n.next()).done;)i.push(a.value)}catch(e){r={error:e}}finally{try{a&&!a.done&&(o=n.return)&&o.call(n)}finally{if(r)throw r.error}}return i}function s(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(m(arguments[t]));return e}Object.create;var d=function(){function e(){this.control=new l.FormControl,this.label="",this.placeholder=""}return e.prototype.ngOnInit=function(){this.control.valueChanges.subscribe(console.debug)},e}();d.ɵfac=function(e){return new(e||d)},d.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:d,selector:"organisms-date-input-section",inputs:{control:"control",label:"label",placeholder:"placeholder"},ngImport:u,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]="control" [placeholder]="placeholder" [matDatepicker]="picker">\n  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-KW8W:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-KW8W);box-sizing:border-box}:host,:host mat-form-field{width:100%}"],directives:[{type:c.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:c.MatLabel,selector:"mat-label"},{type:r.MatInput,selector:"input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",inputs:["id","disabled","required","type","value","readonly","placeholder","errorStateMatcher","aria-describedby"],exportAs:["matInput"]},{type:a.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:n.MatDatepickerInput,selector:"input[matDatepicker]",inputs:["matDatepicker","min","max","matDatepickerFilter"],exportAs:["matDatepickerInput"]},{type:a.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:a.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:n.MatDatepickerToggle,selector:"mat-datepicker-toggle",inputs:["tabIndex","disabled","for","aria-label","disableRipple"],exportAs:["matDatepickerToggle"]},{type:c.MatSuffix,selector:"[matSuffix]"},{type:n.MatDatepicker,selector:"mat-datepicker",exportAs:["matDatepicker"]},{type:c.MatHint,selector:"mat-hint",inputs:["align","id"]}]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.Component,args:[{selector:"organisms-date-input-section",templateUrl:"./date-input-section.organism.html",styleUrls:["./date-input-section.organism.scss"]}]}],null,{control:[{type:t.Input}],label:[{type:t.Input}],placeholder:[{type:t.Input}]});var f=function(){};f.ɵfac=function(e){return new(e||f)},f.ɵmod=t.ɵɵdefineNgModule({type:f}),f.ɵinj=t.ɵɵdefineInjector({providers:s(i.MAT_DAYJS_JP_PROVIDERS),imports:[[o.CommonModule,a.ReactiveFormsModule,r.MatInputModule,n.MatDatepickerModule,i.MatDayjsDateModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(f,{declarations:[d],imports:[o.CommonModule,a.ReactiveFormsModule,r.MatInputModule,n.MatDatepickerModule,i.MatDayjsDateModule],exports:[d]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(f,[{type:t.NgModule,args:[{declarations:[d],imports:[o.CommonModule,a.ReactiveFormsModule,r.MatInputModule,n.MatDatepickerModule,i.MatDayjsDateModule],exports:[d],providers:s(i.MAT_DAYJS_JP_PROVIDERS)}]}],null,null),e.DateInputSectionModule=f,e.DateInputSectionOrganism=d,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */Object.create;function s(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var a,r,n=o.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(a=n.next()).done;)i.push(a.value)}catch(e){r={error:e}}finally{try{a&&!a.done&&(o=n.return)&&o.call(n)}finally{if(r)throw r.error}}return i}function m(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(s(arguments[t]));return e}Object.create;var d=function(){function e(){this.control=new l.FormControl,this.label="",this.placeholder=""}return e.prototype.ngOnInit=function(){this.control.valueChanges.subscribe(console.debug)},e}();d.ɵfac=function(e){return new(e||d)},d.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:d,selector:"organisms-date-input-section",inputs:{control:"control",label:"label",placeholder:"placeholder"},ngImport:u,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]="control" [placeholder]="placeholder" [matDatepicker]="picker">\n  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-Josv:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Josv);box-sizing:border-box}:host,:host mat-form-field{width:100%}"],directives:[{type:c.MatFormField,selector:"mat-form-field",inputs:["color","floatLabel","appearance","hideRequiredMarker","hintLabel"],exportAs:["matFormField"]},{type:c.MatLabel,selector:"mat-label"},{type:r.MatInput,selector:"input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",inputs:["id","disabled","required","type","value","readonly","placeholder","errorStateMatcher","aria-describedby"],exportAs:["matInput"]},{type:a.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:n.MatDatepickerInput,selector:"input[matDatepicker]",inputs:["matDatepicker","min","max","matDatepickerFilter"],exportAs:["matDatepickerInput"]},{type:a.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:a.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:n.MatDatepickerToggle,selector:"mat-datepicker-toggle",inputs:["tabIndex","disabled","for","aria-label","disableRipple"],exportAs:["matDatepickerToggle"]},{type:c.MatSuffix,selector:"[matSuffix]"},{type:n.MatDatepicker,selector:"mat-datepicker",exportAs:["matDatepicker"]},{type:c.MatHint,selector:"mat-hint",inputs:["align","id"]}]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(d,[{type:t.Component,args:[{selector:"organisms-date-input-section",templateUrl:"./date-input-section.organism.html",styleUrls:["./date-input-section.organism.scss"]}]}],null,{control:[{type:t.Input}],label:[{type:t.Input}],placeholder:[{type:t.Input}]});var f=function(){};f.ɵfac=function(e){return new(e||f)},f.ɵmod=t.ɵɵdefineNgModule({type:f}),f.ɵinj=t.ɵɵdefineInjector({providers:m(i.MAT_DAYJS_JP_PROVIDERS),imports:[[o.CommonModule,a.ReactiveFormsModule,r.MatInputModule,n.MatDatepickerModule,i.MatDayjsDateModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(f,{declarations:[d],imports:[o.CommonModule,a.ReactiveFormsModule,r.MatInputModule,n.MatDatepickerModule,i.MatDayjsDateModule],exports:[d]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(f,[{type:t.NgModule,args:[{declarations:[d],imports:[o.CommonModule,a.ReactiveFormsModule,r.MatInputModule,n.MatDatepickerModule,i.MatDayjsDateModule],exports:[d],providers:m(i.MAT_DAYJS_JP_PROVIDERS)}]}],null,null),e.DateInputSectionModule=f,e.DateInputSectionOrganism=d,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

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/heading', ['exports', '@angular/core', '@angular/common'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.organisms = global['ng-atomic'].components.organisms || {}, global['ng-atomic'].components.organisms.heading = {}), global.ng.core, global.ng.common));
-}(this, (function (exports, i0, common) { 'use strict';
+}(this, (function (exports, i0, i1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -28,11 +28,12 @@
 
     var HeadingOrganism = /** @class */ (function () {
         function HeadingOrganism() {
+            this.level = 1;
         }
         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", ngImport: i0__namespace, template: "<h1><ng-content></ng-content></h1>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-7oUW:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-7oUW)}"], 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-XoEb:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-XoEb)}"], 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,
@@ -42,7 +43,9 @@
                         styleUrls: ['./heading.organism.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], null, null);
+            }], null, { level: [{
+                    type: i0.Input
+                }] });
     })();
 
     var HeadingModule = /** @class */ (function () {
@@ -53,9 +56,9 @@
     HeadingModule.ɵfac = function HeadingModule_Factory(t) { return new (t || HeadingModule)(); };
     HeadingModule.ɵmod = i0.ɵɵdefineNgModule({ type: HeadingModule });
     HeadingModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
-                common.CommonModule
+                i1.CommonModule
             ]] });
-    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(HeadingModule, { declarations: [HeadingOrganism], imports: [common.CommonModule], exports: [HeadingOrganism] }); })();
+    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(HeadingModule, { declarations: [HeadingOrganism], imports: [i1.CommonModule], exports: [HeadingOrganism] }); })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingModule, [{
                 type: i0.NgModule,
@@ -64,7 +67,7 @@
                             HeadingOrganism
                         ],
                         imports: [
-                            common.CommonModule
+                            i1.CommonModule
                         ],
                         exports: [
                             HeadingOrganism

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-heading.umd.js","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {}\n","<h1><ng-content></ng-content></h1>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","CommonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAQA;;;;kFAAa,eAAe;+EAAf,eAAe,oECR5B,oCAAkC;;gFDQrB,eAAe;sBAN3BA,YAAS;uBAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,WAAW,EAAE,yBAAyB;wBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;wBACtC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;;;;;QEUD;;;;8EAAa,aAAa;qDAAb,aAAa;yDAPf;gBACPC,mBAAY;aACb;4FAKU,aAAa,mBATtB,eAAe,aAGfA,mBAAY,aAGZ,eAAe;;gFAGN,aAAa;sBAXzBC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,eAAe;yBAChB;wBACD,OAAO,EAAE;4BACPD,mBAAY;yBACb;wBACD,OAAO,EAAE;4BACP,eAAe;yBAChB;qBACF;;;;IChBD;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-heading.umd.js","sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts","../../../../libs/components/organisms/heading/ng-atomic-components-organisms-heading.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n  @Input()\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ChangeDetectionStrategy","Input","CommonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAEA;YAQE,UAAK,GAA0B,CAAC,CAAC;SAClC;;;kFAHY,eAAe;+EAAf,eAAe,gGCR5B,6oBASe;;gFDDF,eAAe;sBAN3BA,YAAS;uBAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,WAAW,EAAE,yBAAyB;wBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;wBACtC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAGC,KAAK;0BADJC,QAAK;;;;;QEQR;;;;8EAAa,aAAa;qDAAb,aAAa;yDAPf;gBACPC,eAAY;aACb;4FAKU,aAAa,mBATtB,eAAe,aAGfA,eAAY,aAGZ,eAAe;;gFAGN,aAAa;sBAXzBC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,eAAe;yBAChB;wBACD,OAAO,EAAE;4BACPD,eAAY;yBACb;wBACD,OAAO,EAAE;4BACP,eAAe;yBAChB;qBACF;;;;IChBD;;;;;;;;;;;;;"}

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,o){"use strict";function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}})),n.default=e,Object.freeze(n)}var a=t(n),i=function(){};i.ɵfac=function(e){return new(e||i)},i.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:i,selector:"organisms-heading",ngImport:a,template:"<h1><ng-content></ng-content></h1>",styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-heading-7oUW:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-7oUW)}"],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,null);var r=function(){};r.ɵfac=function(e){return new(e||r)},r.ɵmod=n.ɵɵdefineNgModule({type:r}),r.ɵinj=n.ɵɵdefineInjector({imports:[[o.CommonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(r,{declarations:[i],imports:[o.CommonModule],exports:[i]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(r,[{type:n.NgModule,args:[{declarations:[i],imports:[o.CommonModule],exports:[i]}]}],null,null),e.HeadingModule=r,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-XoEb:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-XoEb)}"],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-heading.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts"],"names":["HeadingOrganism","selector","ngImport","i0__namespace","template","styles","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","HeadingModule","CommonModule","declarations","imports","exports","NgModule"],"mappings":"+3BAQA,8CAAaA,0DAAAA,EAAeC,SAAA,oBAAAC,SAAAC,EAAAC,SCR5B,qCAAkCC,OAAA,CAAA,oNAAAC,gBAAAC,EAAAC,wBAAAC,yEDQrBT,EAAe,CAAA,MAN3BU,EAAAA,gBAAU,CACTT,SAAU,oBACVU,YAAa,0BACbC,UAAW,CAAC,2BACZN,gBAAiBE,EAAAA,wBAAwBC,4BEW3C,8CAAaI,oCAAAA,wCAPF,CACPC,EAAAA,kFAMSD,EAAa,CAAAE,aAAA,CATtBf,GAAegB,QAAA,CAGfF,EAAAA,cAAYG,QAAA,CAGZjB,qEAGSa,EAAa,CAAA,MAXzBK,EAAAA,eAAS,CACRH,aAAc,CACZf,GAEFgB,QAAS,CACPF,EAAAA,cAEFG,QAAS,CACPjB","sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {}\n","<h1><ng-content></ng-content></h1>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n"]}
+{"version":3,"sources":["../../../../libs/components/organisms/heading/heading.organism.ts","../../../../libs/components/organisms/heading/heading.organism.html","../../../../libs/components/organisms/heading/heading.module.ts"],"names":["this","level","HeadingOrganism","selector","inputs","ngImport","i0__namespace","template","styles","directives","type","i1","NgSwitch","NgSwitchDefault","NgTemplateOutlet","NgSwitchCase","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","HeadingModule","CommonModule","declarations","imports","exports","NgModule"],"mappings":"+3BAEA,WAQEA,KAAAC,MAA+B,oCAFpBC,0DAAAA,EAAeC,SAAA,oBAAAC,OAAA,CAAAH,MAAA,SAAAI,SAAAC,EAAAC,SCR5B,snBASeC,OAAA,CAAA,oNAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,SAAAT,SAAA,aAAAC,OAAA,CAAA,aAAA,CAAAM,KAAAC,EAAAE,gBAAAV,SAAA,qBAAA,CAAAO,KAAAC,EAAAG,iBAAAX,SAAA,qBAAAC,OAAA,CAAA,0BAAA,qBAAA,CAAAM,KAAAC,EAAAI,aAAAZ,SAAA,iBAAAC,OAAA,CAAA,kBAAAY,gBAAAC,EAAAC,wBAAAC,yEDDFjB,EAAe,CAAA,MAN3BkB,EAAAA,gBAAU,CACTjB,SAAU,oBACVkB,YAAa,0BACbC,UAAW,CAAC,2BACZN,gBAAiBE,EAAAA,wBAAwBC,iBAIzClB,MAAK,CAAA,MADJsB,EAAAA,gBEQH,8CAAaC,oCAAAA,wCAPF,CACPC,EAAAA,kFAMSD,EAAa,CAAAE,aAAA,CATtBxB,GAAeyB,QAAA,CAGfF,EAAAA,cAAYG,QAAA,CAGZ1B,qEAGSsB,EAAa,CAAA,MAXzBK,EAAAA,eAAS,CACRH,aAAc,CACZxB,GAEFyB,QAAS,CACPF,EAAAA,cAEFG,QAAS,CACP1B","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'organisms-heading',\n  templateUrl: './heading.organism.html',\n  styleUrls: ['./heading.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeadingOrganism {\n  @Input()\n  level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeadingOrganism } from './heading.organism';\n\n\n\n@NgModule({\n  declarations: [\n    HeadingOrganism\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    HeadingOrganism\n  ]\n})\nexport class HeadingModule { }\n"]}

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

@@ -35,7 +35,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", control: "control" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-qZDH:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-qZDH);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    InputFieldSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: InputFieldSectionOrganism, selector: "organisms-input-field-section", inputs: { label: "label", placeholder: "placeholder", control: "control" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\">\n  <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-0OyS:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-0OyS);box-sizing:border-box}:host,:host .molecule.input-field,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputFieldSectionOrganism, [{
                 type: i0.Component,