@ng-atomic/components 1.2.1 → 1.5.0

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

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

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

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

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

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

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

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

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

@@ -30,11 +30,12 @@
         function ActionButtonsSectionOrganism() {
             this.actionItems = [];
             this.actionItemClick = new i0.EventEmitter();
+            this.trackById = function (item) { return item.id; };
         }
         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-wi9l:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-wi9l);box-sizing:border-box}:host button{width:100%;height:48px}"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ActionButtonsSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: ActionButtonsSectionOrganism, selector: "organisms-action-buttons-section", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, host: { classAttribute: "organism section" }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-action-buttons-section-NIis:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-NIis);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.js.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.umd.js","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n}\n","<ng-container *ngFor=\"let item of actionItems\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatButtonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAgB,CAAC;SACpD;;;4GANY,4BAA4B;4FAA5B,4BAA4B,0NCVzC,sLAEe;;gFDQF,4BAA4B;sBAPxCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,kCAAkC;wBAC5C,WAAW,EAAE,wCAAwC;wBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;wBACrD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;qBAClC;wBAGC,WAAW;0BADVC,QAAK;oBAIN,eAAe;0BADdC,SAAM;;;;;QEKT;;;;wGAAa,0BAA0B;kEAA1B,0BAA0B;sEAT5B;gBACPC,eAAY;;gBAEZC,kBAAe;aAChB;;iFAKU,0BAA0B,mBAXnC,4BAA4B,aAG5BD,eAAY;;gBAEZC,kBAAe,aAGf,4BAA4B;;;gFAGnB,0BAA0B;sBAbtCC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,4BAA4B;yBAC7B;wBACD,OAAO,EAAE;4BACPF,eAAY;;4BAEZC,kBAAe;yBAChB;wBACD,OAAO,EAAE;4BACP,4BAA4B;yBAC7B;qBACF;;;;IClBD;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-action-buttons-section.umd.js","sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts","../../../../libs/components/organisms/action-buttons-section/ng-atomic-components-organisms-action-buttons-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatButtonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAgB,CAAC;YAEnD,cAAS,GAAG,UAAC,IAAgB,IAAK,OAAA,IAAI,CAAC,EAAE,GAAA,CAAC;SAC3C;;;4GARY,4BAA4B;4FAA5B,4BAA4B,0NCVzC,0MAEe;;gFDQF,4BAA4B;sBAPxCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,kCAAkC;wBAC5C,WAAW,EAAE,wCAAwC;wBACrD,SAAS,EAAE,CAAC,wCAAwC,CAAC;wBACrD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;qBAClC;wBAGC,WAAW;0BADVC,QAAK;oBAIN,eAAe;0BADdC,SAAM;;;;;QEKT;;;;wGAAa,0BAA0B;kEAA1B,0BAA0B;sEAT5B;gBACPC,eAAY;;gBAEZC,kBAAe;aAChB;;iFAKU,0BAA0B,mBAXnC,4BAA4B,aAG5BD,eAAY;;gBAEZC,kBAAe,aAGf,4BAA4B;;;gFAGnB,0BAA0B;sBAbtCC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,4BAA4B;yBAC7B;wBACD,OAAO,EAAE;4BACPF,eAAY;;4BAEZC,kBAAe;yBAChB;wBACD,OAAO,EAAE;4BACP,4BAA4B;yBAC7B;qBACF;;;;IClBD;;;;;;;;;;;;;"}

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-wi9l:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-wi9l);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,this.trackById=function(t){return t.id}};s.ɵfac=function(t){return new(t||s)},s.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-action-buttons-section",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},host:{classAttribute:"organism section"},ngImport:a,template:'<ng-container *ngFor="let item of actionItems; trackBy: trackById">\n  <button mat-raised-button color="primary" (click)="actionItemClick.emit([item])">{{ item?.name }}</button>\n</ng-container>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-action-buttons-section-NIis:var(--horizontal-padding);display:flex;flex-direction:row;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-action-buttons-section-NIis);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-action-buttons-section.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts"],"names":["this","actionItems","actionItemClick","EventEmitter","ActionButtonsSectionOrganism","selector","inputs","outputs","host","classAttribute","ngImport","i0__namespace","template","styles","directives","type","i1","NgForOf","i2","MatButton","exportAs","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","Output","ActionButtonsSectionModule","CommonModule","MatButtonModule","declarations","imports","exports","NgModule"],"mappings":"s/BAGA,WASEA,KAAAC,YAA4B,GAG5BD,KAAAE,gBAAkB,IAAIC,EAAAA,+CALXC,0DAAAA,EAA4BC,SAAA,mCAAAC,OAAA,CAAAL,YAAA,eAAAM,QAAA,CAAAL,gBAAA,mBAAAM,KAAA,CAAAC,eAAA,oBAAAC,SAAAC,EAAAC,SCVzC,iLAEeC,OAAA,CAAA,gTAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,QAAAZ,SAAA,mBAAAC,OAAA,CAAA,UAAA,eAAA,kBAAA,CAAAS,KAAAG,EAAAC,UAAAd,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAc,SAAA,CAAA,eAAAC,gBAAAC,EAAAC,wBAAAC,yEDQFpB,EAA4B,CAAA,MAPxCqB,EAAAA,gBAAU,CACTpB,SAAU,mCACVqB,YAAa,yCACbC,UAAW,CAAC,0CACZN,gBAAiBE,EAAAA,wBAAwBC,OACzChB,KAAM,CAACoB,MAAO,8BAId3B,YAAW,CAAA,MADV4B,EAAAA,QAID3B,gBAAe,CAAA,MADd4B,EAAAA,iBEKH,8CAAaC,oCAAAA,wCATF,CACPC,EAAAA,aAEAC,EAAAA,qFAMSF,EAA0B,CAAAG,aAAA,CAXnC9B,GAA4B+B,QAAA,CAG5BH,EAAAA,aAEAC,EAAAA,iBAAeG,QAAA,CAGfhC,qEAGS2B,EAA0B,CAAA,MAbtCM,EAAAA,eAAS,CACRH,aAAc,CACZ9B,GAEF+B,QAAS,CACPH,EAAAA,aAEAC,EAAAA,iBAEFG,QAAS,CACPhC","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n}\n","<ng-container *ngFor=\"let item of actionItems\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n"]}
+{"version":3,"sources":["../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.ts","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.organism.html","../../../../libs/components/organisms/action-buttons-section/action-buttons-section.module.ts"],"names":["this","actionItems","actionItemClick","EventEmitter","trackById","item","id","ActionButtonsSectionOrganism","selector","inputs","outputs","host","classAttribute","ngImport","i0__namespace","template","styles","directives","type","i1","NgForOf","i2","MatButton","exportAs","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","Output","ActionButtonsSectionModule","CommonModule","MatButtonModule","declarations","imports","exports","NgModule"],"mappings":"s/BAGA,WASEA,KAAAC,YAA4B,GAG5BD,KAAAE,gBAAkB,IAAIC,EAAAA,aAEtBH,KAAAI,UAAY,SAACC,GAAqB,OAAAA,EAAKC,sCAP5BC,0DAAAA,EAA4BC,SAAA,mCAAAC,OAAA,CAAAR,YAAA,eAAAS,QAAA,CAAAR,gBAAA,mBAAAS,KAAA,CAAAC,eAAA,oBAAAC,SAAAC,EAAAC,SCVzC,qMAEeC,OAAA,CAAA,gTAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,QAAAZ,SAAA,mBAAAC,OAAA,CAAA,UAAA,eAAA,kBAAA,CAAAS,KAAAG,EAAAC,UAAAd,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAc,SAAA,CAAA,eAAAC,gBAAAC,EAAAC,wBAAAC,yEDQFpB,EAA4B,CAAA,MAPxCqB,EAAAA,gBAAU,CACTpB,SAAU,mCACVqB,YAAa,yCACbC,UAAW,CAAC,0CACZN,gBAAiBE,EAAAA,wBAAwBC,OACzChB,KAAM,CAACoB,MAAO,8BAId9B,YAAW,CAAA,MADV+B,EAAAA,QAID9B,gBAAe,CAAA,MADd+B,EAAAA,iBEKH,8CAAaC,oCAAAA,wCATF,CACPC,EAAAA,aAEAC,EAAAA,qFAMSF,EAA0B,CAAAG,aAAA,CAXnC9B,GAA4B+B,QAAA,CAG5BH,EAAAA,aAEAC,EAAAA,iBAAeG,QAAA,CAGfhC,qEAGS2B,EAA0B,CAAA,MAbtCM,EAAAA,eAAS,CACRH,aAAc,CACZ9B,GAEF+B,QAAS,CACPH,EAAAA,aAEAC,EAAAA,iBAEFG,QAAS,CACPhC","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-action-buttons-section',\n  templateUrl: './action-buttons-section.organism.html',\n  styleUrls: ['./action-buttons-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'},\n})\nexport class ActionButtonsSectionOrganism {\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n  trackById = (item: ActionItem) => item.id;\n}\n","<ng-container *ngFor=\"let item of actionItems; trackBy: trackById\">\n  <button mat-raised-button color=\"primary\" (click)=\"actionItemClick.emit([item])\">{{ item?.name }}</button>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ActionButtonsSectionOrganism } from './action-buttons-section.organism';\n\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [\n    ActionButtonsSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatButtonModule,\n  ],\n  exports: [\n    ActionButtonsSectionOrganism\n  ]\n})\nexport class ActionButtonsSectionModule { }\n"]}

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

@@ -1,7 +1,7 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/toolbar'), require('@angular/material/menu')) :
-    typeof define === 'function' && 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'], 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['back-navigator'] = {}), global.ng.core, global.ng.common, global.ng.material.button, global.ng.material.icon, global.ng.material.toolbar, global.ng.material.menu));
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/toolbar'), require('@ng-atomic/components/atoms/smart-menu-button')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/back-navigator', ['exports', '@angular/core', '@angular/common', '@angular/material/button', '@angular/material/icon', '@angular/material/toolbar', '@ng-atomic/components/atoms/smart-menu-button'], 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['back-navigator'] = {}), global.ng.core, global.ng.common, global.ng.material.button, global.ng.material.icon, global.ng.material.toolbar, global['ng-atomic'].components.atoms['smart-menu-button']));
 }(this, (function (exports, i0, i2, i3, i4, i1, i5) { 'use strict';
 
     function _interopNamespace(e) {
@@ -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{--height:64px;--height-SCOPED-IN-back-navigator-2ELz:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-2ELz)}: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 });
+    BackNavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: BackNavigatorOrganism, selector: "organisms-back-navigator", inputs: { canBack: "canBack", title: "title", description: "description", actionItems: "actionItems" }, outputs: { backButtonClick: "backButtonClick", actionItemClick: "actionItemClick" }, ngImport: i0__namespace, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height:64px;--height-SCOPED-IN-back-navigator-w53A:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-w53A)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{width:100%;height:100%;justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}:host div{justify-content:center}"], directives: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorOrganism, [{
                 type: i0.Component,
@@ -50,6 +50,8 @@
                     type: i0.Input
                 }], title: [{
                     type: i0.Input
+                }], description: [{
+                    type: i0.Input
                 }], actionItems: [{
                     type: i0.Input
                 }], backButtonClick: [{
@@ -72,7 +74,8 @@
                 i3.MatButtonModule,
                 i4.MatIconModule,
                 i1.MatToolbarModule,
-                i5.MatMenuModule,
+                // Atoms
+                i5.SmartMenuButtonModule,
             ]] });
     (function () {
         (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(BackNavigatorModule, { declarations: [BackNavigatorOrganism], imports: [i2.CommonModule,
@@ -80,7 +83,8 @@
                 i3.MatButtonModule,
                 i4.MatIconModule,
                 i1.MatToolbarModule,
-                i5.MatMenuModule], exports: [BackNavigatorOrganism] });
+                // Atoms
+                i5.SmartMenuButtonModule], exports: [BackNavigatorOrganism] });
     })();
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackNavigatorModule, [{
@@ -95,7 +99,8 @@
                             i3.MatButtonModule,
                             i4.MatIconModule,
                             i1.MatToolbarModule,
-                            i5.MatMenuModule,
+                            // Atoms
+                            i5.SmartMenuButtonModule,
                         ],
                         exports: [
                             BackNavigatorOrganism

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-organisms-back-navigator.umd.js","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","../../../../libs/components/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","MatMenuModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,YAAO,GAAG,IAAI,CAAC;YAMf,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAQ,CAAC;YAG3C,oBAAe,GAAG,IAAIA,eAAY,EAAmB,CAAC;SAEvD;;;8FAjBY,qBAAqB;qFAArB,qBAAqB,4OCTlC,woBAuBW;;gFDdE,qBAAqB;sBANjCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,0BAA0B;wBACpC,WAAW,EAAE,gCAAgC;wBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;wBAC7C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,OAAO;0BADNC,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,eAAe;0BADdC,SAAM;oBAIP,eAAe;0BADdA,SAAM;;;;;QEET;;;;0FAAa,mBAAmB;2DAAnB,mBAAmB;+DAZrB;gBACPC,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,mBAAgB;gBAChBC,gBAAa;aACd;;iFAKU,mBAAmB,mBAd5B,qBAAqB,aAGrBJ,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,mBAAgB;gBAChBC,gBAAa,aAGb,qBAAqB;;;gFAGZ,mBAAmB;sBAhB/BC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,qBAAqB;yBACtB;wBACD,OAAO,EAAE;4BACPL,eAAY;;4BAEZC,kBAAe;4BACfC,gBAAa;4BACbC,mBAAgB;4BAChBC,gBAAa;yBACd;wBACD,OAAO,EAAE;4BACP,qBAAqB;yBACtB;qBACF;;;;ICxBD;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-atomic-components-organisms-back-navigator.umd.js","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","../../../../libs/components/organisms/back-navigator/ng-atomic-components-organisms-back-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-back-navigator',\n  templateUrl: './back-navigator.organism.html',\n  styleUrls: ['./back-navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BackNavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  description?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  backButtonClick = new EventEmitter<void>();\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { BackNavigatorOrganism } from './back-navigator.organism';\n\n@NgModule({\n  declarations: [\n    BackNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    BackNavigatorOrganism\n  ]\n})\nexport class BackNavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","SmartMenuButtonModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,YAAO,GAAG,IAAI,CAAC;YASf,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAQ,CAAC;YAG3C,oBAAe,GAAG,IAAIA,eAAY,EAAmB,CAAC;SAEvD;;;8FApBY,qBAAqB;qFAArB,qBAAqB,wQCTlC,8hBAiBA;;gFDRa,qBAAqB;sBANjCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,0BAA0B;wBACpC,WAAW,EAAE,gCAAgC;wBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;wBAC7C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,OAAO;0BADNC,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,eAAe;0BADdC,SAAM;oBAIP,eAAe;0BADdA,SAAM;;;;;QEAT;;;;0FAAa,mBAAmB;2DAAnB,mBAAmB;+DAbrB;gBACPC,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,mBAAgB;;gBAEhBC,wBAAqB;aACtB;;iFAKU,mBAAmB,mBAf5B,qBAAqB,aAGrBJ,eAAY;;gBAEZC,kBAAe;gBACfC,gBAAa;gBACbC,mBAAgB;;gBAEhBC,wBAAqB,aAGrB,qBAAqB;;;gFAGZ,mBAAmB;sBAjB/BC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,qBAAqB;yBACtB;wBACD,OAAO,EAAE;4BACPL,eAAY;;4BAEZC,kBAAe;4BACfC,gBAAa;4BACbC,mBAAgB;;4BAEhBC,wBAAqB;yBACtB;wBACD,OAAO,EAAE;4BACP,qBAAqB;yBACtB;qBACF;;;;ICzBD;;;;;;;;;;;;;"}

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,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-2ELz:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-2ELz)}: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})}));
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/button"),require("@angular/material/icon"),require("@angular/material/toolbar"),require("@ng-atomic/components/atoms/smart-menu-button")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/back-navigator",["exports","@angular/core","@angular/common","@angular/material/button","@angular/material/icon","@angular/material/toolbar","@ng-atomic/components/atoms/smart-menu-button"],n):n(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-atomic"]=t["ng-atomic"]||{},t["ng-atomic"].components=t["ng-atomic"].components||{},t["ng-atomic"].components.organisms=t["ng-atomic"].components.organisms||{},t["ng-atomic"].components.organisms["back-navigator"]={}),t.ng.core,t.ng.common,t.ng.material.button,t.ng.material.icon,t.ng.material.toolbar,t["ng-atomic"].components.atoms["smart-menu-button"])}(this,(function(t,n,e,o,a,i,c){"use strict";function r(t){if(t&&t.__esModule)return t;var n=Object.create(null);return t&&Object.keys(t).forEach((function(e){if("default"!==e){var o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:function(){return t[e]}})}})),n.default=t,Object.freeze(n)}var s=r(n),u=function(){this.canBack=!0,this.actionItems=[],this.backButtonClick=new n.EventEmitter,this.actionItemClick=new n.EventEmitter};u.ɵfac=function(t){return new(t||u)},u.ɵcmp=n.ɵɵngDeclareComponent({version:"11.2.14",type:u,selector:"organisms-back-navigator",inputs:{canBack:"canBack",title:"title",description:"description",actionItems:"actionItems"},outputs:{backButtonClick:"backButtonClick",actionItemClick:"actionItemClick"},ngImport:s,template:'<mat-toolbar color="primary">\n  <div>\n    <button mat-icon-button *ngIf="canBack" (click)="backButtonClick.emit()">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class="text">\n      <span class="title">{{ title || \'\' }}</span>\n      <span class="description">{{ description || \'\' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]="actionItems"\n      (actionItemClick)="actionItemClick.emit($event)"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n',styles:[":host{--height:64px;--height-SCOPED-IN-back-navigator-w53A:var(--height);display:block;width:100%;height:var(--height-SCOPED-IN-back-navigator-w53A)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{width:100%;height:100%;justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}:host div{justify-content:center}"],directives:[{type:i.MatToolbar,selector:"mat-toolbar",inputs:["color"],exportAs:["matToolbar"]},{type:e.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.MatButton,selector:"button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]",inputs:["disabled","disableRipple","color"],exportAs:["matButton"]},{type:a.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:c.SmartMenuButtonAtom,selector:"atoms-smart-menu-button",inputs:["actionItems"],outputs:["actionItemClick"]}],changeDetection:n.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(u,[{type:n.Component,args:[{selector:"organisms-back-navigator",templateUrl:"./back-navigator.organism.html",styleUrls:["./back-navigator.organism.scss"],changeDetection:n.ChangeDetectionStrategy.OnPush}]}],null,{canBack:[{type:n.Input}],title:[{type:n.Input}],description:[{type:n.Input}],actionItems:[{type:n.Input}],backButtonClick:[{type:n.Output}],actionItemClick:[{type:n.Output}]});var l=function(){};l.ɵfac=function(t){return new(t||l)},l.ɵmod=n.ɵɵdefineNgModule({type:l}),l.ɵinj=n.ɵɵdefineInjector({imports:[[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&n.ɵɵsetNgModuleScope(l,{declarations:[u],imports:[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule],exports:[u]}),("undefined"==typeof ngDevMode||ngDevMode)&&n.ɵsetClassMetadata(l,[{type:n.NgModule,args:[{declarations:[u],imports:[e.CommonModule,o.MatButtonModule,a.MatIconModule,i.MatToolbarModule,c.SmartMenuButtonModule],exports:[u]}]}],null,null),t.BackNavigatorModule=l,t.BackNavigatorOrganism=u,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=ng-atomic-components-organisms-back-navigator.umd.min.js.map

package/bundles/ng-atomic-components-organisms-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,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"]}
+{"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","description","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","MatToolbar","exportAs","i2","NgIf","i3","MatButton","i4","MatIcon","i5","SmartMenuButtonAtom","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","BackNavigatorModule","CommonModule","MatButtonModule","MatIconModule","MatToolbarModule","SmartMenuButtonModule","declarations","imports","exports","NgModule"],"mappings":"+yCAGA,WASEA,KAAAC,SAAU,EASVD,KAAAE,YAA4B,GAG5BF,KAAAG,gBAAkB,IAAIC,EAAAA,aAGtBJ,KAAAK,gBAAkB,IAAID,EAAAA,+CAlBXE,0DAAAA,EAAqBC,SAAA,2BAAAC,OAAA,CAAAP,QAAA,UAAAQ,MAAA,QAAAC,YAAA,cAAAR,YAAA,eAAAS,QAAA,CAAAR,gBAAA,kBAAAE,gBAAA,mBAAAO,SAAAC,EAAAC,SCTlC,mhBAiBAC,OAAA,CAAA,qfAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,WAAAZ,SAAA,cAAAC,OAAA,CAAA,SAAAY,SAAA,CAAA,eAAA,CAAAH,KAAAI,EAAAC,KAAAf,SAAA,SAAAC,OAAA,CAAA,OAAA,WAAA,aAAA,CAAAS,KAAAM,EAAAC,UAAAjB,SAAA,6LAAAC,OAAA,CAAA,WAAA,gBAAA,SAAAY,SAAA,CAAA,cAAA,CAAAH,KAAAQ,EAAAC,QAAAnB,SAAA,WAAAC,OAAA,CAAA,QAAA,SAAA,UAAA,UAAA,YAAAY,SAAA,CAAA,YAAA,CAAAH,KAAAU,EAAAC,oBAAArB,SAAA,0BAAAC,OAAA,CAAA,eAAAG,QAAA,CAAA,qBAAAkB,gBAAAC,EAAAC,wBAAAC,yEDRa1B,EAAqB,CAAA,MANjC2B,EAAAA,gBAAU,CACT1B,SAAU,2BACV2B,YAAa,iCACbC,UAAW,CAAC,kCACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzC/B,QAAO,CAAA,MADNmC,EAAAA,QAID3B,MAAK,CAAA,MADJ2B,EAAAA,QAID1B,YAAW,CAAA,MADV0B,EAAAA,QAIDlC,YAAW,CAAA,MADVkC,EAAAA,QAIDjC,gBAAe,CAAA,MADdkC,EAAAA,SAIDhC,gBAAe,CAAA,MADdgC,EAAAA,iBEAH,8CAAaC,oCAAAA,wCAbF,CACPC,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBAEAC,EAAAA,2FAMSL,EAAmB,CAAAM,aAAA,CAf5BtC,GAAqBuC,QAAA,CAGrBN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBAEAC,EAAAA,uBAAqBG,QAAA,CAGrBxC,qEAGSgC,EAAmB,CAAA,MAjB/BS,EAAAA,eAAS,CACRH,aAAc,CACZtC,GAEFuC,QAAS,CACPN,EAAAA,aAEAC,EAAAA,gBACAC,EAAAA,cACAC,EAAAA,iBAEAC,EAAAA,uBAEFG,QAAS,CACPxC","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  description?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  backButtonClick = new EventEmitter<void>();\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\n\nimport { BackNavigatorOrganism } from './back-navigator.organism';\n\n@NgModule({\n  declarations: [\n    BackNavigatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [\n    BackNavigatorOrganism\n  ]\n})\nexport class BackNavigatorModule { }\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-card-input-section.umd.js","sources":["../../../../libs/components/organisms/card-input-section/card-input-section.organism.ts","../../../../libs/components/organisms/card-input-section/card-input-section.organism.html","../../../../libs/components/organisms/card-input-section/card-input-section.module.ts","../../../../libs/components/organisms/card-input-section/ng-atomic-components-organisms-card-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-card-input-section',\n  templateUrl: './card-input-section.organism.html',\n  styleUrls: ['./card-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardInputSectionOrganism {\n\n  @Input()\n  control = new FormControl('');\n\n  @Input()\n  label = 'カード番号';\n\n  @Input()\n  placeholder = 'XXXX-XXXX-XXXX-XXXX';\n\n}\n","<molecules-text-input-field\n  type=\"text\"\n  name=\"cardNumber\"\n  [control]=\"control\"\n  [label]=\"label\"\n  [placeholder]=\"placeholder\"\n></molecules-text-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TextInputFieldModule } from '@ng-atomic/components/molecules/text-input-field';\nimport { CardInputSectionOrganism } from './card-input-section.organism';\n\n\n\n@NgModule({\n  declarations: [CardInputSectionOrganism],\n  imports: [\n    CommonModule,\n    // Molecules\n    TextInputFieldModule,\n  ],\n  exports: [CardInputSectionOrganism]\n})\nexport class CardInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","ChangeDetectionStrategy","Input","CommonModule","TextInputFieldModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,YAAO,GAAG,IAAIA,yBAAW,CAAC,EAAE,CAAC,CAAC;YAG9B,UAAK,GAAG,OAAO,CAAC;YAGhB,gBAAW,GAAG,qBAAqB,CAAC;SAErC;;;oGAXY,wBAAwB;wFAAxB,wBAAwB,2JCTrC,oLAM8B;;gFDGjB,wBAAwB;sBANpCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,8BAA8B;wBACxC,WAAW,EAAE,oCAAoC;wBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;wBACjD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,OAAO;0BADNC,QAAK;oBAIN,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;;;;;QEDR;;;;gGAAa,sBAAsB;8DAAtB,sBAAsB;kEAPxB;gBACPC,mBAAY;;gBAEZC,uBAAoB;aACrB;;iFAGU,sBAAsB,mBARlB,wBAAwB,aAErCD,mBAAY;;gBAEZC,uBAAoB,aAEZ,wBAAwB;;;gFAEvB,sBAAsB;sBATlCC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;wBACxC,OAAO,EAAE;4BACPF,mBAAY;;4BAEZC,uBAAoB;yBACrB;wBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;qBACpC;;;;ICfD;;;;;;;;;;;;;"}

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

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

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

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