@ng-atomic/components 0.0.1

package/fesm2015/ng-atomic-components-organisms-back-navigator.js

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { NgIf, NgForOf, CommonModule } from '@angular/common';
+import { MatButton, MatButtonModule } from '@angular/material/button';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { MatToolbar, MatToolbarModule } from '@angular/material/toolbar';
+import { MatMenuTrigger, MatMenu, MatMenuItem, MatMenuModule } from '@angular/material/menu';
+
+class BackNavigatorOrganism {
+    constructor() {
+        this.canBack = true;
+        this.actionItems = [];
+        this.backButtonClick = new EventEmitter();
+        this.actionItemClick = new EventEmitter();
+    }
+}
+BackNavigatorOrganism.ɵfac = function BackNavigatorOrganism_Factory(t) { return new (t || BackNavigatorOrganism)(); };
+BackNavigatorOrganism.ɵcmp = ɵɵ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, template: "<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <span class=\"title-container\">\n      {{ title || '' }}\n    </span>\n  </div>\n\n  <div>\n    <button mat-icon-button [matMenuTriggerFor]=\"menu\" *ngIf=\"actionItems.length\">\n      <mat-icon>menu</mat-icon>\n    </button>\n  </div>\n</mat-toolbar>\n\n<mat-menu #menu=\"matMenu\">\n  <button \n    *ngFor=\"let actionItem of actionItems\"\n    mat-menu-item \n    (click)=\"actionItemClick.emit([actionItem])\"\n  >{{ actionItem.name }}</button>\n</mat-menu>", styles: [":host,:host mat-toolbar{width:100%;height:100%}:host mat-toolbar{justify-content:space-between}:host div,:host mat-toolbar{display:flex;align-items:center}"], directives: [{ type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: 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: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(BackNavigatorOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-back-navigator',
+                templateUrl: './back-navigator.organism.html',
+                styleUrls: ['./back-navigator.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { canBack: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }], actionItems: [{
+            type: Input
+        }], backButtonClick: [{
+            type: Output
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+
+class BackNavigatorModule {
+}
+BackNavigatorModule.ɵfac = function BackNavigatorModule_Factory(t) { return new (t || BackNavigatorModule)(); };
+BackNavigatorModule.ɵmod = ɵɵdefineNgModule({ type: BackNavigatorModule });
+BackNavigatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Material
+            MatButtonModule,
+            MatIconModule,
+            MatToolbarModule,
+            MatMenuModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(BackNavigatorModule, { declarations: [BackNavigatorOrganism], imports: [CommonModule,
+        // Material
+        MatButtonModule,
+        MatIconModule,
+        MatToolbarModule,
+        MatMenuModule], exports: [BackNavigatorOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(BackNavigatorModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    BackNavigatorOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Material
+                    MatButtonModule,
+                    MatIconModule,
+                    MatToolbarModule,
+                    MatMenuModule,
+                ],
+                exports: [
+                    BackNavigatorOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BackNavigatorModule, BackNavigatorOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-back-navigator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-back-navigator.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":[],"mappings":";;;;;;;;MASa,qBAAqB;IANlC;QASE,YAAO,GAAG,IAAI,CAAC;QAMf,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAQ,CAAC;QAG3C,oBAAe,GAAG,IAAI,YAAY,EAAmB,CAAC;KAEvD;;0FAjBY,qBAAqB;8EAArB,qBAAqB,iOCTlC,woBAuBW;oFDdE,qBAAqB;cANjC,SAAS;eAAC;gBACT,QAAQ,EAAE,0BAA0B;gBACpC,WAAW,EAAE,gCAAgC;gBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;gBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,OAAO;kBADN,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;YAIP,eAAe;kBADd,MAAM;;;MEEI,mBAAmB;;sFAAnB,mBAAmB;oDAAnB,mBAAmB;wDAZrB;YACP,YAAY;;YAEZ,eAAe;YACf,aAAa;YACb,gBAAgB;YAChB,aAAa;SACd;qFAKU,mBAAmB,mBAd5B,qBAAqB,aAGrB,YAAY;;QAEZ,eAAe;QACf,aAAa;QACb,gBAAgB;QAChB,aAAa,aAGb,qBAAqB;oFAGZ,mBAAmB;cAhB/B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,eAAe;oBACf,aAAa;oBACb,gBAAgB;oBAChB,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;ACxBD;;;;;;"}

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

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DefaultValueAccessor, NgControlStatus, FormControlDirective, ReactiveFormsModule } from '@angular/forms';
+import { MatInput, MatInputModule } from '@angular/material/input';
+import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker, MatDatepickerModule } from '@angular/material/datepicker';
+import { MAT_DAYJS_JP_PROVIDERS, MatDayjsDateModule } from '@ng-atomic/common/utils';
+import { FormControl } from '@ngneat/reactive-forms';
+import { MatFormField, MatLabel, MatSuffix, MatHint } from '@angular/material/form-field';
+
+class DateInputSectionOrganism {
+    constructor() {
+        this.control = new FormControl();
+        this.label = '';
+        this.placeholder = '';
+    }
+    ngOnInit() {
+        this.control.valueChanges.subscribe(console.debug);
+    }
+}
+DateInputSectionOrganism.ɵfac = function DateInputSectionOrganism_Factory(t) { return new (t || DateInputSectionOrganism)(); };
+DateInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputSectionOrganism, selector: "organisms-date-input-section", inputs: { control: "control", label: "label", placeholder: "placeholder" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-section-Vkya:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-date-input-section-Vkya);box-sizing:border-box}:host,:host mat-form-field{width:100%}"], directives: [{ type: MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: MatLabel, selector: "mat-label" }, { type: 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: 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: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: MatSuffix, selector: "[matSuffix]" }, { type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(DateInputSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-date-input-section',
+                templateUrl: './date-input-section.organism.html',
+                styleUrls: ['./date-input-section.organism.scss']
+            }]
+    }], null, { control: [{
+            type: Input
+        }], label: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }] }); })();
+
+class DateInputSectionModule {
+}
+DateInputSectionModule.ɵfac = function DateInputSectionModule_Factory(t) { return new (t || DateInputSectionModule)(); };
+DateInputSectionModule.ɵmod = ɵɵdefineNgModule({ type: DateInputSectionModule });
+DateInputSectionModule.ɵinj = ɵɵdefineInjector({ providers: [...MAT_DAYJS_JP_PROVIDERS], imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatInputModule,
+            MatDatepickerModule,
+            MatDayjsDateModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(DateInputSectionModule, { declarations: [DateInputSectionOrganism], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatDatepickerModule,
+        MatDayjsDateModule], exports: [DateInputSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(DateInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    DateInputSectionOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    MatInputModule,
+                    MatDatepickerModule,
+                    MatDayjsDateModule,
+                ],
+                exports: [
+                    DateInputSectionOrganism
+                ],
+                providers: [...MAT_DAYJS_JP_PROVIDERS],
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DateInputSectionModule, DateInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-date-input-section.js.map

package/fesm2015/ng-atomic-components-organisms-date-input-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-date-input-section.js","sources":["../../../../libs/components/organisms/date-input-section/date-input-section.organism.ts","../../../../libs/components/organisms/date-input-section/date-input-section.organism.html","../../../../libs/components/organisms/date-input-section/date-input-section.module.ts","../../../../libs/components/organisms/date-input-section/ng-atomic-components-organisms-date-input-section.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport * as dayjs from 'dayjs';\n\n@Component({\n  selector: 'organisms-date-input-section',\n  templateUrl: './date-input-section.organism.html',\n  styleUrls: ['./date-input-section.organism.scss']\n})\nexport class DateInputSectionOrganism {\n\n  @Input()\n  control = new FormControl<dayjs.Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  ngOnInit() {\n    this.control.valueChanges.subscribe(console.debug);\n  }\n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint>Hint</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\n\nimport { DateInputSectionOrganism } from './date-input-section.organism';\n\n@NgModule({\n  declarations: [\n    DateInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [\n    DateInputSectionOrganism\n  ],\n  providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MASa,wBAAwB;IALrC;QAQE,YAAO,GAAG,IAAI,WAAW,EAAe,CAAC;QAGzC,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;KAMlB;IAJC,QAAQ;QACN,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACpD;;gGAbU,wBAAwB;iFAAxB,wBAAwB,gJCTrC,iWAMiB;oFDGJ,wBAAwB;cALpC,SAAS;eAAC;gBACT,QAAQ,EAAE,8BAA8B;gBACxC,WAAW,EAAE,oCAAoC;gBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;aAClD;gBAIC,OAAO;kBADN,KAAK;YAIN,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;;;MEQK,sBAAsB;;4FAAtB,sBAAsB;uDAAtB,sBAAsB;4DAFtB,CAAC,GAAG,sBAAsB,CAAC,YAV7B;YACP,YAAY;YACZ,mBAAmB;YACnB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;SACnB;qFAMU,sBAAsB,mBAd/B,wBAAwB,aAGxB,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QACnB,kBAAkB,aAGlB,wBAAwB;oFAIf,sBAAsB;cAhBlC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,wBAAwB;iBACzB;gBACD,SAAS,EAAE,CAAC,GAAG,sBAAsB,CAAC;aACvC;;;ACxBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-heading.js

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class HeadingOrganism {
+}
+HeadingOrganism.ɵfac = function HeadingOrganism_Factory(t) { return new (t || HeadingOrganism)(); };
+HeadingOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: HeadingOrganism, selector: "organisms-heading", ngImport: i0, 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: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(HeadingOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-heading',
+                templateUrl: './heading.organism.html',
+                styleUrls: ['./heading.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, null); })();
+
+class HeadingModule {
+}
+HeadingModule.ɵfac = function HeadingModule_Factory(t) { return new (t || HeadingModule)(); };
+HeadingModule.ɵmod = ɵɵdefineNgModule({ type: HeadingModule });
+HeadingModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(HeadingModule, { declarations: [HeadingOrganism], imports: [CommonModule], exports: [HeadingOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(HeadingModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    HeadingOrganism
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    HeadingOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HeadingModule, HeadingOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-heading.js.map

package/fesm2015/ng-atomic-components-organisms-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-heading.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":[],"mappings":";;;;MAQa,eAAe;;8EAAf,eAAe;wEAAf,eAAe,yDCR5B,oCAAkC;oFDQrB,eAAe;cAN3B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,WAAW,EAAE,yBAAyB;gBACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;gBACtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MEUY,aAAa;;0EAAb,aAAa;8CAAb,aAAa;kDAPf;YACP,YAAY;SACb;qFAKU,aAAa,mBATtB,eAAe,aAGf,YAAY,aAGZ,eAAe;oFAGN,aAAa;cAXzB,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,eAAe;iBAChB;aACF;;;AChBD;;;;;;"}

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

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DefaultValueAccessor, NgControlStatus, FormControlDirective, ReactiveFormsModule } from '@angular/forms';
+import { MatFormField, MatLabel, MatHint, MatFormFieldModule } from '@angular/material/form-field';
+import { MatInput, MatInputModule } from '@angular/material/input';
+import { FormControl } from '@ngneat/reactive-forms';
+
+class InputFieldSectionOrganism {
+    constructor() {
+        this.label = '';
+        this.placeholder = '';
+        this.control = new FormControl('');
+    }
+}
+InputFieldSectionOrganism.ɵfac = function InputFieldSectionOrganism_Factory(t) { return new (t || InputFieldSectionOrganism)(); };
+InputFieldSectionOrganism.ɵcmp = ɵɵ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, 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: MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: MatLabel, selector: "mat-label" }, { type: 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: 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: NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(InputFieldSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-input-field-section',
+                templateUrl: './input-field-section.organism.html',
+                styleUrls: ['./input-field-section.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: { class: 'organism section' }
+            }]
+    }], null, { label: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }] }); })();
+
+class InputFieldSectionModule {
+}
+InputFieldSectionModule.ɵfac = function InputFieldSectionModule_Factory(t) { return new (t || InputFieldSectionModule)(); };
+InputFieldSectionModule.ɵmod = ɵɵdefineNgModule({ type: InputFieldSectionModule });
+InputFieldSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            // Material
+            MatFormFieldModule,
+            MatInputModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(InputFieldSectionModule, { declarations: [InputFieldSectionOrganism], imports: [CommonModule,
+        ReactiveFormsModule,
+        // Material
+        MatFormFieldModule,
+        MatInputModule], exports: [InputFieldSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(InputFieldSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    InputFieldSectionOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    // Material
+                    MatFormFieldModule,
+                    MatInputModule,
+                ],
+                exports: [
+                    InputFieldSectionOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputFieldSectionModule, InputFieldSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-input-field-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-input-field-section.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":[],"mappings":";;;;;;;;MAUa,yBAAyB;IAPtC;QASE,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;QAGjB,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KAC/B;;kGATY,yBAAyB;kFAAzB,yBAAyB,+LCVtC,+QAKiB;oFDKJ,yBAAyB;cAPrC,SAAS;eAAC;gBACT,QAAQ,EAAE,+BAA+B;gBACzC,WAAW,EAAE,qCAAqC;gBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAC;aAClC;gBAGC,KAAK;kBADJ,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEMK,uBAAuB;;8FAAvB,uBAAuB;wDAAvB,uBAAuB;4DAXzB;YACP,YAAY;YACZ,mBAAmB;;YAEnB,kBAAkB;YAClB,cAAc;SACf;qFAKU,uBAAuB,mBAbhC,yBAAyB,aAGzB,YAAY;QACZ,mBAAmB;;QAEnB,kBAAkB;QAClB,cAAc,aAGd,yBAAyB;oFAGhB,uBAAuB;cAfnC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;;oBAEnB,kBAAkB;oBAClB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;aACF;;;ACtBD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-menu.js

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { NgForOf, CommonModule } from '@angular/common';
+import { MatList, MatListItem, MatListIconCssMatStyler, MatListModule } from '@angular/material/list';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { MatLine } from '@angular/material/core';
+
+class MenuOrganism {
+    constructor() {
+        this.actionItems = [];
+        this.actionItemClick = new EventEmitter();
+    }
+}
+MenuOrganism.ɵfac = function MenuOrganism_Factory(t) { return new (t || MenuOrganism)(); };
+MenuOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, 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: MatList, selector: "mat-list, mat-action-list", inputs: ["disableRipple", "disabled"], exportAs: ["matList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: MatLine, selector: "[mat-line], [matLine]" }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-menu',
+                templateUrl: './menu.organism.html',
+                styleUrls: ['./menu.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { actionItems: [{
+            type: Input
+        }], actionItemClick: [{
+            type: Output
+        }] }); })();
+
+class MenuModule {
+}
+MenuModule.ɵfac = function MenuModule_Factory(t) { return new (t || MenuModule)(); };
+MenuModule.ɵmod = ɵɵdefineNgModule({ type: MenuModule });
+MenuModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            MatListModule,
+            MatIconModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(MenuModule, { declarations: [MenuOrganism], imports: [CommonModule,
+        MatListModule,
+        MatIconModule], exports: [MenuOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(MenuModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [MenuOrganism],
+                imports: [
+                    CommonModule,
+                    MatListModule,
+                    MatIconModule
+                ],
+                exports: [MenuOrganism]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MenuModule, MenuOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-menu.js.map

package/fesm2015/ng-atomic-components-organisms-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-menu.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":[],"mappings":";;;;;;;MASa,YAAY;IANzB;QASE,gBAAW,GAAiB,EAAE,CAAC;QAG/B,oBAAe,GAAG,IAAI,YAAY,EAAgB,CAAC;KAEpD;;wEARY,YAAY;qEAAZ,YAAY,+ICTzB,+OAMA;oFDGa,YAAY;cANxB,SAAS;eAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,WAAW,EAAE,sBAAsB;gBACnC,SAAS,EAAE,CAAC,sBAAsB,CAAC;gBACnC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,WAAW;kBADV,KAAK;YAIN,eAAe;kBADd,MAAM;;;MECI,UAAU;;oEAAV,UAAU;2CAAV,UAAU;+CAPZ;YACP,YAAY;YACZ,aAAa;YACb,aAAa;SACd;qFAGU,UAAU,mBARN,YAAY,aAEzB,YAAY;QACZ,aAAa;QACb,aAAa,aAEL,YAAY;oFAEX,UAAU;cATtB,QAAQ;eAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,aAAa;iBACd;gBACD,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;;ACdD;;;;;;"}

package/fesm2015/ng-atomic-components-organisms-paginator.js

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { AutoLayoutFrame, AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
+import { ChipsInputFieldMolecule, ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';
+import { FormControl } from '@ngneat/reactive-forms';
+
+class PaginatorOrganism {
+    constructor() {
+        this.control = new FormControl('');
+        this.placeholder = '';
+        this.pageSizeOptions = [5, 10, 25, 100];
+        this.pageChange = new EventEmitter();
+    }
+}
+PaginatorOrganism.ɵfac = function PaginatorOrganism_Factory(t) { return new (t || PaginatorOrganism)(); };
+PaginatorOrganism.ɵcmp = ɵɵ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, 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: AutoLayoutFrame, selector: "frames-auto-layout" }, { type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: ["control", "placeholder"] }, { type: MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PaginatorOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-paginator',
+                templateUrl: './paginator.organism.html',
+                styleUrls: ['./paginator.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                host: { class: 'organism' },
+            }]
+    }], null, { control: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }], page: [{
+            type: Input
+        }], pageSizeOptions: [{
+            type: Input
+        }], pageChange: [{
+            type: Output
+        }] }); })();
+
+class PaginatorModule {
+}
+PaginatorModule.ɵfac = function PaginatorModule_Factory(t) { return new (t || PaginatorModule)(); };
+PaginatorModule.ɵmod = ɵɵdefineNgModule({ type: PaginatorModule });
+PaginatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Materials
+            MatPaginatorModule,
+            // Frames
+            AutoLayoutModule,
+            // Molecules
+            ChipsInputFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(PaginatorModule, { declarations: [PaginatorOrganism], imports: [CommonModule,
+        // Materials
+        MatPaginatorModule,
+        // Frames
+        AutoLayoutModule,
+        // Molecules
+        ChipsInputFieldModule], exports: [PaginatorOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PaginatorModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    PaginatorOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Materials
+                    MatPaginatorModule,
+                    // Frames
+                    AutoLayoutModule,
+                    // Molecules
+                    ChipsInputFieldModule,
+                ],
+                exports: [
+                    PaginatorOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PaginatorModule, PaginatorOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-paginator.js.map

package/fesm2015/ng-atomic-components-organisms-paginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-paginator.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":[],"mappings":";;;;;;;;MAWa,iBAAiB;IAP9B;QAUE,YAAO,GAAG,IAAI,WAAW,CAAS,EAAE,CAAC,CAAC;QAGtC,gBAAW,GAAG,EAAE,CAAC;QAMjB,oBAAe,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QAG7C,eAAU,GAAG,IAAI,YAAY,EAAa,CAAC;KAE5C;;kFAjBY,iBAAiB;0EAAjB,iBAAiB,sPCX9B,wZAcA;oFDHa,iBAAiB;cAP7B,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,WAAW,EAAE,2BAA2B;gBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;gBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC;aAC1B;gBAIC,OAAO;kBADN,KAAK;YAIN,WAAW;kBADV,KAAK;YAIN,IAAI;kBADH,KAAK;YAIN,eAAe;kBADd,KAAK;YAIN,UAAU;kBADT,MAAM;;;MEAI,eAAe;;8EAAf,eAAe;gDAAf,eAAe;oDAbjB;YACP,YAAY;;YAEZ,kBAAkB;;YAElB,gBAAgB;;YAEhB,qBAAqB;SACtB;qFAKU,eAAe,mBAfxB,iBAAiB,aAGjB,YAAY;;QAEZ,kBAAkB;;QAElB,gBAAgB;;QAEhB,qBAAqB,aAGrB,iBAAiB;oFAGR,eAAe;cAjB3B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,kBAAkB;;oBAElB,gBAAgB;;oBAEhB,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,iBAAiB;iBAClB;aACF;;;ACxBD;;;;;;"}

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

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormControl } from '@ngneat/reactive-forms';
+import { SelectInputFieldMolecule, SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
+
+class SelectInputSectionOrganism {
+    constructor() {
+        this.label = '';
+        this.control = new FormControl();
+        this.options = [];
+    }
+}
+SelectInputSectionOrganism.ɵfac = function SelectInputSectionOrganism_Factory(t) { return new (t || SelectInputSectionOrganism)(); };
+SelectInputSectionOrganism.ɵcmp = ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputSectionOrganism, selector: "organisms-select-input-section", inputs: { label: "label", control: "control", options: "options" }, ngImport: i0, template: "<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-select-input-section-I10i:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-I10i);box-sizing:border-box}:host,:host .molecule.input-field{width:100%}"], directives: [{ type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: ChangeDetectionStrategy.OnPush });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SelectInputSectionOrganism, [{
+        type: Component,
+        args: [{
+                selector: 'organisms-select-input-section',
+                templateUrl: './select-input-section.organism.html',
+                styleUrls: ['./select-input-section.organism.scss'],
+                changeDetection: ChangeDetectionStrategy.OnPush,
+            }]
+    }], null, { label: [{
+            type: Input
+        }], control: [{
+            type: Input
+        }], options: [{
+            type: Input
+        }] }); })();
+
+class SelectInputSectionModule {
+}
+SelectInputSectionModule.ɵfac = function SelectInputSectionModule_Factory(t) { return new (t || SelectInputSectionModule)(); };
+SelectInputSectionModule.ɵmod = ɵɵdefineNgModule({ type: SelectInputSectionModule });
+SelectInputSectionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            // Molecules
+            SelectInputFieldModule,
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SelectInputSectionModule, { declarations: [SelectInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        SelectInputFieldModule], exports: [SelectInputSectionOrganism] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(SelectInputSectionModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    SelectInputSectionOrganism
+                ],
+                imports: [
+                    CommonModule,
+                    // Molecules
+                    SelectInputFieldModule,
+                ],
+                exports: [
+                    SelectInputSectionOrganism
+                ]
+            }]
+    }], null, null); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SelectInputSectionModule, SelectInputSectionOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-select-input-section.js.map

package/fesm2015/ng-atomic-components-organisms-select-input-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-select-input-section.js","sources":["../../../../libs/components/organisms/select-input-section/select-input-section.organism.ts","../../../../libs/components/organisms/select-input-section/select-input-section.organism.html","../../../../libs/components/organisms/select-input-section/select-input-section.module.ts","../../../../libs/components/organisms/select-input-section/ng-atomic-components-organisms-select-input-section.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n@Component({\n  selector: 'organisms-select-input-section',\n  templateUrl: './select-input-section.organism.html',\n  styleUrls: ['./select-input-section.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectInputSectionOrganism<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>();\n\n  @Input()\n  options: {name: string, value: T}[] = [];\n  \n}\n","<molecules-select-input-field\n  [label]=\"label\"\n  [control]=\"control\"\n  [options]=\"options\"\n></molecules-select-input-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SelectInputSectionOrganism } from './select-input-section.organism';\n\nimport { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';\n\n@NgModule({\n  declarations: [\n    SelectInputSectionOrganism\n  ],\n  imports: [\n    CommonModule,\n    // Molecules\n    SelectInputFieldModule,\n  ],\n  exports: [\n    SelectInputSectionOrganism\n  ]\n})\nexport class SelectInputSectionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,0BAA0B;IANvC;QASE,UAAK,GAAW,EAAE,CAAC;QAGnB,YAAO,GAAG,IAAI,WAAW,EAAK,CAAC;QAG/B,YAAO,GAA+B,EAAE,CAAC;KAE1C;;oGAXY,0BAA0B;mFAA1B,0BAA0B,0ICTvC,wIAIgC;oFDKnB,0BAA0B;cANtC,SAAS;eAAC;gBACT,QAAQ,EAAE,gCAAgC;gBAC1C,WAAW,EAAE,sCAAsC;gBACnD,SAAS,EAAE,CAAC,sCAAsC,CAAC;gBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;gBAIC,KAAK;kBADJ,KAAK;YAIN,OAAO;kBADN,KAAK;YAIN,OAAO;kBADN,KAAK;;;MEEK,wBAAwB;;gGAAxB,wBAAwB;yDAAxB,wBAAwB;6DAT1B;YACP,YAAY;;YAEZ,sBAAsB;SACvB;qFAKU,wBAAwB,mBAXjC,0BAA0B,aAG1B,YAAY;;QAEZ,sBAAsB,aAGtB,0BAA0B;oFAGjB,wBAAwB;cAbpC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,YAAY;;oBAEZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,0BAA0B;iBAC3B;aACF;;;AClBD;;;;;;"}