@ng-atomic/components 1.6.0 → 2.0.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngneat/reactive-forms'), require('rxjs/operators'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/forms'), require('@angular/material/datepicker'), require('@angular/common'), require('@ng-atomic/common/utils')) :
-    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/date-input-field', ['exports', '@angular/core', '@ngneat/reactive-forms', 'rxjs/operators', '@angular/material/form-field', '@angular/material/input', '@angular/forms', '@angular/material/datepicker', '@angular/common', '@ng-atomic/common/utils'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['date-input-field'] = {}), global.ng.core, global.reactiveForms, global.rxjs.operators, global.ng.material.formField, global.ng.material.input, global.ng.forms, global.ng.material.datepicker, global.ng.common, global.utils));
-}(this, (function (exports, i0, reactiveForms, operators, i1, i2, i3, i4, i5, utils) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngneat/reactive-forms'), require('rxjs/operators'), require('@angular/material/form-field'), require('@angular/material/datepicker'), require('@angular/material/input'), require('@angular/forms'), require('@angular/common'), require('@ng-atomic/common/utils')) :
+    typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/date-input-field', ['exports', '@angular/core', '@ngneat/reactive-forms', 'rxjs/operators', '@angular/material/form-field', '@angular/material/datepicker', '@angular/material/input', '@angular/forms', '@angular/common', '@ng-atomic/common/utils'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-atomic"] = global["ng-atomic"] || {}, global["ng-atomic"].components = global["ng-atomic"].components || {}, global["ng-atomic"].components.molecules = global["ng-atomic"].components.molecules || {}, global["ng-atomic"].components.molecules["date-input-field"] = {}), global.ng.core, global.reactiveForms, global.rxjs.operators, global.ng.material.formField, global.ng.material.datepicker, global.ng.material.input, global.ng.forms, global.ng.common, global.utils));
+})(this, (function (exports, i0, reactiveForms, operators, i1, i2, i3, i4, i5, utils) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,18 +13,21 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
 
     var DateInputFieldMolecule = /** @class */ (function () {
         function DateInputFieldMolecule() {
@@ -41,10 +44,9 @@
         };
         return DateInputFieldMolecule;
     }());
-    DateInputFieldMolecule.ɵfac = function DateInputFieldMolecule_Factory(t) { return new (t || DateInputFieldMolecule)(); };
-    DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding:16px;--horizontal-padding-SCOPED-IN-date-input-field-fIMQ:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldMolecule, [{
+    DateInputFieldMolecule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateInputFieldMolecule, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DateInputFieldMolecule.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0__namespace, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-8ZT8: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2__namespace.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i1__namespace.MatLabel, selector: "mat-label" }, { type: i3__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i4__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2__namespace.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1__namespace.MatSuffix, selector: "[matSuffix]" }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateInputFieldMolecule, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'molecules-date-input-field',
@@ -53,7 +55,7 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         host: { class: 'molecule field' },
                     }]
-            }], null, { _control: [{
+            }], propDecorators: { _control: [{
                     type: i0.Input,
                     args: ['control']
                 }], label: [{
@@ -62,46 +64,41 @@
                     type: i0.Input
                 }], hint: [{
                     type: i0.Input
-                }] });
-    })();
+                }] } });
 
     var DateInputFieldModule = /** @class */ (function () {
         function DateInputFieldModule() {
         }
         return DateInputFieldModule;
     }());
-    DateInputFieldModule.ɵfac = function DateInputFieldModule_Factory(t) { return new (t || DateInputFieldModule)(); };
-    DateInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: DateInputFieldModule });
-    DateInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
+    DateInputFieldModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateInputFieldModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    DateInputFieldModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateInputFieldModule, declarations: [DateInputFieldMolecule], imports: [i5.CommonModule,
+            i4.ReactiveFormsModule,
+            i3.MatInputModule,
+            i2.MatDatepickerModule,
+            utils.MatDayjsDateModule], exports: [DateInputFieldMolecule] });
+    DateInputFieldModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateInputFieldModule, imports: [[
                 i5.CommonModule,
-                i3.ReactiveFormsModule,
-                i2.MatInputModule,
-                i4.MatDatepickerModule,
+                i4.ReactiveFormsModule,
+                i3.MatInputModule,
+                i2.MatDatepickerModule,
                 utils.MatDayjsDateModule,
             ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DateInputFieldModule, { declarations: [DateInputFieldMolecule], imports: [i5.CommonModule,
-                i3.ReactiveFormsModule,
-                i2.MatInputModule,
-                i4.MatDatepickerModule,
-                utils.MatDayjsDateModule], exports: [DateInputFieldMolecule] });
-    })();
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldModule, [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DateInputFieldModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [DateInputFieldMolecule],
                         imports: [
                             i5.CommonModule,
-                            i3.ReactiveFormsModule,
-                            i2.MatInputModule,
-                            i4.MatDatepickerModule,
+                            i4.ReactiveFormsModule,
+                            i3.MatInputModule,
+                            i2.MatDatepickerModule,
                             utils.MatDayjsDateModule,
                         ],
                         exports: [DateInputFieldMolecule],
+                        // providers: [...MAT_DAYJS_JP_PROVIDERS],
                     }]
-            }], null, null);
-    })();
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
@@ -112,5 +109,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-atomic-components-molecules-date-input-field.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-date-input-field.umd.js","sources":["../../../../libs/components/molecules/date-input-field/date-input-field.molecule.ts","../../../../libs/components/molecules/date-input-field/date-input-field.molecule.html","../../../../libs/components/molecules/date-input-field/date-input-field.module.ts","../../../../libs/components/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Dayjs } from 'dayjs';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n  selector: 'molecules-date-input-field',\n  templateUrl: './date-input-field.molecule.html',\n  styleUrls: ['./date-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class DateInputFieldMolecule {\n  control = new FormControl<Dayjs>();\n\n  @Input('control')\n  private _control = new FormControl<Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  hint?: string;\n\n  ngOnInit(): void {\n    this.control.valueChanges.pipe(\n      filter(value => this._control.value !== value),\n    ).subscribe(value => this._control.setValue(value));\n\n    this._control.valueChanges.subscribe(value => this.control.setValue(value));\n    this.control.setValue(this._control.value);\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\nimport { DateInputFieldMolecule } from './date-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [DateInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [DateInputFieldMolecule],\n  // providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","filter","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatInputModule","MatDatepickerModule","MatDayjsDateModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAKA;YAQE,YAAO,GAAG,IAAIA,yBAAW,EAAS,CAAC;YAG3B,aAAQ,GAAG,IAAIA,yBAAW,EAAS,CAAC;YAG5C,UAAK,GAAG,EAAE,CAAC;YAGX,gBAAW,GAAG,EAAE,CAAC;SAalB;QARC,yCAAQ,GAAR;YAAA,iBAOC;YANC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAC5BC,gBAAM,CAAC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,KAAK,GAAA,CAAC,CAC/C,CAAC,SAAS,CAAC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAA,CAAC,CAAC;YAEpD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAA,CAAC,CAAC;YAC5E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC5C;;;gGAtBU,sBAAsB;sFAAtB,sBAAsB,kOCZnC,sXAMiB;;gFDMJ,sBAAsB;sBAPlCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,4BAA4B;wBACtC,WAAW,EAAE,kCAAkC;wBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;wBAC/C,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC;qBAChC;wBAKS,QAAQ;0BADfC,QAAK;2BAAC,SAAS;oBAIhB,KAAK;0BADJA,QAAK;oBAIN,WAAW;0BADVA,QAAK;oBAIN,IAAI;0BADHA,QAAK;;;;;QEFR;;;;4FAAa,oBAAoB;4DAApB,oBAAoB;gEAVtB;gBACPC,eAAY;gBACZC,sBAAmB;gBACnBC,iBAAc;gBACdC,sBAAmB;gBACnBC,wBAAkB;aACnB;;iFAIU,oBAAoB,mBAXhB,sBAAsB,aAEnCJ,eAAY;gBACZC,sBAAmB;gBACnBC,iBAAc;gBACdC,sBAAmB;gBACnBC,wBAAkB,aAEV,sBAAsB;;;gFAGrB,oBAAoB;sBAZhCC,WAAQ;uBAAC;wBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE;4BACPL,eAAY;4BACZC,sBAAmB;4BACnBC,iBAAc;4BACdC,sBAAmB;4BACnBC,wBAAkB;yBACnB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBAElC;;;;ICrBD;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-date-input-field.umd.js","sources":["../../../../libs/components/molecules/date-input-field/date-input-field.molecule.ts","../../../../libs/components/molecules/date-input-field/date-input-field.molecule.html","../../../../libs/components/molecules/date-input-field/date-input-field.module.ts","../../../../libs/components/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { Dayjs } from 'dayjs';\nimport { filter } from 'rxjs/operators';\n\n@Component({\n  selector: 'molecules-date-input-field',\n  templateUrl: './date-input-field.molecule.html',\n  styleUrls: ['./date-input-field.molecule.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {class: 'molecule field'},\n})\nexport class DateInputFieldMolecule {\n  control = new FormControl<Dayjs>();\n\n  @Input('control')\n  private _control = new FormControl<Dayjs>();\n\n  @Input()\n  label = '';\n\n  @Input()\n  placeholder = '';\n\n  @Input()\n  hint?: string;\n\n  ngOnInit(): void {\n    this.control.valueChanges.pipe(\n      filter(value => this._control.value !== value),\n    ).subscribe(value => this._control.setValue(value));\n\n    this._control.valueChanges.subscribe(value => this.control.setValue(value));\n    this.control.setValue(this._control.value);\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDayjsDateModule, MAT_DAYJS_JP_PROVIDERS } from '@ng-atomic/common/utils';\nimport { DateInputFieldMolecule } from './date-input-field.molecule';\n\n\n\n@NgModule({\n  declarations: [DateInputFieldMolecule],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n    MatDayjsDateModule,\n  ],\n  exports: [DateInputFieldMolecule],\n  // providers: [...MAT_DAYJS_JP_PROVIDERS],\n})\nexport class DateInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","filter","i0","i1","i2","i3","i4","i5","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatInputModule","MatDatepickerModule","MatDayjsDateModule","NgModule"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/select'), require('@ngneat/reactive-forms'), require('@angular/material/form-field'), require('@angular/material/core')) :
     typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/select-input-field', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/select', '@ngneat/reactive-forms', '@angular/material/form-field', '@angular/material/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['select-input-field'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.select, global.reactiveForms, global.ng.material.formField, global.ng.material.core));
-}(this, (function (exports, i0, i4, i3, i2, reactiveForms, i1, i5) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-atomic"] = global["ng-atomic"] || {}, global["ng-atomic"].components = global["ng-atomic"].components || {}, global["ng-atomic"].components.molecules = global["ng-atomic"].components.molecules || {}, global["ng-atomic"].components.molecules["select-input-field"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.select, global.reactiveForms, global.ng.material.formField, global.ng.material.core));
+})(this, (function (exports, i0, i5, i4, i2, reactiveForms, i1, i3) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,18 +13,21 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
     var SelectInputFieldMolecule = /** @class */ (function () {
         function SelectInputFieldMolecule() {
@@ -35,10 +38,9 @@
         }
         return SelectInputFieldMolecule;
     }());
-    SelectInputFieldMolecule.ɵfac = function SelectInputFieldMolecule_Factory(t) { return new (t || SelectInputFieldMolecule)(); };
-    SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0__namespace, 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-wGBb:var(--horizontal-padding);display:block}:host,:host mat-form-field{width:100%}"], directives: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i1.MatLabel, selector: "mat-label" }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldMolecule, [{
+    SelectInputFieldMolecule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SelectInputFieldMolecule, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SelectInputFieldMolecule.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SelectInputFieldMolecule, selector: "molecules-select-input-field", inputs: { label: "label", control: "control", options: "options" }, host: { classAttribute: "molecule input-field field" }, ngImport: i0__namespace, 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-gGrm: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i2__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1__namespace.MatLabel, selector: "mat-label" }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SelectInputFieldMolecule, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'molecules-select-input-field',
@@ -47,44 +49,39 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         host: { class: 'molecule input-field field' },
                     }]
-            }], null, { label: [{
+            }], propDecorators: { label: [{
                     type: i0.Input
                 }], control: [{
                     type: i0.Input
                 }], options: [{
                     type: i0.Input
-                }] });
-    })();
+                }] } });
 
     var SelectInputFieldModule = /** @class */ (function () {
         function SelectInputFieldModule() {
         }
         return SelectInputFieldModule;
     }());
-    SelectInputFieldModule.ɵfac = function SelectInputFieldModule_Factory(t) { return new (t || SelectInputFieldModule)(); };
-    SelectInputFieldModule.ɵmod = i0.ɵɵdefineNgModule({ type: SelectInputFieldModule });
-    SelectInputFieldModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
-                i4.CommonModule,
-                i3.ReactiveFormsModule,
+    SelectInputFieldModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SelectInputFieldModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SelectInputFieldModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SelectInputFieldModule, declarations: [SelectInputFieldMolecule], imports: [i5.CommonModule,
+            i4.ReactiveFormsModule,
+            // Materials
+            i2.MatSelectModule], exports: [SelectInputFieldMolecule] });
+    SelectInputFieldModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SelectInputFieldModule, imports: [[
+                i5.CommonModule,
+                i4.ReactiveFormsModule,
                 // Materials
                 i2.MatSelectModule,
             ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectInputFieldModule, { declarations: [SelectInputFieldMolecule], imports: [i4.CommonModule,
-                i3.ReactiveFormsModule,
-                // Materials
-                i2.MatSelectModule], exports: [SelectInputFieldMolecule] });
-    })();
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldModule, [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SelectInputFieldModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
                             SelectInputFieldMolecule
                         ],
                         imports: [
-                            i4.CommonModule,
-                            i3.ReactiveFormsModule,
+                            i5.CommonModule,
+                            i4.ReactiveFormsModule,
                             // Materials
                             i2.MatSelectModule,
                         ],
@@ -92,8 +89,7 @@
                             SelectInputFieldMolecule
                         ]
                     }]
-            }], null, null);
-    })();
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
@@ -104,5 +100,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-atomic-components-molecules-select-input-field.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-select-input-field.umd.js","sources":["../../../../libs/components/molecules/select-input-field/select-input-field.molecule.ts","../../../../libs/components/molecules/select-input-field/select-input-field.molecule.html","../../../../libs/components/molecules/select-input-field/select-input-field.module.ts","../../../../libs/components/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: [\n    SelectInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [\n    SelectInputFieldMolecule\n  ]\n})\nexport class SelectInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatSelectModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAQA;YAUE,UAAK,GAAW,EAAE,CAAC;YAGnB,YAAO,GAAG,IAAIA,yBAAW,EAAK,CAAC;YAG/B,YAAO,GAAgB,EAAE,CAAC;YAE1B,UAAK,GAAG,UAAC,IAAe,IAAK,OAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAA,CAAC;SAE1C;;;oGAbY,wBAAwB;wFAAxB,wBAAwB,2MCfrC,qSAOiB;;gFDQJ,wBAAwB;sBAPpCC,YAAS;uBAAC;wBACT,QAAQ,EAAE,8BAA8B;wBACxC,WAAW,EAAE,oCAAoC;wBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;wBACjD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;wBAC/C,IAAI,EAAE,EAAC,KAAK,EAAE,4BAA4B,EAAC;qBAC5C;wBAIC,KAAK;0BADJC,QAAK;oBAIN,OAAO;0BADNA,QAAK;oBAIN,OAAO;0BADNA,QAAK;;;;;QEAR;;;;gGAAa,sBAAsB;8DAAtB,sBAAsB;kEAVxB;gBACPC,eAAY;gBACZC,sBAAmB;;gBAEnBC,kBAAe;aAChB;;iFAKU,sBAAsB,mBAZ/B,wBAAwB,aAGxBF,eAAY;gBACZC,sBAAmB;;gBAEnBC,kBAAe,aAGf,wBAAwB;;;gFAGf,sBAAsB;sBAdlCC,WAAQ;uBAAC;wBACR,YAAY,EAAE;4BACZ,wBAAwB;yBACzB;wBACD,OAAO,EAAE;4BACPH,eAAY;4BACZC,sBAAmB;;4BAEnBC,kBAAe;yBAChB;wBACD,OAAO,EAAE;4BACP,wBAAwB;yBACzB;qBACF;;;;ICtBD;;;;;;;;;;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-select-input-field.umd.js","sources":["../../../../libs/components/molecules/select-input-field/select-input-field.molecule.ts","../../../../libs/components/molecules/select-input-field/select-input-field.molecule.html","../../../../libs/components/molecules/select-input-field/select-input-field.module.ts","../../../../libs/components/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: [\n    SelectInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatSelectModule,\n  ],\n  exports: [\n    SelectInputFieldMolecule\n  ]\n})\nexport class SelectInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","i0","i1","i2","i3","i4","i5","Component","ChangeDetectionStrategy","Input","CommonModule","ReactiveFormsModule","MatSelectModule","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,QAAA,wBAAA,kBAAA,YAAA;IAPA,IAAA,SAAA,wBAAA,GAAA;IAUE,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;IAGnB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAIA,yBAAW,EAAK,CAAC;IAG/B,QAAA,IAAO,CAAA,OAAA,GAAgB,EAAE,CAAC;IAE1B,QAAA,IAAA,CAAA,KAAK,GAAG,UAAC,IAAe,EAAA,EAAK,OAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJ,IAAI,CAAE,KAAK,CAAX,EAAW,CAAC;SAE1C;;;gJAbY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAC,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAxB,wBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,2MCfrC,qSAOiB,EAAA,MAAA,EAAA,CAAA,sLAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAF,aAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAAG,aAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAAA,aAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAAC,aAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAAL,aAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;sHDQJ,wBAAwB,EAAA,UAAA,EAAA,CAAA;sBAPpCM,YAAS;IAAC,YAAA,IAAA,EAAA,CAAA;IACT,oBAAA,QAAQ,EAAE,8BAA8B;IACxC,oBAAA,WAAW,EAAE,oCAAoC;wBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;wBACjD,eAAe,EAAEC,0BAAuB,CAAC,MAAM;IAC/C,oBAAA,IAAI,EAAE,EAAC,KAAK,EAAE,4BAA4B,EAAC;qBAC5C,CAAA;kCAIC,KAAK,EAAA,CAAA;0BADJC,QAAK;oBAIN,OAAO,EAAA,CAAA;0BADNA,QAAK;oBAIN,OAAO,EAAA,CAAA;0BADNA,QAAK;;;AEAR,QAAA,sBAAA,kBAAA,YAAA;IAAA,IAAA,SAAA,sBAAA,GAAA;;;;8IAAa,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAR,aAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+IAAtB,sBAAsB,EAAA,YAAA,EAAA,CAZ/B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxBS,eAAY;YACZC,sBAAmB;;YAEnBC,kBAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;IAGf,sBAAA,CAAA,IAAA,GAAAX,aAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAAA,aAAA,EAAA,IAAA,EAAA,sBAAsB,EAVxB,OAAA,EAAA,CAAA;gBACPS,eAAY;gBACZC,sBAAmB;;gBAEnBC,kBAAe;aAChB,CAAA,EAAA,CAAA,CAAA;sHAKU,sBAAsB,EAAA,UAAA,EAAA,CAAA;sBAdlCC,WAAQ;IAAC,YAAA,IAAA,EAAA,CAAA;IACR,oBAAA,YAAY,EAAE;4BACZ,wBAAwB;IACzB,qBAAA;IACD,oBAAA,OAAO,EAAE;4BACPH,eAAY;4BACZC,sBAAmB;;4BAEnBC,kBAAe;IAChB,qBAAA;IACD,oBAAA,OAAO,EAAE;4BACP,wBAAwB;IACzB,qBAAA;qBACF,CAAA;;;ICtBD;;IAEG;;;;;;;;;;;"}

package/bundles/ng-atomic-components-molecules-smart-column.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/table'), require('@angular/material/icon'), require('@ng-atomic/common/utils'), require('flat'), require('@ng-atomic/common/pipes')) :
     typeof define === 'function' && define.amd ? define('@ng-atomic/components/molecules/smart-column', ['exports', '@angular/core', '@angular/common', '@angular/material/table', '@angular/material/icon', '@ng-atomic/common/utils', 'flat', '@ng-atomic/common/pipes'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-atomic'] = global['ng-atomic'] || {}, global['ng-atomic'].components = global['ng-atomic'].components || {}, global['ng-atomic'].components.molecules = global['ng-atomic'].components.molecules || {}, global['ng-atomic'].components.molecules['smart-column'] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.ng.material.icon, global.utils, global.flat, global.i4));
-}(this, (function (exports, i0, i2, i1, i3, utils, flat, i4) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-atomic"] = global["ng-atomic"] || {}, global["ng-atomic"].components = global["ng-atomic"].components || {}, global["ng-atomic"].components.molecules = global["ng-atomic"].components.molecules || {}, global["ng-atomic"].components.molecules["smart-column"] = {}), global.ng.core, global.ng.common, global.ng.material.table, global.ng.material.icon, global.utils, global.flat, global.i4));
+})(this, (function (exports, i0, i3, i2, i1, utils, flat, i4) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,18 +13,20 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -347,7 +349,7 @@
     var SmartColumnMolecule = /** @class */ (function (_super) {
         __extends(SmartColumnMolecule, _super);
         function SmartColumnMolecule() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.dataAccessor = function (data, name) {
                 var _a;
                 return name.includes('.') ? (_a = flat.flatten(utils.toObject(data))) === null || _a === void 0 ? void 0 : _a[name] : data === null || data === void 0 ? void 0 : data[name];
@@ -357,12 +359,10 @@
             return _this;
         }
         return SmartColumnMolecule;
-    }(i1.MatTextColumn));
-    SmartColumnMolecule.ɵfac = function SmartColumnMolecule_Factory(t) { return ɵSmartColumnMolecule_BaseFactory(t || SmartColumnMolecule); };
-    SmartColumnMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ version: "11.2.14", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0__namespace, 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\">{{dataAccessor(data, name) | smartExp:name}}</p>\n  </td>\n</ng-container>", styles: ["td[mat-cell],th[mat-header-cell]{cursor:pointer}td[mat-cell] mat-icon.order,th[mat-header-cell] mat-icon.order{width:12px;height:12px;font-size:12px}td[mat-cell] .nowrap,th[mat-header-cell] .nowrap{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}"], directives: [{ type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i1.MatCellDef, selector: "[matCellDef]" }, { type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i4.SmartExpPipe }, changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
-    var ɵSmartColumnMolecule_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(SmartColumnMolecule);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnMolecule, [{
+    }(i2.MatTextColumn));
+    SmartColumnMolecule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SmartColumnMolecule, deps: null, target: i0__namespace.ɵɵFactoryTarget.Component });
+    SmartColumnMolecule.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SmartColumnMolecule, selector: "molecules-smart-column", inputs: { sort: "sort" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0__namespace, 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\">{{dataAccessor(data, name) | smartExp:name}}</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"], components: [{ type: i1__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2__namespace.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i2__namespace.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i2__namespace.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.MatCellDef, selector: "[matCellDef]" }, { type: i2__namespace.MatCell, selector: "mat-cell, td[mat-cell]" }], pipes: { "smartExp": i4__namespace.SmartExpPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SmartColumnMolecule, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'molecules-smart-column',
@@ -371,57 +371,51 @@
                         encapsulation: i0.ViewEncapsulation.None,
                         changeDetection: i0.ChangeDetectionStrategy.Default,
                     }]
-            }], null, { sort: [{
+            }], propDecorators: { sort: [{
                     type: i0.Input
                 }], headerClick: [{
                     type: i0.Output
-                }] });
-    })();
+                }] } });
 
     var SmartColumnModule = /** @class */ (function () {
         function SmartColumnModule() {
         }
         return SmartColumnModule;
     }());
-    SmartColumnModule.ɵfac = function SmartColumnModule_Factory(t) { return new (t || SmartColumnModule)(); };
-    SmartColumnModule.ɵmod = i0.ɵɵdefineNgModule({ type: SmartColumnModule });
-    SmartColumnModule.ɵinj = i0.ɵɵdefineInjector({ imports: [[
-                i2.CommonModule,
+    SmartColumnModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SmartColumnModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SmartColumnModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SmartColumnModule, declarations: [SmartColumnMolecule], imports: [i3.CommonModule,
+            // Pipes
+            i4.SmartExpModule,
+            // Materials
+            i1.MatIconModule,
+            i2.MatTableModule], exports: [SmartColumnMolecule] });
+    SmartColumnModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SmartColumnModule, imports: [[
+                i3.CommonModule,
                 // Pipes
                 i4.SmartExpModule,
                 // Materials
-                i3.MatIconModule,
-                i1.MatTableModule,
+                i1.MatIconModule,
+                i2.MatTableModule,
             ]] });
-    (function () {
-        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SmartColumnModule, { declarations: [SmartColumnMolecule], imports: [i2.CommonModule,
-                // Pipes
-                i4.SmartExpModule,
-                // Materials
-                i3.MatIconModule,
-                i1.MatTableModule], exports: [SmartColumnMolecule] });
-    })();
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SmartColumnModule, [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SmartColumnModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
                             SmartColumnMolecule,
                         ],
                         imports: [
-                            i2.CommonModule,
+                            i3.CommonModule,
                             // Pipes
                             i4.SmartExpModule,
                             // Materials
-                            i3.MatIconModule,
-                            i1.MatTableModule,
+                            i1.MatIconModule,
+                            i2.MatTableModule,
                         ],
                         exports: [
                             SmartColumnMolecule
                         ]
                     }]
-            }], null, null);
-    })();
+            }] });
 
     /**
      * Generated bundle index. Do not edit.
@@ -432,5 +426,5 @@
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-atomic-components-molecules-smart-column.umd.js.map