@ng-atomic/components 1.4.0 → 1.7.0

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

@@ -1,9 +1,12 @@
 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 { MatSelectionList, MatListOption, MatListIconCssMatStyler, MatListModule } from '@angular/material/list';
-import { MatIcon, MatIconModule } from '@angular/material/icon';
-import { MatLine } from '@angular/material/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/core';
 
 class MenuOrganism {
     constructor() {
@@ -11,46 +14,45 @@ class MenuOrganism {
         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-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color:#00f;--primary-color-SCOPED-IN-menu-vt5t:var(--primary-color);--secondary-color:#00f;--secondary-color-SCOPED-IN-menu-vt5t:var(--secondary-color);--color:#fff;--color-SCOPED-IN-menu-vt5t:var(--color);display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-vt5t);color:var(--color-SCOPED-IN-menu-vt5t);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-vt5t);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}"], directives: [{ type: MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], exportAs: ["matListOption"] }, { 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
-        }] }); })();
+MenuOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MenuOrganism, selector: "organisms-menu", inputs: { actionItems: "actionItems" }, outputs: { actionItemClick: "actionItemClick" }, ngImport: i0, template: "<mat-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>", styles: [":host{--primary-color: blue;--primary-color-SCOPED-IN-menu-dO7k: var(--primary-color);--secondary-color: blue;--secondary-color-SCOPED-IN-menu-dO7k: var(--secondary-color);--color: white;--color-SCOPED-IN-menu-dO7k: var(--color)}:host{display:block;width:100%;height:100%;background:var(--primary-color-SCOPED-IN-menu-dO7k);color:var(--color-SCOPED-IN-menu-dO7k);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host ::ng-deep .mat-list-item .mat-list-item-content{display:flex;align-items:center;grid-gap:8px;padding-top:8px;padding-bottom:8px;cursor:pointer;color:var(--color-SCOPED-IN-menu-dO7k);font-size:12px}:host ::ng-deep .mat-list-item .mat-list-text{padding-left:8px!important}\n"], components: [{ type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "tabIndex", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { type: i1.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "selected", "disabled"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { type: i4.MatLine, selector: "[mat-line], [matLine]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-menu',
+                    templateUrl: './menu.organism.html',
+                    styleUrls: ['./menu.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { 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: [[
+MenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, declarations: [MenuOrganism], imports: [CommonModule,
+        MatListModule,
+        MatIconModule], exports: [MenuOrganism] });
+MenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, 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); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MenuOrganism],
+                    imports: [
+                        CommonModule,
+                        MatListModule,
+                        MatIconModule
+                    ],
+                    exports: [MenuOrganism]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +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-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>","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,mUASqB;oFDAR,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;;;;;;"}
+{"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-selection-list [multiple]=\"false\">\n  <mat-list-option \n    *ngFor=\"let item of actionItems\" \n    [value]=\"item.id\"\n    (click)=\"actionItemClick.emit([item])\"\n  >\n    <mat-icon mat-list-icon> {{ item?.icon }}</mat-icon>\n    <div mat-line>{{item.name}}</div>\n  </mat-list-option>\n</mat-selection-list>","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":"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"}

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

@@ -0,0 +1,87 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@ng-atomic/components/atoms/smart-menu-button';
+import { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class NavigatorOrganism {
+    constructor() {
+        this.canBack = true;
+        this.actionItems = [];
+        this.backButtonClick = new EventEmitter();
+        this.actionItemClick = new EventEmitter();
+    }
+}
+NavigatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NavigatorOrganism, selector: "organisms-navigator", inputs: { canBack: "canBack", title: "title", description: "description", 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    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n", styles: [":host{--height: 64px;--height-SCOPED-IN-navigator-9nLk: var(--height)}:host{display:block;width:100%;height:var(--height-SCOPED-IN-navigator-9nLk)}:host div.text{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host div.text .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center}:host div{display:flex;justify-content:center;align-items:center}\n"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actionItems"], outputs: ["actionItemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-navigator',
+                    templateUrl: './navigator.organism.html',
+                    styleUrls: ['./navigator.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { canBack: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], actionItems: [{
+                type: Input
+            }], backButtonClick: [{
+                type: Output
+            }], actionItemClick: [{
+                type: Output
+            }] } });
+
+class NavigatorModule {
+}
+NavigatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, declarations: [NavigatorOrganism], imports: [CommonModule,
+        // Material
+        MatButtonModule,
+        MatIconModule,
+        MatToolbarModule,
+        // Atoms
+        SmartMenuButtonModule], exports: [NavigatorOrganism] });
+NavigatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, imports: [[
+            CommonModule,
+            // Material
+            MatButtonModule,
+            MatIconModule,
+            MatToolbarModule,
+            // Atoms
+            SmartMenuButtonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NavigatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NavigatorOrganism],
+                    imports: [
+                        CommonModule,
+                        // Material
+                        MatButtonModule,
+                        MatIconModule,
+                        MatToolbarModule,
+                        // Atoms
+                        SmartMenuButtonModule,
+                    ],
+                    exports: [NavigatorOrganism]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NavigatorModule, NavigatorOrganism };
+//# sourceMappingURL=ng-atomic-components-organisms-navigator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-atomic-components-organisms-navigator.js","sources":["../../../../libs/components/organisms/navigator/navigator.organism.ts","../../../../libs/components/organisms/navigator/navigator.organism.html","../../../../libs/components/organisms/navigator/navigator.module.ts","../../../../libs/components/organisms/navigator/ng-atomic-components-organisms-navigator.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ActionItem, ActionItemEvent } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'organisms-navigator',\n  templateUrl: './navigator.organism.html',\n  styleUrls: ['./navigator.organism.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigatorOrganism {\n\n  @Input()\n  canBack = true;\n\n  @Input()\n  title?: string;\n\n  @Input()\n  description?: string;\n\n  @Input()\n  actionItems: ActionItem[] = [];\n\n  @Output()\n  backButtonClick = new EventEmitter<void>();\n\n  @Output()\n  actionItemClick = new EventEmitter<ActionItemEvent>();\n\n}\n","<mat-toolbar color=\"primary\">\n  <div>\n    <button mat-icon-button *ngIf=\"canBack\" (click)=\"backButtonClick.emit()\">\n      <mat-icon>arrow_back</mat-icon>\n    </button>\n    <div class=\"text\">\n      <span class=\"title\">{{ title || '' }}</span>\n      <span class=\"description\">{{ description || '' }}</span>\n    </div>\n  </div>\n  <div>\n    <atoms-smart-menu-button\n      [actionItems]=\"actionItems\"\n      (actionItemClick)=\"actionItemClick.emit($event)\"\n    ></atoms-smart-menu-button>\n  </div>\n</mat-toolbar>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { SmartMenuButtonModule } from '@ng-atomic/components/atoms/smart-menu-button';\nimport { NavigatorOrganism } from './navigator.organism';\n\n\n\n@NgModule({\n  declarations: [NavigatorOrganism],\n  imports: [\n    CommonModule,\n    // Material\n    MatButtonModule,\n    MatIconModule,\n    MatToolbarModule,\n    // Atoms\n    SmartMenuButtonModule,\n  ],\n  exports: [NavigatorOrganism]\n})\nexport class NavigatorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, 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 * as i3 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i1 from '@ng-atomic/components/frames/auto-layout';
+import { AutoLayoutModule } from '@ng-atomic/components/frames/auto-layout';
+import * as i2 from '@ng-atomic/components/molecules/chips-input-field';
+import { ChipsInputFieldModule } from '@ng-atomic/components/molecules/chips-input-field';
 import { FormControl } from '@ngneat/reactive-forms';
 
 class PaginatorOrganism {
@@ -14,34 +17,40 @@ class PaginatorOrganism {
         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
-        }] }); })();
+PaginatorOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginatorOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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:-moz-fit-content;width:fit-content}\n"], components: [{ 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-paginator',
+                    templateUrl: './paginator.organism.html',
+                    styleUrls: ['./paginator.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'organism' },
+                }]
+        }], propDecorators: { 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: [[
+PaginatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PaginatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, declarations: [PaginatorOrganism], imports: [CommonModule,
+        // Materials
+        MatPaginatorModule,
+        // Frames
+        AutoLayoutModule,
+        // Molecules
+        ChipsInputFieldModule], exports: [PaginatorOrganism] });
+PaginatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, imports: [[
             CommonModule,
             // Materials
             MatPaginatorModule,
@@ -50,33 +59,26 @@ PaginatorModule.ɵinj = ɵɵdefineInjector({ imports: [[
             // 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); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PaginatorOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatPaginatorModule,
+                        // Frames
+                        AutoLayoutModule,
+                        // Molecules
+                        ChipsInputFieldModule,
+                    ],
+                    exports: [
+                        PaginatorOrganism
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +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;;;;;;"}
+{"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":"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"}

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

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { ɵɵngDeclareComponent, ChangeDetectionStrategy, ɵsetClassMetadata, Component, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, 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';
+import * as i1 from '@ng-atomic/components/molecules/select-input-field';
+import { SelectInputFieldModule } from '@ng-atomic/components/molecules/select-input-field';
 
 class SelectInputSectionOrganism {
     constructor() {
@@ -11,52 +12,51 @@ class SelectInputSectionOrganism {
         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-OSMJ:var(--horizontal-padding);display:block;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-OSMJ);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
-        }] }); })();
+SelectInputSectionOrganism.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectInputSectionOrganism.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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-AVKM: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-AVKM);box-sizing:border-box}:host .molecule.input-field{width:100%}\n"], components: [{ type: i1.SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: ["label", "control", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'organisms-select-input-section',
+                    templateUrl: './select-input-section.organism.html',
+                    styleUrls: ['./select-input-section.organism.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { 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: [[
+SelectInputSectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputSectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectInputSectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputSectionModule, declarations: [SelectInputSectionOrganism], imports: [CommonModule,
+        // Molecules
+        SelectInputFieldModule], exports: [SelectInputSectionOrganism] });
+SelectInputSectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputSectionModule, 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); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectInputSectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SelectInputSectionOrganism
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Molecules
+                        SelectInputFieldModule,
+                    ],
+                    exports: [
+                        SelectInputSectionOrganism
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +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;;;;;;"}
+{"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,CAAA;AANvC,IAAA,WAAA,GAAA;QASE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AAGnB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAK,CAAC;QAG/B,IAAO,CAAA,OAAA,GAA+B,EAAE,CAAC;AAE1C,KAAA;;wHAXY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,0ICTvC,wIAIgC,EAAA,MAAA,EAAA,CAAA,6RAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDKnB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,WAAW,EAAE,sCAAsC;oBACnD,SAAS,EAAE,CAAC,sCAAsC,CAAC;oBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;8BAIC,KAAK,EAAA,CAAA;sBADJ,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;;;MEEK,wBAAwB,CAAA;;sHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;uHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAXjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;AAEZ,QAAA,sBAAsB,aAGtB,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,EAT1B,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,sBAAsB;AACvB,SAAA,CAAA,EAAA,CAAA,CAAA;4FAKU,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}