@ng-atomic/components 4.16.3 → 4.20.4

package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs

@@ -12,61 +12,48 @@ class NavigationListItemMolecule {
         this.selected = false;
     }
 }
-NavigationListItemMolecule.ɵfac = function NavigationListItemMolecule_Factory(t) { return new (t || NavigationListItemMolecule)(); };
-NavigationListItemMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavigationListItemMolecule, selectors: [["molecules-navigation-list-item"]], inputs: { item: "item", selected: "selected" }, decls: 4, vars: 5, consts: [[3, "value", "selected"], ["mat-list-icon", "", 3, "name", "color"], ["mat-line", ""]], template: function NavigationListItemMolecule_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-list-option", 0);
-        i0.ɵɵelement(1, "atoms-icon", 1);
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵtext(3);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵproperty("value", ctx.item.id)("selected", ctx.selected);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("name", ctx.item == null ? null : ctx.item.icon)("color", ctx.item == null ? null : ctx.item.color);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx.item.name);
-    } }, dependencies: [i1.MatLine, i2.MatListIconCssMatStyler, i2.MatListOption, i3.IconAtom], styles: [":host{display:block}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationListItemMolecule, [{
-        type: Component,
-        args: [{ selector: 'molecules-navigation-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-option [value]=\"item.id\" [selected]=\"selected\">\n  <atoms-icon mat-list-icon [name]=\"item?.icon\" [color]=\"item?.color\"></atoms-icon>\n  <div mat-line>{{item.name}}</div>\n</mat-list-option>", styles: [":host{display:block}\n"] }]
-    }], null, { item: [{
-            type: Input
-        }], selected: [{
-            type: Input
-        }] }); })();
+NavigationListItemMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListItemMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NavigationListItemMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: NavigationListItemMolecule, selector: "molecules-navigation-list-item", inputs: { item: "item", selected: "selected" }, ngImport: i0, template: "<mat-list-option [value]=\"item.id\" [selected]=\"selected\">\n  <atoms-icon mat-list-icon [name]=\"item?.icon\" [color]=\"item?.color\"></atoms-icon>\n  <div mat-line>{{item.name}}</div>\n</mat-list-option>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i2.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "component", type: i2.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i3.IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListItemMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-navigation-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-list-option [value]=\"item.id\" [selected]=\"selected\">\n  <atoms-icon mat-list-icon [name]=\"item?.icon\" [color]=\"item?.color\"></atoms-icon>\n  <div mat-line>{{item.name}}</div>\n</mat-list-option>", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }] } });
 
 class NavigationListItemModule {
 }
-NavigationListItemModule.ɵfac = function NavigationListItemModule_Factory(t) { return new (t || NavigationListItemModule)(); };
-NavigationListItemModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: NavigationListItemModule });
-NavigationListItemModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+NavigationListItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NavigationListItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: NavigationListItemModule, declarations: [NavigationListItemMolecule], imports: [CommonModule,
         // Materials
         MatListModule,
         // Atoms
-        IconModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationListItemModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    NavigationListItemMolecule
-                ],
-                imports: [
-                    CommonModule,
-                    // Materials
-                    MatListModule,
-                    // Atoms
-                    IconModule,
-                ],
-                exports: [
-                    NavigationListItemMolecule
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(NavigationListItemModule, { declarations: [NavigationListItemMolecule], imports: [CommonModule,
+        IconModule], exports: [NavigationListItemMolecule] });
+NavigationListItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListItemModule, imports: [CommonModule,
         // Materials
         MatListModule,
         // Atoms
-        IconModule], exports: [NavigationListItemMolecule] }); })();
+        IconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: NavigationListItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NavigationListItemMolecule
+                    ],
+                    imports: [
+                        CommonModule,
+                        // Materials
+                        MatListModule,
+                        // Atoms
+                        IconModule,
+                    ],
+                    exports: [
+                        NavigationListItemMolecule
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/ng-atomic-components-molecules-navigation-list-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-navigation-list-item.mjs","sources":["../../../../libs/components/src/molecules/navigation-list-item/navigation-list-item.molecule.ts","../../../../libs/components/src/molecules/navigation-list-item/navigation-list-item.molecule.html","../../../../libs/components/src/molecules/navigation-list-item/navigation-list-item.module.ts","../../../../libs/components/src/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'molecules-navigation-list-item',\n  templateUrl: './navigation-list-item.molecule.html',\n  styleUrls: ['./navigation-list-item.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListItemMolecule {\n\n  @Input()\n  item!: ActionItem;\n\n  @Input()\n  selected = false;\n\n}\n","<mat-list-option [value]=\"item.id\" [selected]=\"selected\">\n  <atoms-icon mat-list-icon [name]=\"item?.icon\" [color]=\"item?.color\"></atoms-icon>\n  <div mat-line>{{item.name}}</div>\n</mat-list-option>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { IconModule } from '@ng-atomic/components/atoms/icon';\n\nimport { NavigationListItemMolecule } from './navigation-list-item.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    NavigationListItemMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatListModule,\n    // Atoms\n    IconModule,\n  ],\n  exports: [\n    NavigationListItemMolecule\n  ]\n})\nexport class NavigationListItemModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAUa,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;QAaE,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAElB,KAAA;;oGARY,0BAA0B,GAAA,CAAA,EAAA,CAAA;6EAA1B,0BAA0B,EAAA,SAAA,EAAA,CAAA,CAAA,gCAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,CAAA,eAAA,EAAA,EAAA,EAAA,CAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,mCAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;QCVvC,EAAyD,CAAA,cAAA,CAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,CAAA,CAAA;QACvD,EAAiF,CAAA,SAAA,CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,CAAA,CAAA;QACjF,EAAc,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA;QAAA,EAAa,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAAA,EAAA,CAAA,YAAA,EAAM,EAAA,CAAA;;AAFlB,QAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAiB,CAAA,UAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;QACN,EAAmB,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAnB,QAAA,EAAA,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAmB,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAA,GAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;QAC/B,EAAa,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAAb,EAAa,CAAA,iBAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;;uFDQhB,0BAA0B,EAAA,CAAA;cAPtC,SAAS;AACE,QAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gCAAgC,iBAG3B,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iNAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;gBAK/C,IAAI,EAAA,CAAA;kBADH,KAAK;YAIN,QAAQ,EAAA,CAAA;kBADP,KAAK;;;MESK,wBAAwB,CAAA;;gGAAxB,wBAAwB,GAAA,CAAA,EAAA,CAAA;0EAAxB,wBAAwB,EAAA,CAAA,CAAA;8EAVjC,YAAY;;QAEZ,aAAa;;QAEb,UAAU,CAAA,EAAA,CAAA,CAAA;uFAMD,wBAAwB,EAAA,CAAA;cAfpC,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,0BAA0B;AAC3B,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;;oBAEZ,aAAa;;oBAEb,UAAU;AACX,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,0BAA0B;AAC3B,iBAAA;AACF,aAAA,CAAA;;wFACY,wBAAwB,EAAA,EAAA,YAAA,EAAA,CAbjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;QAEZ,aAAa;;AAEb,QAAA,UAAU,aAGV,0BAA0B,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACrB9B;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-navigation-list-item.mjs","sources":["../../../../../packages/@ng-atomic/components/src/molecules/navigation-list-item/navigation-list-item.molecule.ts","../../../../../packages/@ng-atomic/components/src/molecules/navigation-list-item/navigation-list-item.molecule.html","../../../../../packages/@ng-atomic/components/src/molecules/navigation-list-item/navigation-list-item.module.ts","../../../../../packages/@ng-atomic/components/src/molecules/navigation-list-item/ng-atomic-components-molecules-navigation-list-item.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';\nimport { ActionItem } from '@ng-atomic/common/models';\n\n@Component({\n  selector: 'molecules-navigation-list-item',\n  templateUrl: './navigation-list-item.molecule.html',\n  styleUrls: ['./navigation-list-item.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavigationListItemMolecule {\n\n  @Input()\n  item!: ActionItem;\n\n  @Input()\n  selected = false;\n\n}\n","<mat-list-option [value]=\"item.id\" [selected]=\"selected\">\n  <atoms-icon mat-list-icon [name]=\"item?.icon\" [color]=\"item?.color\"></atoms-icon>\n  <div mat-line>{{item.name}}</div>\n</mat-list-option>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatListModule } from '@angular/material/list';\nimport { IconModule } from '@ng-atomic/components/atoms/icon';\n\nimport { NavigationListItemMolecule } from './navigation-list-item.molecule';\n\n\n\n@NgModule({\n  declarations: [\n    NavigationListItemMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Materials\n    MatListModule,\n    // Atoms\n    IconModule,\n  ],\n  exports: [\n    NavigationListItemMolecule\n  ]\n})\nexport class NavigationListItemModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MAUa,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;QAaE,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAElB,KAAA;;uHARY,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,QAAA,EAAA,IAAA,EAAA,0BAA0B,sHCVvC,iNAGkB,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FDOL,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gCAAgC,iBAG3B,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,iNAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAK/C,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,QAAQ,EAAA,CAAA;sBADP,KAAK;;;MESK,wBAAwB,CAAA;;qHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;sHAAxB,wBAAwB,EAAA,YAAA,EAAA,CAbjC,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAG1B,YAAY;;QAEZ,aAAa;;AAEb,QAAA,UAAU,aAGV,0BAA0B,CAAA,EAAA,CAAA,CAAA;AAGjB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAVjC,YAAY;;QAEZ,aAAa;;QAEb,UAAU,CAAA,EAAA,CAAA,CAAA;2FAMD,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAfpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,0BAA0B;AAC3B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,aAAa;;wBAEb,UAAU;AACX,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,0BAA0B;AAC3B,qBAAA;AACF,iBAAA,CAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs

@@ -10,16 +10,6 @@ import { FormControl } from '@ngneat/reactive-forms';
 import * as i3 from '@angular/material/form-field';
 import * as i5 from '@angular/material/core';
 
-function SelectInputFieldMolecule_mat_option_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 3);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const option_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r1.value);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", option_r1.name, " ");
-} }
 class SelectInputFieldMolecule {
     constructor() {
         this.label = '';
@@ -28,59 +18,44 @@ class SelectInputFieldMolecule {
         this.value = (item) => item?.value;
     }
 }
-SelectInputFieldMolecule.ɵfac = function SelectInputFieldMolecule_Factory(t) { return new (t || SelectInputFieldMolecule)(); };
-SelectInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectInputFieldMolecule, selectors: [["molecules-select-input-field"]], hostAttrs: [1, "molecule", "input-field", "field"], inputs: { label: "label", control: "control", options: "options" }, decls: 5, vars: 4, consts: [["appearance", "outline"], [3, "formControl"], [3, "value", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "value"]], template: function SelectInputFieldMolecule_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
-        i0.ɵɵtext(2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "mat-select", 1);
-        i0.ɵɵtemplate(4, SelectInputFieldMolecule_mat_option_4_Template, 2, 2, "mat-option", 2);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(ctx.label);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("formControl", ctx.control);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.options)("ngForTrackBy", ctx.value);
-    } }, dependencies: [i1.NgForOf, i2.NgControlStatus, i2.FormControlDirective, i3.MatFormField, i3.MatLabel, i4.MatSelect, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-Fl3a: var(--horizontal-padding)}[_nghost-%COMP%]{display:block;width:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
-        type: Component,
-        args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-Fl3a: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-    }], null, { label: [{
-            type: Input
-        }], control: [{
-            type: Input
-        }], options: [{
-            type: Input
-        }] }); })();
+SelectInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-E0zn: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-select-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule input-field field' }, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-E0zn: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
 
 class SelectInputFieldModule {
 }
-SelectInputFieldModule.ɵfac = function SelectInputFieldModule_Factory(t) { return new (t || SelectInputFieldModule)(); };
-SelectInputFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SelectInputFieldModule, bootstrap: [SelectInputFieldMolecule] });
-SelectInputFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+SelectInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SelectInputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SelectInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: SelectInputFieldModule, bootstrap: [SelectInputFieldMolecule], declarations: [SelectInputFieldMolecule], imports: [CommonModule,
         ReactiveFormsModule,
         // Materials
-        MatSelectModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [SelectInputFieldMolecule],
-                imports: [
-                    CommonModule,
-                    ReactiveFormsModule,
-                    // Materials
-                    MatSelectModule,
-                ],
-                exports: [SelectInputFieldMolecule],
-                bootstrap: [SelectInputFieldMolecule],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectInputFieldModule, { declarations: [SelectInputFieldMolecule], imports: [CommonModule,
+        MatSelectModule], exports: [SelectInputFieldMolecule] });
+SelectInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SelectInputFieldModule, imports: [CommonModule,
         ReactiveFormsModule,
         // Materials
-        MatSelectModule], exports: [SelectInputFieldMolecule] }); })();
+        MatSelectModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SelectInputFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SelectInputFieldMolecule],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        MatSelectModule,
+                    ],
+                    exports: [SelectInputFieldMolecule],
+                    bootstrap: [SelectInputFieldMolecule],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/ng-atomic-components-molecules-select-input-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-select-input-field.mjs","sources":["../../../../libs/components/src/molecules/select-input-field/select-input-field.molecule.html","../../../../libs/components/src/molecules/select-input-field/select-input-field.molecule.ts","../../../../libs/components/src/molecules/select-input-field/select-input-field.module.ts","../../../../libs/components/src/molecules/select-input-field/ng-atomic-components-molecules-select-input-field.ts"],"sourcesContent":["<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\n@Component({\n  selector: 'molecules-select-input-field',\n  templateUrl: './select-input-field.molecule.html',\n  styleUrls: ['./select-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule input-field field'},\n})\nexport class SelectInputFieldMolecule<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>();\n\n  @Input()\n  options: Option<T>[] = [];\n\n  value = (item: Option<T>) => item?.value; \n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { SelectInputFieldMolecule } from './select-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [SelectInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [SelectInputFieldMolecule],\n  bootstrap: [SelectInputFieldMolecule],\n})\nexport class SelectInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-select-input-field.mjs","sources":["../../../../../packages/@ng-atomic/components/src/molecules/select-input-field/select-input-field.molecule.ts","../../../../../packages/@ng-atomic/components/src/molecules/select-input-field/select-input-field.molecule.html","../../../../../packages/@ng-atomic/components/src/molecules/select-input-field/select-input-field.module.ts","../../../../../packages/@ng-atomic/components/src/molecules/select-input-field/ng-atomic-components-molecules-select-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\n@Component({\n  selector: 'molecules-select-input-field',\n  templateUrl: './select-input-field.molecule.html',\n  styleUrls: ['./select-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule input-field field'},\n})\nexport class SelectInputFieldMolecule<T> {\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  control = new FormControl<T>();\n\n  @Input()\n  options: Option<T>[] = [];\n\n  value = (item: Option<T>) => item?.value; \n\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-select [formControl]=\"control\">\n    <mat-option *ngFor=\"let option of options; trackBy value;\" [value]=\"option.value\">\n      {{ option.name }}\n    </mat-option>\n  </mat-select>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { SelectInputFieldMolecule } from './select-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [SelectInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [SelectInputFieldMolecule],\n  bootstrap: [SelectInputFieldMolecule],\n})\nexport class SelectInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-atomic-components-molecules-smart-column.mjs

@@ -16,58 +16,6 @@ import { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';
 import * as i7 from '@ng-atomic/common/pipes/data-accessor';
 import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
 
-function SmartColumnMolecule_th_1_mat_icon_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon", 7);
-    i0.ɵɵtext(1, "south");
-    i0.ɵɵelementEnd();
-} }
-function SmartColumnMolecule_th_1_mat_icon_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon", 7);
-    i0.ɵɵtext(1, "north");
-    i0.ɵɵelementEnd();
-} }
-function SmartColumnMolecule_th_1_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "th", 3);
-    i0.ɵɵlistener("click", function SmartColumnMolecule_th_1_Template_th_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.headerClick.emit()); });
-    i0.ɵɵelementStart(1, "p", 4)(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerStart(4, 5);
-    i0.ɵɵtemplate(5, SmartColumnMolecule_th_1_mat_icon_5_Template, 2, 0, "mat-icon", 6);
-    i0.ɵɵtemplate(6, SmartColumnMolecule_th_1_mat_icon_6_Template, 2, 0, "mat-icon", 6);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("text-align", ctx_r0.justify);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.headerText);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitch", ctx_r0.sort);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", "asc");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngSwitchCase", "desc");
-} }
-function SmartColumnMolecule_td_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "td", 8)(1, "p", 9, 10);
-    i0.ɵɵlistener("click", function SmartColumnMolecule_td_2_Template_p_click_1_listener() { i0.ɵɵrestoreView(_r9); const _r7 = i0.ɵɵreference(2); const ctx_r8 = i0.ɵɵnextContext(); ctx_r8.copied(); return i0.ɵɵresetView(_r7.show()); });
-    i0.ɵɵpipe(3, "smartExp");
-    i0.ɵɵpipe(4, "dataAccessor");
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "dataAccessor");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const data_r6 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("text-align", ctx_r1.justify);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("cdkCopyToClipboard", i0.ɵɵpipeBind2(3, 5, i0.ɵɵpipeBind2(4, 8, data_r6, ctx_r1.name), ctx_r1.name))("matTooltip", ctx_r1.text);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(6, 11, data_r6, ctx_r1.name), " ");
-} }
 class SmartColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
@@ -80,67 +28,61 @@ class SmartColumnMolecule extends MatTextColumn {
         setTimeout(() => this.text = 'copy', 1000);
     }
 }
-SmartColumnMolecule.ɵfac = /*@__PURE__*/ function () { let ɵSmartColumnMolecule_BaseFactory; return function SmartColumnMolecule_Factory(t) { return (ɵSmartColumnMolecule_BaseFactory || (ɵSmartColumnMolecule_BaseFactory = i0.ɵɵgetInheritedFactory(SmartColumnMolecule)))(t || SmartColumnMolecule); }; }();
-SmartColumnMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SmartColumnMolecule, selectors: [["molecules-smart-column"]], inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 0, consts: [["matColumnDef", ""], ["mat-header-cell", "", 3, "text-align", "click", 4, "matHeaderCellDef"], ["mat-cell", "", 3, "text-align", 4, "matCellDef"], ["mat-header-cell", "", 3, "click"], [1, "nowrap", 2, "display", "flex", "align-items", "center"], [3, "ngSwitch"], ["class", "order", 4, "ngSwitchCase"], [1, "order"], ["mat-cell", ""], ["matTooltipPosition", "below", 1, "nowrap", 3, "cdkCopyToClipboard", "matTooltip", "click"], ["tooltip", "matTooltip"]], template: function SmartColumnMolecule_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementContainerStart(0, 0);
-        i0.ɵɵtemplate(1, SmartColumnMolecule_th_1_Template, 7, 6, "th", 1);
-        i0.ɵɵtemplate(2, SmartColumnMolecule_td_2_Template, 7, 14, "td", 2);
-        i0.ɵɵelementContainerEnd();
-    } }, dependencies: [i1.NgSwitch, i1.NgSwitchCase, i2.CdkCopyToClipboard, i3.MatIcon, i4.MatHeaderCellDef, i4.MatColumnDef, i4.MatCellDef, i4.MatHeaderCell, i4.MatCell, i5.MatTooltip, i6.SmartExpPipe, i7.DataAccessorPipe], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
-        type: Component,
-        args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-    }], null, { sort: [{
-            type: Input
-        }], headerClick: [{
-            type: Output
-        }] }); })();
+SmartColumnMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.9", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i6.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: i7.DataAccessorPipe, name: "dataAccessor" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartColumnMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-smart-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>", styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] .nowrap,td[mat-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { sort: [{
+                type: Input
+            }], headerClick: [{
+                type: Output
+            }] } });
 
 class SmartColumnModule {
 }
-SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
-SmartColumnModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SmartColumnModule, bootstrap: [SmartColumnMolecule] });
-SmartColumnModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+SmartColumnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartColumnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SmartColumnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.9", ngImport: i0, type: SmartColumnModule, bootstrap: [SmartColumnMolecule], declarations: [SmartColumnMolecule], imports: [CommonModule,
         ClipboardModule,
         // Pipes
         SmartExpModule,
+        DataAccessorPipe,
         // Materials
         MatButtonModule,
         MatIconModule,
         MatTableModule,
-        MatTooltipModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnModule, [{
-        type: NgModule,
-        args: [{
-                declarations: [
-                    SmartColumnMolecule,
-                ],
-                imports: [
-                    CommonModule,
-                    ClipboardModule,
-                    // Pipes
-                    SmartExpModule,
-                    DataAccessorPipe,
-                    // Materials
-                    MatButtonModule,
-                    MatIconModule,
-                    MatTableModule,
-                    MatTooltipModule,
-                ],
-                exports: [SmartColumnMolecule],
-                bootstrap: [SmartColumnMolecule],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [CommonModule,
+        MatTooltipModule], exports: [SmartColumnMolecule] });
+SmartColumnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartColumnModule, imports: [CommonModule,
         ClipboardModule,
         // Pipes
         SmartExpModule,
-        DataAccessorPipe,
         // Materials
         MatButtonModule,
         MatIconModule,
         MatTableModule,
-        MatTooltipModule], exports: [SmartColumnMolecule] }); })();
+        MatTooltipModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: SmartColumnModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SmartColumnMolecule,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ClipboardModule,
+                        // Pipes
+                        SmartExpModule,
+                        DataAccessorPipe,
+                        // Materials
+                        MatButtonModule,
+                        MatIconModule,
+                        MatTableModule,
+                        MatTooltipModule,
+                    ],
+                    exports: [SmartColumnMolecule],
+                    bootstrap: [SmartColumnMolecule],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2020/ng-atomic-components-molecules-smart-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../libs/components/src/molecules/smart-column/smart-column.molecule.html","../../../../libs/components/src/molecules/smart-column/smart-column.molecule.ts","../../../../libs/components/src/molecules/smart-column/smart-column.module.ts","../../../../libs/components/src/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>","import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation, Optional, Inject, inject, ViewChild } from '@angular/core';\nimport { MatColumnDef, MatTextColumn } from '@angular/material/table';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n\n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n}\n","import { NgModule, Pipe } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n  ],\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    // Pipes\n    SmartExpModule,\n    DataAccessorPipe,\n    // Materials\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  exports: [SmartColumnMolecule],\n  bootstrap: [SmartColumnMolecule],\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-molecules-smart-column.mjs","sources":["../../../../../packages/@ng-atomic/components/src/molecules/smart-column/smart-column.molecule.ts","../../../../../packages/@ng-atomic/components/src/molecules/smart-column/smart-column.molecule.html","../../../../../packages/@ng-atomic/components/src/molecules/smart-column/smart-column.module.ts","../../../../../packages/@ng-atomic/components/src/molecules/smart-column/ng-atomic-components-molecules-smart-column.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Input, Output, EventEmitter, Component, ViewEncapsulation, Optional, Inject, inject, ViewChild } from '@angular/core';\nimport { MatColumnDef, MatTextColumn } from '@angular/material/table';\n\n@Component({\n  selector: 'molecules-smart-column',\n  templateUrl: './smart-column.molecule.html',\n  styleUrls: ['./smart-column.molecule.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class SmartColumnMolecule<T> extends MatTextColumn<T> {\n\n  @Input()\n  sort: 'asc' | 'desc' | 'none' = 'none';\n\n  @Output()\n  headerClick = new EventEmitter<void>();\n\n  text = 'copy';\n\n  copied() {\n    this.text = 'copied!';\n    setTimeout(() => this.text = 'copy', 1000);\n  }\n}\n","<ng-container matColumnDef>\n  <th\n    mat-header-cell\n    *matHeaderCellDef\n    [style.text-align]=\"justify\"\n    (click)=\"headerClick.emit()\"\n  >\n    <p class=\"nowrap\" style=\"display: flex; align-items: center;\">\n      <span>{{headerText}}</span>\n      <ng-container [ngSwitch]=\"sort\">\n        <mat-icon class=\"order\" *ngSwitchCase=\"'asc'\">south</mat-icon>\n        <mat-icon class=\"order\" *ngSwitchCase=\"'desc'\">north</mat-icon>\n      </ng-container>\n    </p>\n  </th>\n  <td mat-cell *matCellDef=\"let data\" [style.text-align]=\"justify\">\n    <p class=\"nowrap\"\n      [cdkCopyToClipboard]=\"data | dataAccessor: name | smartExp: name\"\n      (click)=\"copied(); tooltip.show()\"\n      #tooltip=\"matTooltip\" [matTooltip]=\"text\" matTooltipPosition=\"below\"\n    >\n      {{ data | dataAccessor: name }}\n    </p>\n  </td>\n</ng-container>","import { NgModule, Pipe } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SmartExpModule } from '@ng-atomic/common/pipes/smart-exp';\nimport { SmartColumnMolecule } from './smart-column.molecule';\nimport { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';\n\n@NgModule({\n  declarations: [\n    SmartColumnMolecule,\n  ],\n  imports: [\n    CommonModule,\n    ClipboardModule,\n    // Pipes\n    SmartExpModule,\n    DataAccessorPipe,\n    // Materials\n    MatButtonModule,\n    MatIconModule,\n    MatTableModule,\n    MatTooltipModule,\n  ],\n  exports: [SmartColumnMolecule],\n  bootstrap: [SmartColumnMolecule],\n})\nexport class SmartColumnModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}