@ng-atomic/components 3.1.0 → 3.2.5

package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs

@@ -1,40 +1,147 @@
 import * as i0 from '@angular/core';
 import { Component, Input, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1 from '@ng-atomic/components/atoms/chips-input';
 import { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';
-import { ElementsModule } from '@ng-atomic/elements';
+import { ENTER, COMMA, SPACE } from '@angular/cdk/keycodes';
 import { FormControl } from '@ngneat/reactive-forms';
+import { ReplaySubject, takeUntil } from 'rxjs';
+import * as i1 from '@ng-atomic/common/services/chips-manager';
+import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i6 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { ReactiveFormsModule } from '@angular/forms';
 
+function ChipsInputFieldMolecule_mat_chip_5_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r5 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "mat-chip", 5);
+        i0.ɵɵlistener("removed", function ChipsInputFieldMolecule_mat_chip_5_Template_mat_chip_removed_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const chip_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.remove(chip_r3); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementStart(2, "mat-icon", 6);
+        i0.ɵɵtext(3, "cancel");
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const chip_r3 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate1(" ", chip_r3, " ");
+    }
+}
+function ChipsInputFieldMolecule_mat_hint_7_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-hint");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r2.hint);
+    }
+}
 class ChipsInputFieldMolecule {
-    constructor() {
-        this.control = new FormControl();
+    constructor(cd, chipsManager) {
+        this.cd = cd;
+        this.chipsManager = chipsManager;
+        this.appearance = 'outline';
+        this.control = new FormControl('');
+        this.label = 'label';
+        this.hint = 'hint';
         this.placeholder = 'placeholder';
+        this.separators = [ENTER, COMMA, SPACE];
+        this.destroy$ = new ReplaySubject(1);
+    }
+    ngOnInit() {
+        this.chipsManager.setValue(this.control.value);
+        this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+            this.chipsManager.setValue(value);
+            this.cd.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+    }
+    onChiInputTokenEnd(event) {
+        this.chipsManager.add(event.value);
+        this.control.setValue(this.chipsManager.getValue());
+        event.input.value = '';
+    }
+    remove(value) {
+        this.chipsManager.remove(value);
+        this.control.setValue(this.chipsManager.getValue());
     }
 }
-ChipsInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChipsInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ChipsInputFieldMolecule, selector: "molecules-chips-input-field", inputs: { control: "control", placeholder: "placeholder" }, ngImport: i0, template: "<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-input{width:100%;height:100%}\n"], components: [{ type: i1.ChipsInputAtom, selector: "atoms-chips-input", inputs: ["separators", "control", "placeholder"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
+ChipsInputFieldMolecule.ɵfac = function ChipsInputFieldMolecule_Factory(t) { return new (t || ChipsInputFieldMolecule)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ChipsManager)); };
+ChipsInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipsInputFieldMolecule, selectors: [["molecules-chips-input-field"]], inputs: { appearance: "appearance", control: "control", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, features: [i0.ɵɵProvidersFeature([ChipsManager])], decls: 8, vars: 8, consts: [[3, "appearance"], ["chipList", ""], [3, "removed", 4, "ngFor", "ngForOf"], ["matInput", "", 3, "placeholder", "matChipInputFor", "matChipInputSeparatorKeyCodes", "matChipInputAddOnBlur", "matChipInputTokenEnd"], [4, "ngIf"], [3, "removed"], ["matChipRemove", ""]], template: function ChipsInputFieldMolecule_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-chip-list", null, 1);
+            i0.ɵɵtemplate(5, ChipsInputFieldMolecule_mat_chip_5_Template, 4, 1, "mat-chip", 2);
+            i0.ɵɵelementStart(6, "input", 3);
+            i0.ɵɵlistener("matChipInputTokenEnd", function ChipsInputFieldMolecule_Template_input_matChipInputTokenEnd_6_listener($event) { return ctx.onChiInputTokenEnd($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(7, ChipsInputFieldMolecule_mat_hint_7_Template, 2, 1, "mat-hint", 4);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            const _r0 = i0.ɵɵreference(4);
+            i0.ɵɵproperty("appearance", ctx.appearance);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.label);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngForOf", ctx.chipsManager.chips);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("placeholder", ctx.placeholder)("matChipInputFor", _r0)("matChipInputSeparatorKeyCodes", ctx.separators)("matChipInputAddOnBlur", true);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.hint);
+        }
+    }, directives: [i2.MatFormField, i2.MatLabel, i3.MatChipList, i4.NgForOf, i3.MatChip, i5.MatIcon, i3.MatChipRemove, i6.MatInput, i3.MatChipInput, i4.NgIf, i2.MatHint], styles: ["[_nghost-%COMP%]{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}[_nghost-%COMP%]   mat-form-field[_ngcontent-%COMP%]{width:100%;height:100%}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldMolecule, [{
             type: Component,
-            args: [{ selector: 'molecules-chips-input-field', template: "<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-input{width:100%;height:100%}\n"] }]
-        }], propDecorators: { control: [{
+            args: [{ selector: 'molecules-chips-input-field', providers: [ChipsManager], template: "<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-chip-list #chipList>\n    <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n      {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
+        }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, { appearance: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], hint: [{
                 type: Input
             }], placeholder: [{
                 type: Input
-            }] } });
+            }], separators: [{
+                type: Input
+            }] });
+})();
 
-class ChipsInputFieldModule extends ElementsModule {
+class ChipsInputFieldModule {
 }
-ChipsInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-ChipsInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
-        // Atoms
-        ChipsInputModule], exports: [ChipsInputFieldMolecule] });
-ChipsInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, imports: [[
+ChipsInputFieldModule.ɵfac = function ChipsInputFieldModule_Factory(t) { return new (t || ChipsInputFieldModule)(); };
+ChipsInputFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ChipsInputFieldModule, bootstrap: [ChipsInputFieldMolecule] });
+ChipsInputFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatInputModule,
             // Atoms
             ChipsInputModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChipsInputFieldModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipsInputFieldModule, [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -42,14 +149,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     ],
                     imports: [
                         CommonModule,
+                        ReactiveFormsModule,
+                        // Materials
+                        MatChipsModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatInputModule,
                         // Atoms
                         ChipsInputModule,
                     ],
-                    exports: [
-                        ChipsInputFieldMolecule
-                    ]
+                    exports: [ChipsInputFieldMolecule],
+                    bootstrap: [ChipsInputFieldMolecule],
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ChipsInputFieldModule, { declarations: [ChipsInputFieldMolecule], imports: [CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatChipsModule,
+            MatIconModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatInputModule,
+            // Atoms
+            ChipsInputModule], exports: [ChipsInputFieldMolecule] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-molecules-chips-input-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.mjs","sources":["../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormControl } from '@ngneat/reactive-forms';\n\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChipsInputFieldMolecule {\n\n  @Input()\n  control = new FormControl<string>();\n\n  @Input()\n  placeholder = 'placeholder';\n\n}\n","<atoms-chips-input [control]=\"control\" [placeholder]=\"placeholder\"></atoms-chips-input>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';\nimport { ElementsModule } from '@ng-atomic/elements';\n\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    // Atoms\n    ChipsInputModule,\n  ],\n  exports: [\n    ChipsInputFieldMolecule\n  ]\n})\nexport class ChipsInputFieldModule extends ElementsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,EAAU,CAAC;AAGpC,QAAA,IAAW,CAAA,WAAA,GAAG,aAAa,CAAC;KAE7B;;qHARY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,+HCVpC,+FACA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDSa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,6BAA6B,EAAA,QAAA,EAAA,+FAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,CAAA;8BAQvC,OAAO,EAAA,CAAA;sBADN,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;;;AEKF,MAAO,qBAAsB,SAAQ,cAAc,CAAA;;mHAA5C,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAGvB,YAAY;;QAEZ,gBAAgB,aAGhB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGd,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;;YAEZ,gBAAgB;SACjB,CAAA,EAAA,CAAA,CAAA;4FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;;wBAEZ,gBAAgB;AACjB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;iBACF,CAAA;;;ACnBD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-components-molecules-chips-input-field.mjs","sources":["../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.html","../../../../libs/components/src/molecules/chips-input-field/chips-input-field.molecule.ts","../../../../libs/components/src/molecules/chips-input-field/chips-input-field.module.ts","../../../../libs/components/src/molecules/chips-input-field/ng-atomic-components-molecules-chips-input-field.ts"],"sourcesContent":["<mat-form-field [appearance]=\"appearance\">\n  <mat-label>{{ label }}</mat-label>\n  <mat-chip-list #chipList>\n    <mat-chip *ngFor=\"let chip of chipsManager.chips\" (removed)=\"remove(chip)\">\n      {{chip}} <mat-icon matChipRemove>cancel</mat-icon>\n    </mat-chip>\n  <input\n    matInput\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"chipList\"\n    [matChipInputSeparatorKeyCodes]=\"separators\"\n    [matChipInputAddOnBlur]=\"true\"\n    (matChipInputTokenEnd)=\"onChiInputTokenEnd($event)\"\n  >\n</mat-chip-list>\n\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>","import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';\nimport { ChangeDetectorRef, Component, Input } from '@angular/core';\nimport { MatChipInputEvent } from '@angular/material/chips';\nimport { MatFormFieldAppearance } from '@angular/material/form-field';\nimport { FormControl } from '@ngneat/reactive-forms';\nimport { ReplaySubject, takeUntil } from 'rxjs';\nimport { ChipsManager } from '@ng-atomic/common/services/chips-manager';\n\n\n@Component({\n  selector: 'molecules-chips-input-field',\n  templateUrl: './chips-input-field.molecule.html',\n  styleUrls: ['./chips-input-field.molecule.scss'],\n  // changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [ChipsManager],\n})\nexport class ChipsInputFieldMolecule {\n\n  @Input()\n  appearance: MatFormFieldAppearance = 'outline';\n\n  @Input()\n  control = new FormControl<string>('');\n\n  @Input()\n  label = 'label';\n\n  @Input()\n  hint = 'hint';\n\n  @Input()\n  placeholder = 'placeholder';\n\n  @Input()\n  separators = [ENTER, COMMA, SPACE] as const;\n\n  private readonly destroy$ = new ReplaySubject<void>(1);\n\n  constructor(\n    private cd: ChangeDetectorRef,\n    public chipsManager: ChipsManager,\n  ) { }\n\n  ngOnInit(): void {\n    this.chipsManager.setValue(this.control.value);\n    this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {\n      this.chipsManager.setValue(value);\n      this.cd.markForCheck();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n  }\n\n  onChiInputTokenEnd(event: MatChipInputEvent): void {\n    this.chipsManager.add(event.value);\n    this.control.setValue(this.chipsManager.getValue());\n    event.input.value = '';\n  }\n\n  remove(value: string): void {\n    this.chipsManager.remove(value);\n    this.control.setValue(this.chipsManager.getValue());\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChipsInputModule } from '@ng-atomic/components/atoms/chips-input';\n\nimport { ChipsInputFieldMolecule } from './chips-input-field.molecule';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatIconModule } from '@angular/material/icon';\n\n@NgModule({\n  declarations: [\n    ChipsInputFieldMolecule\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    // Materials\n    MatChipsModule,\n    MatIconModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatInputModule,\n    // Atoms\n    ChipsInputModule,\n  ],\n  exports: [ChipsInputFieldMolecule],\n  bootstrap: [ChipsInputFieldMolecule],\n})\nexport class ChipsInputFieldModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs

@@ -3,17 +3,28 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/co
 import { FormControl } from '@ngneat/reactive-forms';
 import { filter } from 'rxjs/operators';
 import * as i1 from '@angular/material/form-field';
-import * as i2 from '@angular/material/datepicker';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i3 from '@angular/material/input';
+import * as i2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
-import * as i4 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
+import * as i4 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { MatDayjsDateModule } from '@ng-atomic/common/utils';
-import { ElementsModule } from '@ng-atomic/elements';
 
+function DateInputFieldMolecule_mat_hint_7_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-hint");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r1.hint);
+    }
+}
 class DateInputFieldMolecule {
     constructor() {
         this.control = new FormControl();
@@ -27,12 +38,33 @@ class DateInputFieldMolecule {
         this.control.setValue(this._control.value);
     }
 }
-DateInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DateInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DateInputFieldMolecule, selector: "molecules-date-input-field", inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label }}</mat-label>\n  <input matInput [formControl]=\"control\" [placeholder]=\"placeholder\" [matDatepicker]=\"picker\">\n  <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n  <mat-datepicker #picker></mat-datepicker>\n  <mat-hint *ngIf=\"hint\">{{ hint }}</mat-hint>\n</mat-form-field>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-Iw27: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i4.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.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.MatSuffix, selector: "[matSuffix]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
+DateInputFieldMolecule.ɵfac = function DateInputFieldMolecule_Factory(t) { return new (t || DateInputFieldMolecule)(); };
+DateInputFieldMolecule.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DateInputFieldMolecule, selectors: [["molecules-date-input-field"]], hostAttrs: [1, "molecule", "field"], inputs: { _control: ["control", "_control"], label: "label", placeholder: "placeholder", hint: "hint" }, decls: 8, vars: 6, consts: [["appearance", "outline"], ["matInput", "", 3, "formControl", "placeholder", "matDatepicker"], ["matSuffix", "", 3, "for"], ["picker", ""], [4, "ngIf"]], template: function DateInputFieldMolecule_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(3, "input", 1)(4, "mat-datepicker-toggle", 2)(5, "mat-datepicker", null, 3);
+            i0.ɵɵtemplate(7, DateInputFieldMolecule_mat_hint_7_Template, 2, 1, "mat-hint", 4);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            const _r0 = i0.ɵɵreference(6);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.label);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formControl", ctx.control)("placeholder", ctx.placeholder)("matDatepicker", _r0);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("for", _r0);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.hint);
+        }
+    }, directives: [i1.MatFormField, i1.MatLabel, i2.MatInput, i3.DefaultValueAccessor, i4.MatDatepickerInput, i3.NgControlStatus, i3.FormControlDirective, i4.MatDatepickerToggle, i1.MatSuffix, i4.MatDatepicker, i5.NgIf, i1.MatHint], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-eRIT: 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(DateInputFieldMolecule, [{
             type: Component,
-            args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, 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-Iw27: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { _control: [{
+            args: [{ selector: 'molecules-date-input-field', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, 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-eRIT: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], null, { _control: [{
                 type: Input,
                 args: ['control']
             }], label: [{
@@ -41,24 +73,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], hint: [{
                 type: Input
-            }] } });
+            }] });
+})();
 
-class DateInputFieldModule extends ElementsModule {
+class DateInputFieldModule {
 }
-DateInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-DateInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, declarations: [DateInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        MatInputModule,
-        MatDatepickerModule,
-        MatDayjsDateModule], exports: [DateInputFieldMolecule] });
-DateInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, imports: [[
+DateInputFieldModule.ɵfac = function DateInputFieldModule_Factory(t) { return new (t || DateInputFieldModule)(); };
+DateInputFieldModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DateInputFieldModule, bootstrap: [DateInputFieldMolecule] });
+DateInputFieldModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
             CommonModule,
             ReactiveFormsModule,
             MatInputModule,
             MatDatepickerModule,
             MatDayjsDateModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DateInputFieldModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateInputFieldModule, [{
             type: NgModule,
             args: [{
                     declarations: [DateInputFieldMolecule],
@@ -70,9 +100,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         MatDayjsDateModule,
                     ],
                     exports: [DateInputFieldMolecule],
+                    bootstrap: [DateInputFieldMolecule],
                     // providers: [...MAT_DAYJS_JP_PROVIDERS],
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DateInputFieldModule, { declarations: [DateInputFieldMolecule], imports: [CommonModule,
+            ReactiveFormsModule,
+            MatInputModule,
+            MatDatepickerModule,
+            MatDayjsDateModule], exports: [DateInputFieldMolecule] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/ng-atomic-components-molecules-date-input-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-molecules-date-input-field.mjs","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 { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\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-date-input-field.mjs","sources":["../../../../libs/components/src/molecules/date-input-field/date-input-field.molecule.html","../../../../libs/components/src/molecules/date-input-field/date-input-field.molecule.ts","../../../../libs/components/src/molecules/date-input-field/date-input-field.module.ts","../../../../libs/components/src/molecules/date-input-field/ng-atomic-components-molecules-date-input-field.ts"],"sourcesContent":["<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 { 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","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  bootstrap: [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":[],"mappings":"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"}

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

@@ -1,16 +1,28 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
-import * as i5 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import { ElementsModule } from '@ng-atomic/elements';
 import { FormControl } from '@ngneat/reactive-forms';
 import * as i1 from '@angular/material/form-field';
-import * as i3 from '@angular/material/core';
+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 = '';
@@ -19,49 +31,70 @@ class SelectInputFieldMolecule {
         this.value = (item) => item === null || item === void 0 ? void 0 : item.value;
     }
 }
-SelectInputFieldMolecule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SelectInputFieldMolecule.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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-vw3S: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], components: [{ type: i1.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i2.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i3.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1.MatLabel, selector: "mat-label" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldMolecule, decorators: [{
+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);
+        }
+    }, directives: [i1.MatFormField, i1.MatLabel, i2.MatSelect, i3.NgControlStatus, i3.FormControlDirective, i4.NgForOf, i5.MatOption], styles: ["[_nghost-%COMP%]{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-field-Fakn: 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-vw3S: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
+            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-Fakn: 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
-            }] } });
+            }] });
+})();
 
-class SelectInputFieldModule extends ElementsModule {
+class SelectInputFieldModule {
 }
-SelectInputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, deps: null, target: i0.ɵɵFactoryTarget.NgModule });
-SelectInputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, declarations: [SelectInputFieldMolecule], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Materials
-        MatSelectModule], exports: [SelectInputFieldMolecule] });
-SelectInputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, imports: [[
+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,
             ReactiveFormsModule,
             // Materials
             MatSelectModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectInputFieldModule, decorators: [{
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectInputFieldModule, [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SelectInputFieldMolecule
-                    ],
+                    declarations: [SelectInputFieldMolecule],
                     imports: [
                         CommonModule,
                         ReactiveFormsModule,
                         // Materials
                         MatSelectModule,
                     ],
-                    exports: [
-                        SelectInputFieldMolecule
-                    ]
+                    exports: [SelectInputFieldMolecule],
+                    bootstrap: [SelectInputFieldMolecule],
                 }]
-        }] });
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SelectInputFieldModule, { declarations: [SelectInputFieldMolecule], imports: [CommonModule,
+            ReactiveFormsModule,
+            // Materials
+            MatSelectModule], exports: [SelectInputFieldMolecule] });
+})();
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2015/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/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';\nimport { ElementsModule } from '@ng-atomic/elements';\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 extends ElementsModule { }\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":["../../../../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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"}