@ng-atomic/components 16.2.0 → 16.3.1

package/esm2022/molecules/chips-input-field/chips-input-field.molecule.mjs

@@ -1,128 +1,144 @@
+var ChipsInputFieldMoleculeStore_1;
+import { __decorate } from "tslib";
 import { COMMA, ENTER, SPACE } from '@angular/cdk/keycodes';
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, Directive, inject, input } from '@angular/core';
 import { MatChipsModule } from '@angular/material/chips';
-import { MatFormFieldModule } from '@angular/material/form-field';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
-import { ReplaySubject, takeUntil } from 'rxjs';
 import { ChipsManager } from '@ng-atomic/common/services/chips-manager';
-import { CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
-import { ChipsInputAtom } from '@ng-atomic/components/atoms/chips-input';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { InjectableComponent, NgAtomicComponent, TokenizedType, _computed } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@ng-atomic/common/services/chips-manager";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/chips";
-import * as i4 from "@angular/material/icon";
-import * as i5 from "@angular/material/input";
-import * as i6 from "@angular/material/form-field";
-export class ChipsInputFieldMolecule {
-    constructor(cd, chipsManager) {
-        this.cd = cd;
-        this.chipsManager = chipsManager;
-        this.appearance = 'outline';
-        this.control = new FormControl('');
-        this.floatLabel = 'auto';
-        this.label = 'label';
-        this.hint = 'hint';
-        this.placeholder = 'placeholder';
-        this.separators = [ENTER, COMMA, SPACE];
-        this.destroy$ = new ReplaySubject(1);
+import * as i1 from "@angular/material/chips";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/material/form-field";
+let ChipsInputFieldMoleculeStore = class ChipsInputFieldMoleculeStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = ChipsInputFieldMoleculeStore_1.Config.inject();
+        this.appearance = input(_computed(() => this.config().appearance));
+        this.control = input(_computed(() => this.config().control));
+        this.floatLabel = input(_computed(() => this.config().floatLabel));
+        this.label = input(_computed(() => this.config().label));
+        this.hint = input(_computed(() => this.config().hint));
+        this.placeholder = input(_computed(() => this.config().placeholder));
+        this.separators = input(_computed(() => this.config().separators));
+    }
+    static { ChipsInputFieldMoleculeStore_1 = this; }
+    static { this.Config = makeConfig(() => {
+        return () => ({
+            appearance: 'outline',
+            control: new FormControl(''),
+            floatLabel: 'auto',
+            label: 'label',
+            hint: 'hint',
+            placeholder: 'placeholder',
+            separators: [ENTER, COMMA, SPACE],
+        });
+    }, ['components', 'molecules', 'chips-input-field']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: ChipsInputFieldMoleculeStore, isStandalone: true, selector: "molecules-chips-input-field", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, separators: { classPropertyName: "separators", publicName: "separators", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+ChipsInputFieldMoleculeStore = ChipsInputFieldMoleculeStore_1 = __decorate([
+    TokenizedType()
+], ChipsInputFieldMoleculeStore);
+export { ChipsInputFieldMoleculeStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-chips-input-field' }]
+        }] });
+export class ChipsInputFieldMolecule extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.destroyRef = inject(DestroyRef);
+        this.cd = inject(ChangeDetectorRef);
+        this.chipsManager = inject(ChipsManager);
+        this.store = inject(ChipsInputFieldMoleculeStore);
     }
     ngOnInit() {
-        this.chipsManager.setValue(this.control.value);
-        this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+        this.chipsManager.setValue(this.store.control().value);
+        this.store.control().valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).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());
+        this.store.control().setValue(this.chipsManager.getValue());
         event.input.value = '';
     }
     remove(value) {
         this.chipsManager.remove(value);
-        this.control.setValue(this.chipsManager.getValue());
+        this.store.control().setValue(this.chipsManager.getValue());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipsInputFieldMolecule, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ChipsManager }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipsInputFieldMolecule, isStandalone: true, selector: "molecules-chips-input-field", inputs: { appearance: "appearance", control: "control", floatLabel: "floatLabel", label: "label", hint: "hint", placeholder: "placeholder", separators: "separators" }, providers: [ChipsManager], ngImport: i0, template: `
-  <mat-form-field [appearance]="appearance" [floatLabel]="floatLabel">
-    <mat-label>{{ label }}</mat-label>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: ChipsInputFieldMolecule, isStandalone: true, selector: "molecules-chips-input-field", providers: [ChipsManager], usesInheritance: true, hostDirectives: [{ directive: ChipsInputFieldMoleculeStore, inputs: ["appearance", "appearance", "control", "control", "floatLabel", "floatLabel", "label", "label", "hint", "hint", "placeholder", "placeholder", "separators", "separators"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
+    <mat-label>{{ store.label() }}</mat-label>
     <mat-chip-grid #chipGrid>
-      <mat-chip-row *ngFor="let chip of chipsManager.chips"
-        (removed)="remove(chip)"
-        [editable]="false"
-      >
-        {{ chip }}
-        <button matChipRemove><mat-icon>cancel</mat-icon></button>
-      </mat-chip-row>
+      @for (chip of chipsManager.chips; track chip) {
+        <mat-chip-row (removed)="remove(chip)" [editable]="false">
+          {{ chip }}
+          <button matChipRemove><mat-icon>cancel</mat-icon></button>
+        </mat-chip-row>
+      }
       <input
         matInput
-        [placeholder]="placeholder"
+        [placeholder]="store.placeholder()"
         [matChipInputFor]="chipGrid"
-        [matChipInputSeparatorKeyCodes]="separators"
+        [matChipInputSeparatorKeyCodes]="store.separators()"
         [matChipInputAddOnBlur]="true"
         (matChipInputTokenEnd)="onChiInputTokenEnd($event)"
       >
     </mat-chip-grid>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    @if (store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, isInline: true, styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.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"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", 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"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChipsInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-chips-input-field', standalone: true, imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         MatChipsModule,
                         MatIconModule,
                         MatInputModule,
-                        MatFormFieldModule,
-                        ChipsInputAtom,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field [appearance]="appearance" [floatLabel]="floatLabel">
-    <mat-label>{{ label }}</mat-label>
+  <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
+    <mat-label>{{ store.label() }}</mat-label>
     <mat-chip-grid #chipGrid>
-      <mat-chip-row *ngFor="let chip of chipsManager.chips"
-        (removed)="remove(chip)"
-        [editable]="false"
-      >
-        {{ chip }}
-        <button matChipRemove><mat-icon>cancel</mat-icon></button>
-      </mat-chip-row>
+      @for (chip of chipsManager.chips; track chip) {
+        <mat-chip-row (removed)="remove(chip)" [editable]="false">
+          {{ chip }}
+          <button matChipRemove><mat-icon>cancel</mat-icon></button>
+        </mat-chip-row>
+      }
       <input
         matInput
-        [placeholder]="placeholder"
+        [placeholder]="store.placeholder()"
         [matChipInputFor]="chipGrid"
-        [matChipInputSeparatorKeyCodes]="separators"
+        [matChipInputSeparatorKeyCodes]="store.separators()"
         [matChipInputAddOnBlur]="true"
         (matChipInputTokenEnd)="onChiInputTokenEnd($event)"
       >
     </mat-chip-grid>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    @if (store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChipsManager], styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.ChipsManager }]; }, propDecorators: { appearance: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], floatLabel: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], separators: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtaW5wdXQtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvY2hpcHMtaW5wdXQtZmllbGQvY2hpcHMtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFxQixjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RSxPQUFPLEVBQTBCLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUYsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDekUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7Ozs7OztBQTRDMUQsTUFBTSxPQUFPLHVCQUF1QjtJQXlCbEMsWUFDVSxFQUFxQixFQUN0QixZQUEwQjtRQUR6QixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUN0QixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQXhCbkMsZUFBVSxHQUEyQixTQUFTLENBQUM7UUFHL0MsWUFBTyxHQUFHLElBQUksV0FBVyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBR3RDLGVBQVUsR0FBRyxNQUFNLENBQUM7UUFHcEIsVUFBSyxHQUFHLE9BQU8sQ0FBQztRQUdoQixTQUFJLEdBQUcsTUFBTSxDQUFDO1FBR2QsZ0JBQVcsR0FBRyxhQUFhLENBQUM7UUFHNUIsZUFBVSxHQUFHLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQVUsQ0FBQztRQUUzQixhQUFRLEdBQUcsSUFBSSxhQUFhLENBQU8sQ0FBQyxDQUFDLENBQUM7SUFLbkQsQ0FBQztJQUVMLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQU0sQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDNUIsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FDekIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNwQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxLQUFNLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxLQUF3QjtRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3BELEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDbEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7K0dBckRVLHVCQUF1QjttR0FBdkIsdUJBQXVCLGtQQUZ2QixDQUFDLFlBQVksQ0FBQywwQkExQmY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULCtNQWhDQyxZQUFZLCtQQUNaLG1CQUFtQiw4QkFDbkIsY0FBYywweUJBQ2QsYUFBYSxtTEFDYixjQUFjLDJ5QkFDZCxrQkFBa0IsMEJBRWxCLFNBQVM7OzRGQThCQSx1QkFBdUI7a0JBekNuQyxTQUFTOytCQUNFLDZCQUE2QixjQUMzQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixjQUFjO3dCQUNkLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxTQUFTO3FCQUNWLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsWUFBWSxDQUFDO21JQUt6QixVQUFVO3NCQURULEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDT01NQSwgRU5URVIsIFNQQUNFIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0Q2hpcElucHV0RXZlbnQsIE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSwgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ2hpcHNNYW5hZ2VyIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvY2hpcHMtbWFuYWdlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBDaGlwc0lucHV0QXRvbSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9hdG9tcy9jaGlwcy1pbnB1dCc7XG5pbXBvcnQgeyBFcnJvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9lcnJvcic7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWNoaXBzLWlucHV0LWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdENoaXBzTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIENoaXBzSW5wdXRBdG9tLFxuICAgIEVycm9yUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIiBbZmxvYXRMYWJlbF09XCJmbG9hdExhYmVsXCI+XG4gICAgPG1hdC1sYWJlbD57eyBsYWJlbCB9fTwvbWF0LWxhYmVsPlxuICAgIDxtYXQtY2hpcC1ncmlkICNjaGlwR3JpZD5cbiAgICAgIDxtYXQtY2hpcC1yb3cgKm5nRm9yPVwibGV0IGNoaXAgb2YgY2hpcHNNYW5hZ2VyLmNoaXBzXCJcbiAgICAgICAgKHJlbW92ZWQpPVwicmVtb3ZlKGNoaXApXCJcbiAgICAgICAgW2VkaXRhYmxlXT1cImZhbHNlXCJcbiAgICAgID5cbiAgICAgICAge3sgY2hpcCB9fVxuICAgICAgICA8YnV0dG9uIG1hdENoaXBSZW1vdmU+PG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+PC9idXR0b24+XG4gICAgICA8L21hdC1jaGlwLXJvdz5cbiAgICAgIDxpbnB1dFxuICAgICAgICBtYXRJbnB1dFxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICBbbWF0Q2hpcElucHV0Rm9yXT1cImNoaXBHcmlkXCJcbiAgICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInNlcGFyYXRvcnNcIlxuICAgICAgICBbbWF0Q2hpcElucHV0QWRkT25CbHVyXT1cInRydWVcIlxuICAgICAgICAobWF0Q2hpcElucHV0VG9rZW5FbmQpPVwib25DaGlJbnB1dFRva2VuRW5kKCRldmVudClcIlxuICAgICAgPlxuICAgIDwvbWF0LWNoaXAtZ3JpZD5cbiAgICA8bWF0LWhpbnQgKm5nSWY9XCJoaW50XCI+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvcj57eyBjb250cm9sLmVycm9ycyB8IGVycm9yIH19PC9tYXQtZXJyb3I+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2NoaXBzLWlucHV0LWZpZWxkLm1vbGVjdWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW0NoaXBzTWFuYWdlcl0sXG59KVxuZXhwb3J0IGNsYXNzIENoaXBzSW5wdXRGaWVsZE1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICBhcHBlYXJhbmNlOiBNYXRGb3JtRmllbGRBcHBlYXJhbmNlID0gJ291dGxpbmUnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nPignJyk7XG5cbiAgQElucHV0KClcbiAgZmxvYXRMYWJlbCA9ICdhdXRvJztcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICdsYWJlbCc7XG5cbiAgQElucHV0KClcbiAgaGludCA9ICdoaW50JztcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlciA9ICdwbGFjZWhvbGRlcic7XG5cbiAgQElucHV0KClcbiAgc2VwYXJhdG9ycyA9IFtFTlRFUiwgQ09NTUEsIFNQQUNFXSBhcyBjb25zdDtcblxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkID0gbmV3IFJlcGxheVN1YmplY3Q8dm9pZD4oMSk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHVibGljIGNoaXBzTWFuYWdlcjogQ2hpcHNNYW5hZ2VyLFxuICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2hpcHNNYW5hZ2VyLnNldFZhbHVlKHRoaXMuY29udHJvbC52YWx1ZSEpO1xuICAgIHRoaXMuY29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShcbiAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSxcbiAgICApLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgIHRoaXMuY2hpcHNNYW5hZ2VyLnNldFZhbHVlKHZhbHVlISk7XG4gICAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XG4gIH1cblxuICBvbkNoaUlucHV0VG9rZW5FbmQoZXZlbnQ6IE1hdENoaXBJbnB1dEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jaGlwc01hbmFnZXIuYWRkKGV2ZW50LnZhbHVlKTtcbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodGhpcy5jaGlwc01hbmFnZXIuZ2V0VmFsdWUoKSk7XG4gICAgZXZlbnQuaW5wdXQudmFsdWUgPSAnJztcbiAgfVxuXG4gIHJlbW92ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5jaGlwc01hbmFnZXIucmVtb3ZlKHZhbHVlKTtcbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUodGhpcy5jaGlwc01hbmFnZXIuZ2V0VmFsdWUoKSk7XG4gIH1cbn1cbiJdfQ==
+  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [ChipsManager], hostDirectives: [
+                        {
+                            directive: ChipsInputFieldMoleculeStore,
+                            inputs: ['appearance', 'control', 'floatLabel', 'label', 'hint', 'placeholder', 'separators'],
+                        },
+                    ], styles: [":host{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host mat-form-field{width:100%;height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtaW5wdXQtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvY2hpcHMtaW5wdXQtZmllbGQvY2hpcHMtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1SCxPQUFPLEVBQXFCLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTVFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7OztBQWM1RixJQUFNLDRCQUE0QixHQUFsQyxNQUFNLDRCQUE2QixTQUFRLG1CQUFtQjtJQUE5RDs7UUFZYyxXQUFNLEdB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O3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ09NTUEsIEVOVEVSLCBTUEFDRSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9rZXljb2Rlcyc7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRGVzdHJveVJlZiwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRDaGlwSW5wdXRFdmVudCwgTWF0Q2hpcHNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGlwcyc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRBcHBlYXJhbmNlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENoaXBzTWFuYWdlciB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3NlcnZpY2VzL2NoaXBzLW1hbmFnZXInO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBFcnJvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9lcnJvcic7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBtYWtlQ29uZmlnIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vc2VydmljZXMvdWknO1xuaW1wb3J0IHsgSW5qZWN0YWJsZUNvbXBvbmVudCwgTmdBdG9taWNDb21wb25lbnQsIFRva2VuaXplZFR5cGUsIF9jb21wdXRlZCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hpcHNJbnB1dE1vbGVjdWxlU3RhdGUge1xuICBhcHBlYXJhbmNlOiBNYXRGb3JtRmllbGRBcHBlYXJhbmNlO1xuICBjb250cm9sOiBGb3JtQ29udHJvbDxzdHJpbmc+O1xuICBmbG9hdExhYmVsOiAnYXV0bycgfCAnYWx3YXlzJyB8ICduZXZlcic7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGhpbnQ6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgc2VwYXJhdG9yczogcmVhZG9ubHkgKHR5cGVvZiBFTlRFUiB8IHR5cGVvZiBDT01NQSB8IHR5cGVvZiBTUEFDRSlbXTtcbn1cblxuQFRva2VuaXplZFR5cGUoKVxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWNoaXBzLWlucHV0LWZpZWxkJyB9KVxuZXhwb3J0IGNsYXNzIENoaXBzSW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiAoe1xuICAgICAgYXBwZWFyYW5jZTogJ291dGxpbmUnLFxuICAgICAgY29udHJvbDogbmV3IEZvcm1Db250cm9sPHN0cmluZz4oJycpLFxuICAgICAgZmxvYXRMYWJlbDogJ2F1dG8nLFxuICAgICAgbGFiZWw6ICdsYWJlbCcsXG4gICAgICBoaW50OiAnaGludCcsXG4gICAgICBwbGFjZWhvbGRlcjogJ3BsYWNlaG9sZGVyJyxcbiAgICAgIHNlcGFyYXRvcnM6IFtFTlRFUiwgQ09NTUEsIFNQQUNFXSBhcyBjb25zdCxcbiAgICB9KTtcbiAgfSwgWydjb21wb25lbnRzJywgJ21vbGVjdWxlcycsICdjaGlwcy1pbnB1dC1maWVsZCddKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbmZpZyA9IENoaXBzSW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUuQ29uZmlnLmluamVjdCgpO1xuXG4gIHJlYWRvbmx5IGFwcGVhcmFuY2UgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5hcHBlYXJhbmNlKSk7XG4gIHJlYWRvbmx5IGNvbnRyb2wgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5jb250cm9sKSk7XG4gIHJlYWRvbmx5IGZsb2F0TGFiZWwgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5mbG9hdExhYmVsKSk7XG4gIHJlYWRvbmx5IGxhYmVsID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkubGFiZWwpKTtcbiAgcmVhZG9ubHkgaGludCA9IGlucHV0KF9jb21wdXRlZCgoKSA9PiB0aGlzLmNvbmZpZygpLmhpbnQpKTtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5wbGFjZWhvbGRlcikpO1xuICByZWFkb25seSBzZXBhcmF0b3JzID0gaW5wdXQoX2NvbXB1dGVkKCgpID0+IHRoaXMuY29uZmlnKCkuc2VwYXJhdG9ycykpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtY2hpcHMtaW5wdXQtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIEVycm9yUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cInN0b3JlLmFwcGVhcmFuY2UoKVwiIFtmbG9hdExhYmVsXT1cInN0b3JlLmZsb2F0TGFiZWwoKVwiPlxuICAgIDxtYXQtbGFiZWw+e3sgc3RvcmUubGFiZWwoKSB9fTwvbWF0LWxhYmVsPlxuICAgIDxtYXQtY2hpcC1ncmlkICNjaGlwR3JpZD5cbiAgICAgIEBmb3IgKGNoaXAgb2YgY2hpcHNNYW5hZ2VyLmNoaXBzOyB0cmFjayBjaGlwKSB7XG4gICAgICAgIDxtYXQtY2hpcC1yb3cgKHJlbW92ZWQpPVwicmVtb3ZlKGNoaXApXCIgW2VkaXRhYmxlXT1cImZhbHNlXCI+XG4gICAgICAgICAge3sgY2hpcCB9fVxuICAgICAgICAgIDxidXR0b24gbWF0Q2hpcFJlbW92ZT48bWF0LWljb24+Y2FuY2VsPC9tYXQtaWNvbj48L2J1dHRvbj5cbiAgICAgICAgPC9tYXQtY2hpcC1yb3c+XG4gICAgICB9XG4gICAgICA8aW5wdXRcbiAgICAgICAgbWF0SW5wdXRcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInN0b3JlLnBsYWNlaG9sZGVyKClcIlxuICAgICAgICBbbWF0Q2hpcElucHV0Rm9yXT1cImNoaXBHcmlkXCJcbiAgICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInN0b3JlLnNlcGFyYXRvcnMoKVwiXG4gICAgICAgIFttYXRDaGlwSW5wdXRBZGRPbkJsdXJdPVwidHJ1ZVwiXG4gICAgICAgIChtYXRDaGlwSW5wdXRUb2tlbkVuZCk9XCJvbkNoaUlucHV0VG9rZW5FbmQoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgPC9tYXQtY2hpcC1ncmlkPlxuICAgIEBpZiAoc3RvcmUuaGludCgpKSB7XG4gICAgICA8bWF0LWhpbnQ+e3sgc3RvcmUuaGludCgpIH19PC9tYXQtaGludD5cbiAgICB9XG4gICAgPG1hdC1lcnJvcj57eyBzdG9yZS5jb250cm9sKCkuZXJyb3JzIHwgZXJyb3IgfX08L21hdC1lcnJvcj5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vY2hpcHMtaW5wdXQtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbQ2hpcHNNYW5hZ2VyXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IENoaXBzSW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsnYXBwZWFyYW5jZScsICdjb250cm9sJywgJ2Zsb2F0TGFiZWwnLCAnbGFiZWwnLCAnaGludCcsICdwbGFjZWhvbGRlcicsICdzZXBhcmF0b3JzJ10sXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hpcHNJbnB1dEZpZWxkTW9sZWN1bGUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBjZCA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByb3RlY3RlZCByZWFkb25seSBjaGlwc01hbmFnZXIgPSBpbmplY3QoQ2hpcHNNYW5hZ2VyKTtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KENoaXBzSW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUpO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2hpcHNNYW5hZ2VyLnNldFZhbHVlKHRoaXMuc3RvcmUuY29udHJvbCgpLnZhbHVlISk7XG4gICAgdGhpcy5zdG9yZS5jb250cm9sKCkudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICB0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSxcbiAgICApLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgIHRoaXMuY2hpcHNNYW5hZ2VyLnNldFZhbHVlKHZhbHVlISk7XG4gICAgICB0aGlzLmNkLm1hcmtGb3JDaGVjaygpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uQ2hpSW5wdXRUb2tlbkVuZChldmVudDogTWF0Q2hpcElucHV0RXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNoaXBzTWFuYWdlci5hZGQoZXZlbnQudmFsdWUpO1xuICAgIHRoaXMuc3RvcmUuY29udHJvbCgpLnNldFZhbHVlKHRoaXMuY2hpcHNNYW5hZ2VyLmdldFZhbHVlKCkpO1xuICAgIGV2ZW50LmlucHV0LnZhbHVlID0gJyc7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVtb3ZlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmNoaXBzTWFuYWdlci5yZW1vdmUodmFsdWUpO1xuICAgIHRoaXMuc3RvcmUuY29udHJvbCgpLnNldFZhbHVlKHRoaXMuY2hpcHNNYW5hZ2VyLmdldFZhbHVlKCkpO1xuICB9XG59XG4iXX0=

package/esm2022/molecules/date-input-field/date-input-field.molecule.mjs

@@ -1,68 +1,78 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
+import { toObservable } from '@angular/core/rxjs-interop';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatInputModule } from '@angular/material/input';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
-import { MatDayjsDateModule } from '@ng-atomic/common/utils';
+import { InjectableComponent } from '@ng-atomic/core';
 import dayjs from 'dayjs';
-import { filter } from 'rxjs/operators';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/material/input";
-import * as i4 from "@angular/material/form-field";
-import * as i5 from "@angular/material/datepicker";
-export class DateInputFieldMolecule {
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/datepicker";
+export class DateInputFieldMoleculeStore extends InjectableComponent {
     constructor() {
-        this._control = new FormControl(dayjs());
-        this.control = new FormControl(dayjs());
-        this.label = '';
-        this.placeholder = '';
+        super(...arguments);
+        this.control = input(new FormControl(dayjs()));
+        this.label = input('');
+        this.placeholder = input('');
+        this.hint = input(null);
+        this.toggle = input(true);
+        this.control$ = toObservable(this.control);
     }
-    ngOnInit() {
-        this._control.valueChanges.pipe(filter(value => this.control.value !== value)).subscribe(value => this.control.setValue(value));
-        this.control.valueChanges.subscribe(value => this._control.setValue(value));
-        this._control.setValue(this.control.value);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: DateInputFieldMoleculeStore, isStandalone: true, selector: "molecules-date-input-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputFieldMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-date-input-field' }]
+        }] });
+export class DateInputFieldMolecule {
+    constructor() {
+        this.store = inject(DateInputFieldMoleculeStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DateInputFieldMolecule, isStandalone: true, selector: "molecules-date-input-field", inputs: { control: "control", label: "label", placeholder: "placeholder", hint: "hint" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: DateInputFieldMolecule, isStandalone: true, selector: "molecules-date-input-field", host: { classAttribute: "molecule field" }, providers: [
+        // provideDayjsDateAdapter(),
+        ], hostDirectives: [{ directive: DateInputFieldMoleculeStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "toggle", "toggle"] }], ngImport: i0, template: `
   <mat-form-field appearance="outline">
-    <mat-label>{{ label }}</mat-label>
-    <input matInput [formControl]="_control" [placeholder]="placeholder" [matDatepicker]="picker">
-    <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
-    <mat-datepicker #picker></mat-datepicker>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    <mat-label>{{ store.label() }}</mat-label>
+    <input matInput [formControl]="store.control()" [placeholder]="store.placeholder()" [matDatepicker]="picker">
+    @if (store.toggle()) {
+      <mat-datepicker-toggle matSuffix [for]="picker" />
+    }
+    <mat-datepicker #picker />
+    @if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-BOEH: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", 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"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatDayjsDateModule }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-NhxI: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-date-input-field', standalone: true, imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         MatInputModule,
                         MatDatepickerModule,
-                        MatDayjsDateModule,
                         ErrorPipe,
                     ], template: `
   <mat-form-field appearance="outline">
-    <mat-label>{{ label }}</mat-label>
-    <input matInput [formControl]="_control" [placeholder]="placeholder" [matDatepicker]="picker">
-    <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
-    <mat-datepicker #picker></mat-datepicker>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    <mat-label>{{ store.label() }}</mat-label>
+    <input matInput [formControl]="store.control()" [placeholder]="store.placeholder()" [matDatepicker]="picker">
+    @if (store.toggle()) {
+      <mat-datepicker-toggle matSuffix [for]="picker" />
+    }
+    <mat-datepicker #picker />
+    @if (store.hint()) { <mat-hint>{{ store.hint() }}</mat-hint> }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-BOEH: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { control: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9kYXRlLWlucHV0LWZpZWxkL2RhdGUtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sS0FBZ0IsTUFBTSxPQUFPLENBQUM7QUFDckMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBMkJ4QyxNQUFNLE9BQU8sc0JBQXNCO0lBekJuQztRQTBCcUIsYUFBUSxHQUFHLElBQUksV0FBVyxDQUFRLEtBQUssRUFBRSxDQUFDLENBQUM7UUFHOUQsWUFBTyxHQUFHLElBQUksV0FBVyxDQUFRLEtBQUssRUFBRSxDQUFDLENBQUM7UUFHMUMsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUdYLGdCQUFXLEdBQUcsRUFBRSxDQUFDO0tBYWxCO0lBUkMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDN0IsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQzlDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUVuRCxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQzVFLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsQ0FBQzsrR0F0QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsNE5BZHZCOzs7Ozs7Ozs7R0FTVCwyUEFoQkMsWUFBWSxrSUFDWixtQkFBbUIseWtCQUNuQixjQUFjLDQ2QkFDZCxtQkFBbUIsaWdCQUNuQixrQkFBa0IsMEJBQ2xCLFNBQVM7OzRGQWdCQSxzQkFBc0I7a0JBekJsQyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsbUJBQW1CO3dCQUNuQixrQkFBa0I7d0JBQ2xCLFNBQVM7cUJBQ1YsWUFDUzs7Ozs7Ozs7O0dBU1QsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsZ0JBQWdCLEVBQUM7OEJBTS9CLE9BQU87c0JBRE4sS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXREYXRlcGlja2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlcic7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IEVycm9yUGlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2Vycm9yJztcbmltcG9ydCB7IE1hdERheWpzRGF0ZU1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3V0aWxzJztcbmltcG9ydCBkYXlqcywgeyBEYXlqcyB9IGZyb20gJ2RheWpzJztcbmltcG9ydCB7IGZpbHRlciB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWRhdGUtaW5wdXQtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgTWF0RGF0ZXBpY2tlck1vZHVsZSxcbiAgICBNYXREYXlqc0RhdGVNb2R1bGUsXG4gICAgRXJyb3JQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgPGlucHV0IG1hdElucHV0IFtmb3JtQ29udHJvbF09XCJfY29udHJvbFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFttYXREYXRlcGlja2VyXT1cInBpY2tlclwiPlxuICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgbWF0SWNvblN1ZmZpeCBbZm9yXT1cInBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XG4gICAgPG1hdC1oaW50ICpuZ0lmPVwiaGludFwiPnt7IGhpbnQgfX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3I+e3sgY29udHJvbC5lcnJvcnMgfCBlcnJvciB9fTwvbWF0LWVycm9yPlxuICA8L21hdC1mb3JtLWZpZWxkPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9kYXRlLWlucHV0LWZpZWxkLm1vbGVjdWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtjbGFzczogJ21vbGVjdWxlIGZpZWxkJ30sXG59KVxuZXhwb3J0IGNsYXNzIERhdGVJbnB1dEZpZWxkTW9sZWN1bGUge1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgX2NvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8RGF5anM+KGRheWpzKCkpO1xuXG4gIEBJbnB1dCgpXG4gIGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8RGF5anM+KGRheWpzKCkpO1xuXG4gIEBJbnB1dCgpXG4gIGxhYmVsID0gJyc7XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAnJztcblxuICBASW5wdXQoKVxuICBoaW50Pzogc3RyaW5nO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2NvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICBmaWx0ZXIodmFsdWUgPT4gdGhpcy5jb250cm9sLnZhbHVlICE9PSB2YWx1ZSksXG4gICAgKS5zdWJzY3JpYmUodmFsdWUgPT4gdGhpcy5jb250cm9sLnNldFZhbHVlKHZhbHVlKSk7XG5cbiAgICB0aGlzLmNvbnRyb2wudmFsdWVDaGFuZ2VzLnN1YnNjcmliZSh2YWx1ZSA9PiB0aGlzLl9jb250cm9sLnNldFZhbHVlKHZhbHVlKSk7XG4gICAgdGhpcy5fY29udHJvbC5zZXRWYWx1ZSh0aGlzLmNvbnRyb2wudmFsdWUpO1xuICB9XG59XG4iXX0=
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: DateInputFieldMoleculeStore,
+                            inputs: ['control', 'label', 'placeholder', 'hint', 'toggle'],
+                        }
+                    ], host: { class: 'molecule field' }, providers: [
+                    // provideDayjsDateAdapter(),
+                    ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-input-field-NhxI: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9kYXRlLWlucHV0LWZpZWxkL2RhdGUtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdEQsT0FBTyxLQUFnQixNQUFNLE9BQU8sQ0FBQzs7Ozs7O0FBR3JDLE1BQU0sT0FBTywyQkFBNEIsU0FBUSxtQkFBbUI7SUFEcEU7O1FBRVcsWUFBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVcsQ0FBUSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDakQsVUFBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixnQkFBVyxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4QixTQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25CLFdBQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckIsYUFBUSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7S0FDaEQ7OEdBUFksMkJBQTJCO2tHQUEzQiwyQkFBMkI7OzJGQUEzQiwyQkFBMkI7a0JBRHZDLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSw0QkFBNEIsRUFBRTs7QUE0Q3ZFLE1BQU0sT0FBTyxzQkFBc0I7SUFsQ25DO1FBbUNZLFVBQUssR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQztLQUN2RDs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQixxSEFKdEI7UUFDVCw2QkFBNkI7U0FDOUIsZ0NBekNVLDJCQUEyQixpSkFrQjVCOzs7Ozs7Ozs7OztHQVdULDJQQWhCQyxtQkFBbUIseWtCQUNuQixjQUFjLDQ2QkFDZCxtQkFBbUIsNmZBQ25CLFNBQVM7OzJGQTJCQSxzQkFBc0I7a0JBbENsQyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7OztHQVdULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsMkJBQTJCOzRCQUN0QyxNQUFNLEVBQUUsQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDO3lCQUM5RDtxQkFDRixRQUNLLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDLGFBQ3BCO29CQUNULDZCQUE2QjtxQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvT2JzZXJ2YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBFcnJvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9lcnJvcic7XG5pbXBvcnQgeyBJbmplY3RhYmxlQ29tcG9uZW50IH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCBkYXlqcywgeyBEYXlqcyB9IGZyb20gJ2RheWpzJztcblxuQERpcmVjdGl2ZSh7IHN0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWRhdGUtaW5wdXQtZmllbGQnIH0pXG5leHBvcnQgY2xhc3MgRGF0ZUlucHV0RmllbGRNb2xlY3VsZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGNvbnRyb2wgPSBpbnB1dChuZXcgRm9ybUNvbnRyb2w8RGF5anM+KGRheWpzKCkpKTtcbiAgcmVhZG9ubHkgbGFiZWwgPSBpbnB1dCgnJyk7XG4gIHJlYWRvbmx5IHBsYWNlaG9sZGVyID0gaW5wdXQoJycpO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQobnVsbCk7XG4gIHJlYWRvbmx5IHRvZ2dsZSA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBjb250cm9sJCA9IHRvT2JzZXJ2YWJsZSh0aGlzLmNvbnRyb2wpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtZGF0ZS1pbnB1dC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdERhdGVwaWNrZXJNb2R1bGUsXG4gICAgRXJyb3JQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIj5cbiAgICA8bWF0LWxhYmVsPnt7IHN0b3JlLmxhYmVsKCkgfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgbWF0SW5wdXQgW2Zvcm1Db250cm9sXT1cInN0b3JlLmNvbnRyb2woKVwiIFtwbGFjZWhvbGRlcl09XCJzdG9yZS5wbGFjZWhvbGRlcigpXCIgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCI+XG4gICAgQGlmIChzdG9yZS50b2dnbGUoKSkge1xuICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJwaWNrZXJcIiAvPlxuICAgIH1cbiAgICA8bWF0LWRhdGVwaWNrZXIgI3BpY2tlciAvPlxuICAgIEBpZiAoc3RvcmUuaGludCgpKSB7IDxtYXQtaGludD57eyBzdG9yZS5oaW50KCkgfX08L21hdC1oaW50PiB9XG4gICAgPG1hdC1lcnJvcj57eyBzdG9yZS5jb250cm9sKCkuZXJyb3JzIHwgZXJyb3IgfX08L21hdC1lcnJvcj5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGF0ZUlucHV0RmllbGRNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2NvbnRyb2wnLCAnbGFiZWwnLCAncGxhY2Vob2xkZXInLCAnaGludCcsICd0b2dnbGUnXSxcbiAgICB9XG4gIF0sXG4gIGhvc3Q6IHtjbGFzczogJ21vbGVjdWxlIGZpZWxkJ30sXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIHByb3ZpZGVEYXlqc0RhdGVBZGFwdGVyKCksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhdGVJbnB1dEZpZWxkTW9sZWN1bGUge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoRGF0ZUlucHV0RmllbGRNb2xlY3VsZVN0b3JlKTtcbn1cbiJdfQ==

package/esm2022/molecules/date-range-input-field/date-range-input-field.molecule.mjs

@@ -0,0 +1,75 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { MatInputModule } from '@angular/material/input';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { ErrorPipe } from '@ng-atomic/common/pipes/error';
+import dayjs from 'dayjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/datepicker";
+export class DateRangeInputFieldMolecule {
+    constructor() {
+        this.control = new FormGroup({
+            start: new FormControl(dayjs()),
+            end: new FormControl(dayjs()),
+        });
+        this.label = '';
+        this.placeholder = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DateRangeInputFieldMolecule, isStandalone: true, selector: "molecules-date-range-input-field", inputs: { control: "control", label: "label", placeholder: "placeholder", hint: "hint" }, ngImport: i0, template: `
+    <mat-form-field appearance="outline">
+      <mat-label>{{ label }}</mat-label>
+      <mat-date-range-input
+        [formGroup]="control"
+        [rangePicker]="picker"
+        [comparisonStart]="control.value.start"
+        [comparisonEnd]="control.value.end">
+        <input matStartDate placeholder="Start date" formControlName="start">
+        <input matEndDate placeholder="End date" formControlName="end">
+      </mat-date-range-input>
+      <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
+      <mat-error>{{ control.errors | error }}</mat-error>
+      <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-date-range-picker #picker></mat-date-range-picker>
+    </mat-form-field>
+  `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-6Utm: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DateRangeInputFieldMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-date-range-input-field', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatDatepickerModule,
+                        ErrorPipe,
+                    ], template: `
+    <mat-form-field appearance="outline">
+      <mat-label>{{ label }}</mat-label>
+      <mat-date-range-input
+        [formGroup]="control"
+        [rangePicker]="picker"
+        [comparisonStart]="control.value.start"
+        [comparisonEnd]="control.value.end">
+        <input matStartDate placeholder="Start date" formControlName="start">
+        <input matEndDate placeholder="End date" formControlName="end">
+      </mat-date-range-input>
+      <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
+      <mat-error>{{ control.errors | error }}</mat-error>
+      <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
+      <mat-date-range-picker #picker></mat-date-range-picker>
+    </mat-form-field>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-date-range-input-field-6Utm: var(--horizontal-padding)}:host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { control: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9kYXRlLXJhbmdlLWlucHV0LWZpZWxkL2RhdGUtcmFuZ2UtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMxRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7Ozs7OztBQWdDMUIsTUFBTSxPQUFPLDJCQUEyQjtJQTlCeEM7UUErQlcsWUFBTyxHQUFHLElBQUksU0FBUyxDQUFDO1lBQy9CLEtBQUssRUFBRSxJQUFJLFdBQVcsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMvQixHQUFHLEVBQUUsSUFBSSxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDOUIsQ0FBQyxDQUFDO1FBQ00sVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGdCQUFXLEdBQUcsRUFBRSxDQUFDO0tBRTNCOzhHQVJZLDJCQUEyQjtrR0FBM0IsMkJBQTJCLHNMQXBCNUI7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQsaVFBdEJDLFlBQVksa0lBQ1osbUJBQW1CLG0yQkFDbkIsY0FBYyxnbUJBQ2QsbUJBQW1CLGd6QkFDbkIsU0FBUzs7MkZBc0JBLDJCQUEyQjtrQkE5QnZDLFNBQVM7K0JBQ0Usa0NBQWtDLGNBQ2hDLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsY0FBYzt3QkFDZCxtQkFBbUI7d0JBQ25CLFNBQVM7cUJBQ1YsWUFDUzs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsT0FBTztzQkFBZixLQUFLO2dCQUlHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgTWF0RGF0ZXBpY2tlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RhdGVwaWNrZXInO1xuaW1wb3J0IHsgRXJyb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZXJyb3InO1xuaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWRhdGUtcmFuZ2UtaW5wdXQtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgTWF0RGF0ZXBpY2tlck1vZHVsZSxcbiAgICBFcnJvclBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCI+XG4gICAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICA8bWF0LWRhdGUtcmFuZ2UtaW5wdXRcbiAgICAgICAgW2Zvcm1Hcm91cF09XCJjb250cm9sXCJcbiAgICAgICAgW3JhbmdlUGlja2VyXT1cInBpY2tlclwiXG4gICAgICAgIFtjb21wYXJpc29uU3RhcnRdPVwiY29udHJvbC52YWx1ZS5zdGFydFwiXG4gICAgICAgIFtjb21wYXJpc29uRW5kXT1cImNvbnRyb2wudmFsdWUuZW5kXCI+XG4gICAgICAgIDxpbnB1dCBtYXRTdGFydERhdGUgcGxhY2Vob2xkZXI9XCJTdGFydCBkYXRlXCIgZm9ybUNvbnRyb2xOYW1lPVwic3RhcnRcIj5cbiAgICAgICAgPGlucHV0IG1hdEVuZERhdGUgcGxhY2Vob2xkZXI9XCJFbmQgZGF0ZVwiIGZvcm1Db250cm9sTmFtZT1cImVuZFwiPlxuICAgICAgPC9tYXQtZGF0ZS1yYW5nZS1pbnB1dD5cbiAgICAgIDxtYXQtaGludCAqbmdJZj1cImhpbnRcIj57eyBoaW50IH19PC9tYXQtaGludD5cbiAgICAgIDxtYXQtZXJyb3I+e3sgY29udHJvbC5lcnJvcnMgfCBlcnJvciB9fTwvbWF0LWVycm9yPlxuICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBtYXRJY29uU3VmZml4IFtmb3JdPVwicGlja2VyXCI+PC9tYXQtZGF0ZXBpY2tlci10b2dnbGU+XG4gICAgICA8bWF0LWRhdGUtcmFuZ2UtcGlja2VyICNwaWNrZXI+PC9tYXQtZGF0ZS1yYW5nZS1waWNrZXI+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZS1yYW5nZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZUlucHV0RmllbGRNb2xlY3VsZSB7XG4gIEBJbnB1dCgpIGNvbnRyb2wgPSBuZXcgRm9ybUdyb3VwKHtcbiAgICBzdGFydDogbmV3IEZvcm1Db250cm9sKGRheWpzKCkpLFxuICAgIGVuZDogbmV3IEZvcm1Db250cm9sKGRheWpzKCkpLFxuICB9KTtcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgaGludD86IHN0cmluZztcbn1cbiJdfQ==

package/esm2022/molecules/date-range-input-field/index.mjs

@@ -0,0 +1,2 @@
+export * from './date-range-input-field.molecule';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvZGF0ZS1yYW5nZS1pbnB1dC1maWVsZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kYXRlLXJhbmdlLWlucHV0LWZpZWxkLm1vbGVjdWxlJztcblxuIl19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLWRhdGUtcmFuZ2UtaW5wdXQtZmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvZGF0ZS1yYW5nZS1pbnB1dC1maWVsZC9uZy1hdG9taWMtY29tcG9uZW50cy1tb2xlY3VsZXMtZGF0ZS1yYW5nZS1pbnB1dC1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==