@ng-atomic/components 0.0.1

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

@@ -0,0 +1,86 @@
+(function (global, factory) {
+    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';
+
+    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 HeadingOrganism = /** @class */ (function () {
+        function HeadingOrganism() {
+        }
+        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-QsBR:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-QsBR)}"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingOrganism, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'organisms-heading',
+                        templateUrl: './heading.organism.html',
+                        styleUrls: ['./heading.organism.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], null, null);
+    })();
+
+    var HeadingModule = /** @class */ (function () {
+        function HeadingModule() {
+        }
+        return HeadingModule;
+    }());
+    HeadingModule.ɵfac = function HeadingModule_Factory(t) { return new (t || HeadingModule)(); };
+    HeadingModule.ɵmod = i0.ɵɵdefineNgModule({ type: HeadingModule });
+    HeadingModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                common.CommonModule
+            ]] });
+    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(HeadingModule, { declarations: [HeadingOrganism], imports: [common.CommonModule], exports: [HeadingOrganism] }); })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeadingModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            HeadingOrganism
+                        ],
+                        imports: [
+                            common.CommonModule
+                        ],
+                        exports: [
+                            HeadingOrganism
+                        ]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.HeadingModule = HeadingModule;
+    exports.HeadingOrganism = HeadingOrganism;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-organisms-heading.umd.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;"}

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

@@ -0,0 +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-QsBR:var(--horizontal-padding);display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-QsBR)}"],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})}));
+//# sourceMappingURL=ng-atomic-components-organisms-heading.umd.min.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,110 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@ngneat/reactive-forms')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/input-field-section', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@ngneat/reactive-forms'], 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['input-field-section'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.reactiveForms));
+}(this, (function (exports, i0, common, i3, i1, i2, reactiveForms) { '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 InputFieldSectionOrganism = /** @class */ (function () {
+        function InputFieldSectionOrganism() {
+            this.label = '';
+            this.placeholder = '';
+            this.control = new reactiveForms.FormControl('');
+        }
+        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-TopS:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-TopS);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,
+                args: [{
+                        selector: 'organisms-input-field-section',
+                        templateUrl: './input-field-section.organism.html',
+                        styleUrls: ['./input-field-section.organism.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: { class: 'organism section' }
+                    }]
+            }], null, { label: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }], control: [{
+                    type: i0.Input
+                }] });
+    })();
+
+    var InputFieldSectionModule = /** @class */ (function () {
+        function InputFieldSectionModule() {
+        }
+        return InputFieldSectionModule;
+    }());
+    InputFieldSectionModule.ɵfac = function InputFieldSectionModule_Factory(t) { return new (t || InputFieldSectionModule)(); };
+    InputFieldSectionModule.ɵmod = i0.ɵɵdefineNgModule({ type: InputFieldSectionModule });
+    InputFieldSectionModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                common.CommonModule,
+                i3.ReactiveFormsModule,
+                // Material
+                i1.MatFormFieldModule,
+                i2.MatInputModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(InputFieldSectionModule, { declarations: [InputFieldSectionOrganism], imports: [common.CommonModule,
+                i3.ReactiveFormsModule,
+                // Material
+                i1.MatFormFieldModule,
+                i2.MatInputModule], exports: [InputFieldSectionOrganism] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputFieldSectionModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            InputFieldSectionOrganism
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            i3.ReactiveFormsModule,
+                            // Material
+                            i1.MatFormFieldModule,
+                            i2.MatInputModule,
+                        ],
+                        exports: [
+                            InputFieldSectionOrganism
+                        ]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.InputFieldSectionModule = InputFieldSectionModule;
+    exports.InputFieldSectionOrganism = InputFieldSectionOrganism;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-organisms-input-field-section.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-input-field-section.umd.js","sources":["../../../../libs/components/organisms/input-field-section/input-field-section.organism.ts","../../../../libs/components/organisms/input-field-section/input-field-section.organism.html","../../../../libs/components/organisms/input-field-section/input-field-section.module.ts","../../../../libs/components/organisms/input-field-section/ng-atomic-components-organisms-input-field-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-input-field-section',\n  templateUrl: './input-field-section.organism.html',\n  styleUrls: ['./input-field-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'}\n})\nexport class InputFieldSectionOrganism {\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  control = new FormControl('');\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { InputFieldSectionOrganism } from './input-field-section.organism';\n\n@NgModule({\n  declarations: [\n    InputFieldSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Material\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [\n    InputFieldSectionOrganism\n  ]\n})\nexport class InputFieldSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatFormFieldModule","MatInputModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,UAAK,GAAG,EAAE,CAAC;YAGX,gBAAW,GAAG,EAAE,CAAC;YAGjB,YAAO,GAAG,IAAIA,yBAAW,CAAC,EAAE,CAAC,CAAC;SAC/B;;;sGATY,yBAAyB;yFAAzB,yBAAyB,0MCVtC,+QAKiB;;gFDKJ,yBAAyB;sBAPrCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,+BAA+B;wBACzC,WAAW,EAAE,qCAAqC;wBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;wBAClD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;qBAClC;wBAGC,KAAK;0BADJC,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,OAAO;0BADNA,QAAK;;;;;QEMR;;;;kGAAa,uBAAuB;+DAAvB,uBAAuB;mEAXzB;gBACPC,mBAAY;gBACZC,sBAAmB;;gBAEnBC,qBAAkB;gBAClBC,iBAAc;aACf;;iFAKU,uBAAuB,mBAbhC,yBAAyB,aAGzBH,mBAAY;gBACZC,sBAAmB;;gBAEnBC,qBAAkB;gBAClBC,iBAAc,aAGd,yBAAyB;;;gFAGhB,uBAAuB;sBAfnCC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,yBAAyB;yBAC1B;wBACD,OAAO,EAAE;4BACPJ,mBAAY;4BACZC,sBAAmB;;4BAEnBC,qBAAkB;4BAClBC,iBAAc;yBACf;wBACD,OAAO,EAAE;4BACP,yBAAyB;yBAC1B;qBACF;;;;ICtBD;;;;;;;;;;;;;"}

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

@@ -0,0 +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/form-field"),require("@angular/material/input"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/input-field-section",["exports","@angular/core","@angular/common","@angular/forms","@angular/material/form-field","@angular/material/input","@ngneat/reactive-forms"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms["input-field-section"]={}),e.ng.core,e.ng.common,e.ng.forms,e.ng.material.formField,e.ng.material.input,e.reactiveForms)}(this,(function(e,t,o,n,a,r,i){"use strict";function l(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=l(t),c=function(){this.label="",this.placeholder="",this.control=new i.FormControl("")};c.ɵfac=function(e){return new(e||c)},c.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:c,selector:"organisms-input-field-section",inputs:{label:"label",placeholder:"placeholder",control:"control"},host:{classAttribute:"organism section"},ngImport:s,template:'<mat-form-field appearance="outline">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]="control" [placeholder]="placeholder">\n  \x3c!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> --\x3e\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>',styles:[":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-input-field-section-TopS:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-input-field-section-TopS);box-sizing:border-box}:host,:host .molecule.input-field,: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: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:n.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.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:n.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]},{type:a.MatHint,selector:"mat-hint",inputs:["align","id"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(c,[{type:t.Component,args:[{selector:"organisms-input-field-section",templateUrl:"./input-field-section.organism.html",styleUrls:["./input-field-section.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism section"}}]}],null,{label:[{type:t.Input}],placeholder:[{type:t.Input}],control:[{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,a.MatFormFieldModule,r.MatInputModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(m,{declarations:[c],imports:[o.CommonModule,n.ReactiveFormsModule,a.MatFormFieldModule,r.MatInputModule],exports:[c]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(m,[{type:t.NgModule,args:[{declarations:[c],imports:[o.CommonModule,n.ReactiveFormsModule,a.MatFormFieldModule,r.MatInputModule],exports:[c]}]}],null,null),e.InputFieldSectionModule=m,e.InputFieldSectionOrganism=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-organisms-input-field-section.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/organisms/input-field-section/input-field-section.organism.ts","../../../../libs/components/organisms/input-field-section/input-field-section.organism.html","../../../../libs/components/organisms/input-field-section/input-field-section.module.ts"],"names":["this","label","placeholder","control","FormControl","InputFieldSectionOrganism","selector","inputs","host","classAttribute","ngImport","i0__namespace","template","styles","directives","type","i1","MatFormField","exportAs","MatLabel","i2","MatInput","i3","DefaultValueAccessor","NgControlStatus","FormControlDirective","outputs","MatHint","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","InputFieldSectionModule","CommonModule","ReactiveFormsModule","MatFormFieldModule","MatInputModule","declarations","imports","exports","NgModule"],"mappings":"mtCAGA,WASEA,KAAAC,MAAQ,GAGRD,KAAAE,YAAc,GAGdF,KAAAG,QAAU,IAAIC,EAAAA,YAAY,sCARfC,0DAAAA,EAAyBC,SAAA,gCAAAC,OAAA,CAAAN,MAAA,QAAAC,YAAA,cAAAC,QAAA,WAAAK,KAAA,CAAAC,eAAA,oBAAAC,SAAAC,EAAAC,SCVtC,gRAKiBC,OAAA,CAAA,mSAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,aAAAX,SAAA,iBAAAC,OAAA,CAAA,QAAA,aAAA,aAAA,qBAAA,aAAAW,SAAA,CAAA,iBAAA,CAAAH,KAAAC,EAAAG,SAAAb,SAAA,aAAA,CAAAS,KAAAK,EAAAC,SAAAf,SAAA,0HAAAC,OAAA,CAAA,KAAA,WAAA,WAAA,OAAA,QAAA,WAAA,cAAA,oBAAA,oBAAAW,SAAA,CAAA,aAAA,CAAAH,KAAAO,EAAAC,qBAAAjB,SAAA,gNAAA,CAAAS,KAAAO,EAAAE,gBAAAlB,SAAA,6CAAA,CAAAS,KAAAO,EAAAG,qBAAAnB,SAAA,gBAAAC,OAAA,CAAA,WAAA,cAAA,WAAAmB,QAAA,CAAA,iBAAAR,SAAA,CAAA,WAAA,CAAAH,KAAAC,EAAAW,QAAArB,SAAA,WAAAC,OAAA,CAAA,QAAA,QAAAqB,gBAAAC,EAAAC,wBAAAC,yEDKJ1B,EAAyB,CAAA,MAPrC2B,EAAAA,gBAAU,CACT1B,SAAU,gCACV2B,YAAa,sCACbC,UAAW,CAAC,uCACZN,gBAAiBE,EAAAA,wBAAwBC,OACzCvB,KAAM,CAAC2B,MAAO,8BAIdlC,MAAK,CAAA,MADJmC,EAAAA,QAIDlC,YAAW,CAAA,MADVkC,EAAAA,QAIDjC,QAAO,CAAA,MADNiC,EAAAA,gBEMH,8CAAaC,oCAAAA,wCAXF,CACPC,EAAAA,aACAC,EAAAA,oBAEAC,EAAAA,mBACAC,EAAAA,oFAMSJ,EAAuB,CAAAK,aAAA,CAbhCrC,GAAyBsC,QAAA,CAGzBL,EAAAA,aACAC,EAAAA,oBAEAC,EAAAA,mBACAC,EAAAA,gBAAcG,QAAA,CAGdvC,qEAGSgC,EAAuB,CAAA,MAfnCQ,EAAAA,eAAS,CACRH,aAAc,CACZrC,GAEFsC,QAAS,CACPL,EAAAA,aACAC,EAAAA,oBAEAC,EAAAA,mBACAC,EAAAA,gBAEFG,QAAS,CACPvC","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-input-field-section',\n  templateUrl: './input-field-section.organism.html',\n  styleUrls: ['./input-field-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism section'}\n})\nexport class InputFieldSectionOrganism {\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  control = new FormControl('');\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { InputFieldSectionOrganism } from './input-field-section.organism';\n\n@NgModule({\n  declarations: [\n    InputFieldSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Material\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n  exports: [\n    InputFieldSectionOrganism\n  ]\n})\nexport class InputFieldSectionModule { }\n"]}

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

@@ -0,0 +1,96 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/list'), require('@angular/material/icon'), require('@angular/material/core')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/menu', ['exports', '@angular/core', '@angular/common', '@angular/material/list', '@angular/material/icon', '@angular/material/core'], 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.menu = {}), global.ng.core, global.ng.common, global.ng.material.list, global.ng.material.icon, global.ng.material.core));
+}(this, (function (exports, i0, i2, i1, i3, i4) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+    var MenuOrganism = /** @class */ (function () {
+        function MenuOrganism() {
+            this.actionItems = [];
+            this.actionItemClick = new i0.EventEmitter();
+        }
+        return MenuOrganism;
+    }());
+    MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
+    MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0__namespace, template: "<mat-list>\n  <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-item>\n</mat-list>\n", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-q49i:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-q49i:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-q49i:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-q49i);color:var(--color-SCOPED-IN-menu-q49i)}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-q49i);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: i1.MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuOrganism, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'organisms-menu',
+                        templateUrl: './menu.organism.html',
+                        styleUrls: ['./menu.organism.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], null, { actionItems: [{
+                    type: i0.Input
+                }], actionItemClick: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var MenuModule = /** @class */ (function () {
+        function MenuModule() {
+        }
+        return MenuModule;
+    }());
+    MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
+    MenuModule.ɵmod = i0.ɵɵdefineNgModule({ type: MenuModule });
+    MenuModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                i2.CommonModule,
+                i1.MatListModule,
+                i3.MatIconModule
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuOrganism], imports: [i2.CommonModule,
+                i1.MatListModule,
+                i3.MatIconModule], exports: [MenuOrganism] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [MenuOrganism],
+                        imports: [
+                            i2.CommonModule,
+                            i1.MatListModule,
+                            i3.MatIconModule
+                        ],
+                        exports: [MenuOrganism]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.MenuModule = MenuModule;
+    exports.MenuOrganism = MenuOrganism;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-organisms-menu.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-menu.umd.js","sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts","../../../../libs/components/organisms/menu/ng-atomic-components-organisms-menu.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-menu',\n  templateUrl: './menu.organism.html',\n  styleUrls: ['./menu.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n  \n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-list>\n  <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-item>\n</mat-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuOrganism } from './menu.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [MenuOrganism],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule\n  ],\n  exports: [MenuOrganism]\n})\nexport class MenuModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatListModule","MatIconModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAGA;YASE,gBAAW,GAAiB,EAAE,CAAC;YAG/B,oBAAe,GAAG,IAAIA,eAAY,EAAgB,CAAC;SAEpD;;;4EARY,YAAY;4EAAZ,YAAY,0JCTzB,+OAMA;;gFDGa,YAAY;sBANxBC,YAAS;uBAAC;wBACT,QAAQ,EAAE,gBAAgB;wBAC1B,WAAW,EAAE,sBAAsB;wBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;wBACnC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;qBAChD;wBAIC,WAAW;0BADVC,QAAK;oBAIN,eAAe;0BADdC,SAAM;;;;;QECT;;;;wEAAa,UAAU;kDAAV,UAAU;sDAPZ;gBACPC,eAAY;gBACZC,gBAAa;gBACbC,gBAAa;aACd;;iFAGU,UAAU,mBARN,YAAY,aAEzBF,eAAY;gBACZC,gBAAa;gBACbC,gBAAa,aAEL,YAAY;;;gFAEX,UAAU;sBATtBC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,YAAY,CAAC;wBAC5B,OAAO,EAAE;4BACPH,eAAY;4BACZC,gBAAa;4BACbC,gBAAa;yBACd;wBACD,OAAO,EAAE,CAAC,YAAY,CAAC;qBACxB;;;;ICdD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/list"),require("@angular/material/icon"),require("@angular/material/core")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/menu",["exports","@angular/core","@angular/common","@angular/material/list","@angular/material/icon","@angular/material/core"],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.menu={}),t.ng.core,t.ng.common,t.ng.material.list,t.ng.material.icon,t.ng.material.core)}(this,(function(t,e,n,o,i,a){"use strict";function r(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 m=r(e),s=function(){this.actionItems=[],this.actionItemClick=new e.EventEmitter};s.ɵfac=function(t){return new(t||s)},s.ɵcmp=e.ɵɵngDeclareComponent({version:"11.2.14",type:s,selector:"organisms-menu",inputs:{actionItems:"actionItems"},outputs:{actionItemClick:"actionItemClick"},ngImport:m,template:'<mat-list>\n  <mat-list-item (click)="actionItemClick.emit([item])" *ngFor="let item of actionItems">\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-item>\n</mat-list>\n',styles:[":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-q49i:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-q49i:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-q49i:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-q49i);color:var(--color-SCOPED-IN-menu-q49i)}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-q49i);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"],directives:[{type:o.MatList,selector:"mat-list, mat-action-list",inputs:["disableRipple","disabled"],exportAs:["matList"]},{type:n.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.MatListItem,selector:"mat-list-item, a[mat-list-item], button[mat-list-item]",inputs:["disableRipple","disabled"],exportAs:["matListItem"]},{type:i.MatIcon,selector:"mat-icon",inputs:["color","inline","svgIcon","fontSet","fontIcon"],exportAs:["matIcon"]},{type:o.MatListIconCssMatStyler,selector:"[mat-list-icon], [matListIcon]"},{type:a.MatLine,selector:"[mat-line], [matLine]"}],changeDetection:e.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(s,[{type:e.Component,args:[{selector:"organisms-menu",templateUrl:"./menu.organism.html",styleUrls:["./menu.organism.scss"],changeDetection:e.ChangeDetectionStrategy.OnPush}]}],null,{actionItems:[{type:e.Input}],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.MatListModule,i.MatIconModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&e.ɵɵsetNgModuleScope(l,{declarations:[s],imports:[n.CommonModule,o.MatListModule,i.MatIconModule],exports:[s]}),("undefined"==typeof ngDevMode||ngDevMode)&&e.ɵsetClassMetadata(l,[{type:e.NgModule,args:[{declarations:[s],imports:[n.CommonModule,o.MatListModule,i.MatIconModule],exports:[s]}]}],null,null),t.MenuModule=l,t.MenuOrganism=s,Object.defineProperty(t,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-organisms-menu.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/organisms/menu/menu.organism.ts","../../../../libs/components/organisms/menu/menu.organism.html","../../../../libs/components/organisms/menu/menu.module.ts"],"names":["this","actionItems","actionItemClick","EventEmitter","MenuOrganism","selector","inputs","outputs","ngImport","i0__namespace","template","styles","directives","type","i1","MatList","exportAs","i2","NgForOf","MatListItem","i3","MatIcon","MatListIconCssMatStyler","i4","MatLine","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","Input","Output","MenuModule","CommonModule","MatListModule","MatIconModule","declarations","imports","exports","NgModule"],"mappings":"ymCAGA,WASEA,KAAAC,YAA4B,GAG5BD,KAAAE,gBAAkB,IAAIC,EAAAA,+CANXC,0DAAAA,EAAYC,SAAA,iBAAAC,OAAA,CAAAL,YAAA,eAAAM,QAAA,CAAAL,gBAAA,mBAAAM,SAAAC,EAAAC,SCTzB,4OAMAC,OAAA,CAAA,iqBAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,QAAAV,SAAA,4BAAAC,OAAA,CAAA,gBAAA,YAAAU,SAAA,CAAA,YAAA,CAAAH,KAAAI,EAAAC,QAAAb,SAAA,mBAAAC,OAAA,CAAA,UAAA,eAAA,kBAAA,CAAAO,KAAAC,EAAAK,YAAAd,SAAA,yDAAAC,OAAA,CAAA,gBAAA,YAAAU,SAAA,CAAA,gBAAA,CAAAH,KAAAO,EAAAC,QAAAhB,SAAA,WAAAC,OAAA,CAAA,QAAA,SAAA,UAAA,UAAA,YAAAU,SAAA,CAAA,YAAA,CAAAH,KAAAC,EAAAQ,wBAAAjB,SAAA,kCAAA,CAAAQ,KAAAU,EAAAC,QAAAnB,SAAA,0BAAAoB,gBAAAC,EAAAC,wBAAAC,yEDGaxB,EAAY,CAAA,MANxByB,EAAAA,gBAAU,CACTxB,SAAU,iBACVyB,YAAa,uBACbC,UAAW,CAAC,wBACZN,gBAAiBE,EAAAA,wBAAwBC,iBAKzC3B,YAAW,CAAA,MADV+B,EAAAA,QAID9B,gBAAe,CAAA,MADd+B,EAAAA,iBECH,8CAAaC,oCAAAA,wCAPF,CACPC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,mFAISH,EAAU,CAAAI,aAAA,CARNlC,GAAYmC,QAAA,CAEzBJ,EAAAA,aACAC,EAAAA,cACAC,EAAAA,eAAaG,QAAA,CAELpC,qEAEC8B,EAAU,CAAA,MATtBO,EAAAA,eAAS,CACRH,aAAc,CAAClC,GACfmC,QAAS,CACPJ,EAAAA,aACAC,EAAAA,cACAC,EAAAA,eAEFG,QAAS,CAACpC","sourcesContent":["import { Component, Input, ChangeDetectionStrategy, Output, EventEmitter } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-menu',\n  templateUrl: './menu.organism.html',\n  styleUrls: ['./menu.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuOrganism {\n  \n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  actionItemClick = new EventEmitter<[ActionItem]>();\n\n}\n","<mat-list>\n  <mat-list-item (click)=\"actionItemClick.emit([item])\" *ngFor=\"let item of actionItems\">\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-item>\n</mat-list>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MenuOrganism } from './menu.organism';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [MenuOrganism],\n  imports: [\n    CommonModule,\n    MatListModule,\n    MatIconModule\n  ],\n  exports: [MenuOrganism]\n})\nexport class MenuModule { }\n"]}

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

@@ -0,0 +1,121 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/paginator'), require('@ng-atomic/components/frames/auto-layout'), require('@ng-atomic/components/molecules/chips-input-field'), require('@ngneat/reactive-forms')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/organisms/paginator', ['exports', '@angular/core', '@angular/common', '@angular/material/paginator', '@ng-atomic/components/frames/auto-layout', '@ng-atomic/components/molecules/chips-input-field', '@ngneat/reactive-forms'], 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.paginator = {}), global.ng.core, global.ng.common, global.ng.material.paginator, global['ng-atomic'].components.frames['auto-layout'], global['ng-atomic'].components.molecules['chips-input-field'], global.reactiveForms));
+}(this, (function (exports, i0, common, i3, i1, i2, reactiveForms) { '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 PaginatorOrganism = /** @class */ (function () {
+        function PaginatorOrganism() {
+            this.control = new reactiveForms.FormControl('');
+            this.placeholder = '';
+            this.pageSizeOptions = [5, 10, 25, 100];
+            this.pageChange = new i0.EventEmitter();
+        }
+        return PaginatorOrganism;
+    }());
+    PaginatorOrganism.ɵfac = function PaginatorOrganism_Factory(t) { return new (t || PaginatorOrganism)(); };
+    PaginatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: PaginatorOrganism, selector: "organisms-paginator", inputs: { control: "control", placeholder: "placeholder", page: "page", pageSizeOptions: "pageSizeOptions" }, outputs: { pageChange: "pageChange" }, host: { classAttribute: "organism" }, ngImport: i0__namespace, template: "<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n", styles: [":host frames-auto-layout{--vertical-padding:0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:auto}:host frames-auto-layout mat-paginator{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}"], directives: [{ type: i1.AutoLayoutFrame, selector: "frames-auto-layout" }, { type: i2.ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: ["control", "placeholder"] }, { type: i3.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginatorOrganism, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'organisms-paginator',
+                        templateUrl: './paginator.organism.html',
+                        styleUrls: ['./paginator.organism.scss'],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        host: { class: 'organism' },
+                    }]
+            }], null, { control: [{
+                    type: i0.Input
+                }], placeholder: [{
+                    type: i0.Input
+                }], page: [{
+                    type: i0.Input
+                }], pageSizeOptions: [{
+                    type: i0.Input
+                }], pageChange: [{
+                    type: i0.Output
+                }] });
+    })();
+
+    var PaginatorModule = /** @class */ (function () {
+        function PaginatorModule() {
+        }
+        return PaginatorModule;
+    }());
+    PaginatorModule.ɵfac = function PaginatorModule_Factory(t) { return new (t || PaginatorModule)(); };
+    PaginatorModule.ɵmod = i0.ɵɵdefineNgModule({ type: PaginatorModule });
+    PaginatorModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+                common.CommonModule,
+                // Materials
+                i3.MatPaginatorModule,
+                // Frames
+                i1.AutoLayoutModule,
+                // Molecules
+                i2.ChipsInputFieldModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaginatorModule, { declarations: [PaginatorOrganism], imports: [common.CommonModule,
+                // Materials
+                i3.MatPaginatorModule,
+                // Frames
+                i1.AutoLayoutModule,
+                // Molecules
+                i2.ChipsInputFieldModule], exports: [PaginatorOrganism] });
+    })();
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginatorModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            PaginatorOrganism
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            // Materials
+                            i3.MatPaginatorModule,
+                            // Frames
+                            i1.AutoLayoutModule,
+                            // Molecules
+                            i2.ChipsInputFieldModule,
+                        ],
+                        exports: [
+                            PaginatorOrganism
+                        ]
+                    }]
+            }], null, null);
+    })();
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.PaginatorModule = PaginatorModule;
+    exports.PaginatorOrganism = PaginatorOrganism;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=ng-atomic-components-organisms-paginator.umd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-paginator.umd.js","sources":["../../../../libs/components/organisms/paginator/paginator.organism.ts","../../../../libs/components/organisms/paginator/paginator.organism.html","../../../../libs/components/organisms/paginator/paginator.module.ts","../../../../libs/components/organisms/paginator/ng-atomic-components-organisms-paginator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-paginator',\n  templateUrl: './paginator.organism.html',\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  page!: PageEvent;\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n  declarations: [\n    PaginatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatPaginatorModule,\n    // Frames\n    AutoLayoutModule,\n    // Molecules\n    ChipsInputFieldModule,\n  ],\n  exports: [\n    PaginatorOrganism\n  ]\n})\nexport class PaginatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","EventEmitter","Component","ChangeDetectionStrategy","Input","Output","CommonModule","MatPaginatorModule","AutoLayoutModule","ChipsInputFieldModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAIA;YAUE,YAAO,GAAG,IAAIA,yBAAW,CAAS,EAAE,CAAC,CAAC;YAGtC,gBAAW,GAAG,EAAE,CAAC;YAMjB,oBAAe,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAG7C,eAAU,GAAG,IAAIC,eAAY,EAAa,CAAC;SAE5C;;;sFAjBY,iBAAiB;iFAAjB,iBAAiB,iQCX9B,wZAcA;;gFDHa,iBAAiB;sBAP7BC,YAAS;uBAAC;wBACT,QAAQ,EAAE,qBAAqB;wBAC/B,WAAW,EAAE,2BAA2B;wBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;wBACxC,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;qBAC1B;wBAIC,OAAO;0BADNC,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,IAAI;0BADHA,QAAK;oBAIN,eAAe;0BADdA,QAAK;oBAIN,UAAU;0BADTC,SAAM;;;;;QEAT;;;;kFAAa,eAAe;uDAAf,eAAe;2DAbjB;gBACPC,mBAAY;;gBAEZC,qBAAkB;;gBAElBC,mBAAgB;;gBAEhBC,wBAAqB;aACtB;;iFAKU,eAAe,mBAfxB,iBAAiB,aAGjBH,mBAAY;;gBAEZC,qBAAkB;;gBAElBC,mBAAgB;;gBAEhBC,wBAAqB,aAGrB,iBAAiB;;;gFAGR,eAAe;sBAjB3BC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,iBAAiB;yBAClB;wBACD,OAAO,EAAE;4BACPJ,mBAAY;;4BAEZC,qBAAkB;;4BAElBC,mBAAgB;;4BAEhBC,wBAAqB;yBACtB;wBACD,OAAO,EAAE;4BACP,iBAAiB;yBAClB;qBACF;;;;ICxBD;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/paginator"),require("@ng-atomic/components/frames/auto-layout"),require("@ng-atomic/components/molecules/chips-input-field"),require("@ngneat/reactive-forms")):"function"==typeof define&&define.amd?define("@ng-atomic/components/organisms/paginator",["exports","@angular/core","@angular/common","@angular/material/paginator","@ng-atomic/components/frames/auto-layout","@ng-atomic/components/molecules/chips-input-field","@ngneat/reactive-forms"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-atomic"]=e["ng-atomic"]||{},e["ng-atomic"].components=e["ng-atomic"].components||{},e["ng-atomic"].components.organisms=e["ng-atomic"].components.organisms||{},e["ng-atomic"].components.organisms.paginator={}),e.ng.core,e.ng.common,e.ng.material.paginator,e["ng-atomic"].components.frames["auto-layout"],e["ng-atomic"].components.molecules["chips-input-field"],e.reactiveForms)}(this,(function(e,t,o,n,a,i,r){"use strict";function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var l=s(t),p=function(){this.control=new r.FormControl(""),this.placeholder="",this.pageSizeOptions=[5,10,25,100],this.pageChange=new t.EventEmitter};p.ɵfac=function(e){return new(e||p)},p.ɵcmp=t.ɵɵngDeclareComponent({version:"11.2.14",type:p,selector:"organisms-paginator",inputs:{control:"control",placeholder:"placeholder",page:"page",pageSizeOptions:"pageSizeOptions"},outputs:{pageChange:"pageChange"},host:{classAttribute:"organism"},ngImport:l,template:'<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]="control"\n    [placeholder]="placeholder"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]="page.length"\n    [pageSize]="page.pageSize"\n    [pageSizeOptions]="pageSizeOptions"\n    (page)="pageChange.emit($event)"\n    aria-label="Select page">\n  </mat-paginator>\n</frames-auto-layout>\n\n',styles:[":host frames-auto-layout{--vertical-padding:0;justify-content:space-between}:host frames-auto-layout molecules-chips-input-field{width:auto}:host frames-auto-layout mat-paginator{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}"],directives:[{type:a.AutoLayoutFrame,selector:"frames-auto-layout"},{type:i.ChipsInputFieldMolecule,selector:"molecules-chips-input-field",inputs:["control","placeholder"]},{type:n.MatPaginator,selector:"mat-paginator",inputs:["disabled"],exportAs:["matPaginator"]}],changeDetection:t.ChangeDetectionStrategy.OnPush}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(p,[{type:t.Component,args:[{selector:"organisms-paginator",templateUrl:"./paginator.organism.html",styleUrls:["./paginator.organism.scss"],changeDetection:t.ChangeDetectionStrategy.OnPush,host:{class:"organism"}}]}],null,{control:[{type:t.Input}],placeholder:[{type:t.Input}],page:[{type:t.Input}],pageSizeOptions:[{type:t.Input}],pageChange:[{type:t.Output}]});var u=function(){};u.ɵfac=function(e){return new(e||u)},u.ɵmod=t.ɵɵdefineNgModule({type:u}),u.ɵinj=t.ɵɵdefineInjector({imports:[[o.CommonModule,n.MatPaginatorModule,a.AutoLayoutModule,i.ChipsInputFieldModule]]}),("undefined"==typeof ngJitMode||ngJitMode)&&t.ɵɵsetNgModuleScope(u,{declarations:[p],imports:[o.CommonModule,n.MatPaginatorModule,a.AutoLayoutModule,i.ChipsInputFieldModule],exports:[p]}),("undefined"==typeof ngDevMode||ngDevMode)&&t.ɵsetClassMetadata(u,[{type:t.NgModule,args:[{declarations:[p],imports:[o.CommonModule,n.MatPaginatorModule,a.AutoLayoutModule,i.ChipsInputFieldModule],exports:[p]}]}],null,null),e.PaginatorModule=u,e.PaginatorOrganism=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+//# sourceMappingURL=ng-atomic-components-organisms-paginator.umd.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../libs/components/organisms/paginator/paginator.organism.ts","../../../../libs/components/organisms/paginator/paginator.organism.html","../../../../libs/components/organisms/paginator/paginator.module.ts"],"names":["this","control","FormControl","placeholder","pageSizeOptions","pageChange","EventEmitter","PaginatorOrganism","selector","inputs","page","outputs","host","classAttribute","ngImport","i0__namespace","template","styles","directives","type","i1","AutoLayoutFrame","i2","ChipsInputFieldMolecule","i3","MatPaginator","exportAs","changeDetection","i0","ChangeDetectionStrategy","OnPush","Component","templateUrl","styleUrls","class","Input","Output","PaginatorModule","CommonModule","MatPaginatorModule","AutoLayoutModule","ChipsInputFieldModule","declarations","imports","exports","NgModule"],"mappings":"42CAIA,WAUEA,KAAAC,QAAU,IAAIC,EAAAA,YAAoB,IAGlCF,KAAAG,YAAc,GAMdH,KAAAI,gBAA4B,CAAC,EAAG,GAAI,GAAI,KAGxCJ,KAAAK,WAAa,IAAIC,EAAAA,+CAfNC,0DAAAA,EAAiBC,SAAA,sBAAAC,OAAA,CAAAR,QAAA,UAAAE,YAAA,cAAAO,KAAA,OAAAN,gBAAA,mBAAAO,QAAA,CAAAN,WAAA,cAAAO,KAAA,CAAAC,eAAA,YAAAC,SAAAC,EAAAC,SCX9B,2YAcAC,OAAA,CAAA,0PAAAC,WAAA,CAAA,CAAAC,KAAAC,EAAAC,gBAAAb,SAAA,sBAAA,CAAAW,KAAAG,EAAAC,wBAAAf,SAAA,8BAAAC,OAAA,CAAA,UAAA,gBAAA,CAAAU,KAAAK,EAAAC,aAAAjB,SAAA,gBAAAC,OAAA,CAAA,YAAAiB,SAAA,CAAA,kBAAAC,gBAAAC,EAAAC,wBAAAC,yEDHavB,EAAiB,CAAA,MAP7BwB,EAAAA,gBAAU,CACTvB,SAAU,sBACVwB,YAAa,4BACbC,UAAW,CAAC,6BACZN,gBAAiBE,EAAAA,wBAAwBC,OACzClB,KAAM,CAACsB,MAAO,sBAKdjC,QAAO,CAAA,MADNkC,EAAAA,QAIDhC,YAAW,CAAA,MADVgC,EAAAA,QAIDzB,KAAI,CAAA,MADHyB,EAAAA,QAID/B,gBAAe,CAAA,MADd+B,EAAAA,QAID9B,WAAU,CAAA,MADT+B,EAAAA,iBEAH,8CAAaC,oCAAAA,wCAbF,CACPC,EAAAA,aAEAC,EAAAA,mBAEAC,EAAAA,iBAEAC,EAAAA,2FAMSJ,EAAe,CAAAK,aAAA,CAfxBnC,GAAiBoC,QAAA,CAGjBL,EAAAA,aAEAC,EAAAA,mBAEAC,EAAAA,iBAEAC,EAAAA,uBAAqBG,QAAA,CAGrBrC,qEAGS8B,EAAe,CAAA,MAjB3BQ,EAAAA,eAAS,CACRH,aAAc,CACZnC,GAEFoC,QAAS,CACPL,EAAAA,aAEAC,EAAAA,mBAEAC,EAAAA,iBAEAC,EAAAA,uBAEFG,QAAS,CACPrC","sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-paginator',\n  templateUrl: './paginator.organism.html',\n  styleUrls: ['./paginator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'organism'},\n})\nexport class PaginatorOrganism {\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  page!: PageEvent;\n\n  @Input()\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n\n  @Output()\n  pageChange = new EventEmitter<PageEvent>();\n\n}\n","<frames-auto-layout horizontal>\n  <molecules-chips-input-field\n    [control]=\"control\"\n    [placeholder]=\"placeholder\"\n  ></molecules-chips-input-field>\n  <mat-paginator \n    [length]=\"page.length\"\n    [pageSize]=\"page.pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageChange.emit($event)\"\n    aria-label=\"Select page\">\n  </mat-paginator>\n</frames-auto-layout>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';\nimport { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';\n\nimport { PaginatorOrganism } from './paginator.organism';\n\n@NgModule({\n  declarations: [\n    PaginatorOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatPaginatorModule,\n    // Frames\n    AutoLayoutModule,\n    // Molecules\n    ChipsInputFieldModule,\n  ],\n  exports: [\n    PaginatorOrganism\n  ]\n})\nexport class PaginatorModule { }\n"]}