@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1,104 +1,114 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Directive, Input, inject, signal } from '@angular/core';
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
-import { signalize } from '@ng-atomic/common/pipes/signal';
+import { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';
 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/autocomplete";
-import * as i6 from "@angular/material/core";
-export class TextInputFieldMoleculeStore {
+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/autocomplete";
+import * as i5 from "@angular/material/core";
+let TextInputFieldMoleculeStore = class TextInputFieldMoleculeStore extends InjectableComponent {
     constructor() {
-        this.appearance = 'outline';
-        this.type = 'text';
-        this.label = 'label';
-        this.control = new FormControl('');
-        this.placeholder = 'placeholder';
-        this.autoComplete = signal([]);
+        super(...arguments);
+        this.appearance = input('outline');
+        this.type = input('text');
+        this.name = input();
+        this.label = input('label');
+        this.control = input(new FormControl(''));
+        this.placeholder = input('placeholder');
+        this.hint = input();
+        this.pattern = input();
+        this.autoComplete = input([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: TextInputFieldMoleculeStore, isStandalone: true, selector: "molecules-text-input-field", inputs: { appearance: "appearance", type: "type", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", autoComplete: ["autoComplete", "autoComplete", (v) => signalize(v)] }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMoleculeStore, decorators: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextInputFieldMoleculeStore, isStandalone: true, selector: "molecules-text-input-field", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", 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 }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+TextInputFieldMoleculeStore = __decorate([
+    TokenizedType()
+], TextInputFieldMoleculeStore);
+export { TextInputFieldMoleculeStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMoleculeStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'molecules-text-input-field' }]
-        }], propDecorators: { appearance: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], autoComplete: [{
-                type: Input,
-                args: [{ transform: (v) => signalize(v) }]
-            }] } });
-export class TextInputFieldMolecule {
+        }] });
+export class TextInputFieldMolecule extends NgAtomicComponent {
     constructor() {
+        super(...arguments);
         this.store = inject(TextInputFieldMoleculeStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextInputFieldMolecule, isStandalone: true, selector: "molecules-text-input-field", host: { classAttribute: "molecule field" }, hostDirectives: [{ directive: TextInputFieldMoleculeStore, inputs: ["appearance", "appearance", "type", "type", "name", "name", "label", "label", "control", "control", "placeholder", "placeholder", "hint", "hint", "autoComplete", "autoComplete"] }], ngImport: i0, template: `
-  <mat-form-field [appearance]="store.appearance">
-    <mat-label>{{ store.label }}</mat-label>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TextInputFieldMolecule, isStandalone: true, selector: "molecules-text-input-field", host: { classAttribute: "molecule field" }, usesInheritance: true, hostDirectives: [{ directive: TextInputFieldMoleculeStore, inputs: ["appearance", "appearance", "type", "type", "name", "name", "label", "label", "control", "control", "placeholder", "placeholder", "hint", "hint", "autoComplete", "autoComplete", "pattern", "pattern"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
       <input
         matInput
-        [name]="store.name"
-        [type]="store.type"
-        [formControl]="store.control"
-        [placeholder]="store.placeholder"
+        [name]="store.name()"
+        [type]="store.type()"
+        [formControl]="store.control()"
+        [placeholder]="store.placeholder()"
         [matAutocomplete]="auto"
+        [pattern]="store.pattern()"
       >
-      <mat-error *ngIf="store.control?.errors">{{ store.control?.errors | error }}</mat-error>
-      <mat-hint *ngIf="store.hint">{{ store.hint }}</mat-hint>
-      <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
-        <mat-option *ngFor="let option of store.autoComplete()" [value]="option">{{option}}</mat-option>
+      @if (store.control()?.errors) {
+        <mat-error>{{ store.control()?.errors | error }}</mat-error>
+      }
+      @if (store.hint()) {
+        <mat-hint>{{ store.hint() }}</mat-hint>
+      }
+      <mat-autocomplete
+        autoSelectActiveOption
+        #auto="matAutocomplete"
+      >
+        @for (option of store.autoComplete(); track option;) {
+          <mat-option [value]="option">{{ option }}</mat-option>
+        }
       </mat-autocomplete>
   </mat-form-field>
-  `, isInline: true, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:-moz-fit-content;width:fit-content;margin-bottom:20px}:host mat-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-text-input-field', standalone: true, imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         MatInputModule,
                         MatAutocompleteModule,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field [appearance]="store.appearance">
-    <mat-label>{{ store.label }}</mat-label>
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
       <input
         matInput
-        [name]="store.name"
-        [type]="store.type"
-        [formControl]="store.control"
-        [placeholder]="store.placeholder"
+        [name]="store.name()"
+        [type]="store.type()"
+        [formControl]="store.control()"
+        [placeholder]="store.placeholder()"
         [matAutocomplete]="auto"
+        [pattern]="store.pattern()"
+      >
+      @if (store.control()?.errors) {
+        <mat-error>{{ store.control()?.errors | error }}</mat-error>
+      }
+      @if (store.hint()) {
+        <mat-hint>{{ store.hint() }}</mat-hint>
+      }
+      <mat-autocomplete
+        autoSelectActiveOption
+        #auto="matAutocomplete"
       >
-      <mat-error *ngIf="store.control?.errors">{{ store.control?.errors | error }}</mat-error>
-      <mat-hint *ngIf="store.hint">{{ store.hint }}</mat-hint>
-      <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
-        <mat-option *ngFor="let option of store.autoComplete()" [value]="option">{{option}}</mat-option>
+        @for (option of store.autoComplete(); track option;) {
+          <mat-option [value]="option">{{ option }}</mat-option>
+        }
       </mat-autocomplete>
   </mat-form-field>
   `, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, hostDirectives: [
                         {
                             directive: TextInputFieldMoleculeStore,
-                            inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete'],
+                            inputs: ['appearance', 'type', 'name', 'label', 'control', 'placeholder', 'hint', 'autoComplete', 'pattern'],
                         }
-                    ], styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+                    ], styles: [":host{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-between}:host mat-form-field{width:100%}:host atoms-smart-menu-button{width:-moz-fit-content;width:fit-content;margin-bottom:20px}:host mat-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy90ZXh0LWlucHV0LWZpZWxkL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7QUFHM0QsTUFBTSxPQUFPLDJCQUEyQjtJQUR4QztRQUVvQixlQUFVLEdBQXVCLFNBQVMsQ0FBQztRQUMzQyxTQUFJLEdBQW1DLE1BQU0sQ0FBQztRQUU5QyxVQUFLLEdBQVcsT0FBTyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxJQUFJLFdBQVcsQ0FBa0IsRUFBRSxDQUFDLENBQUM7UUFDL0MsZ0JBQVcsR0FBRyxhQUFhLENBQUM7UUFFUyxpQkFBWSxHQUFHLE1BQU0sQ0FBb0IsRUFBRSxDQUFDLENBQUM7S0FDckc7K0dBVFksMkJBQTJCO21HQUEzQiwyQkFBMkIsMlBBUW5CLENBQUMsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDOzs0RkFSaEMsMkJBQTJCO2tCQUR2QyxTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsNEJBQTRCLEVBQUM7OEJBRWpELFVBQVU7c0JBQTNCLEtBQUs7Z0JBQ1ksSUFBSTtzQkFBckIsS0FBSztnQkFDWSxJQUFJO3NCQUFyQixLQUFLO2dCQUNZLEtBQUs7c0JBQXRCLEtBQUs7Z0JBQ1ksT0FBTztzQkFBeEIsS0FBSztnQkFDWSxXQUFXO3NCQUE1QixLQUFLO2dCQUNZLElBQUk7c0JBQXJCLEtBQUs7Z0JBQ2lELFlBQVk7c0JBQWxFLEtBQUs7dUJBQUMsRUFBQyxTQUFTLEVBQUUsQ0FBQyxDQUFNLEVBQUUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBQzs7QUF5QzlDLE1BQU0sT0FBTyxzQkFBc0I7SUF0Q25DO1FBdUNZLFVBQUssR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQTtLQUN0RDsrR0FGWSxzQkFBc0I7bUdBQXRCLHNCQUFzQix3SUFqRHRCLDJCQUEyQix5TkFxQjVCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCwwSUF2QkMsWUFBWSwrUEFDWixtQkFBbUIseWtCQUNuQixjQUFjLDJ5QkFDZCxxQkFBcUIsNGJBQ3JCLFNBQVM7OzRGQThCQSxzQkFBc0I7a0JBdENsQyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQixTQUFTO3FCQUNWLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDLGtCQUNmO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwyQkFBMkI7NEJBQ3RDLE1BQU0sRUFBRSxDQUFDLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxjQUFjLENBQUM7eUJBQ2xHO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgSW5wdXQsIGluamVjdCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgTWF0QXV0b2NvbXBsZXRlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYXV0b2NvbXBsZXRlJztcbmltcG9ydCB7IEVycm9yUGlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2Vycm9yJztcbmltcG9ydCB7IHNpZ25hbGl6ZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NpZ25hbCc7XG5cbkBEaXJlY3RpdmUoe3N0YW5kYWxvbmU6IHRydWUsIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXRleHQtaW5wdXQtZmllbGQnfSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUge1xuICBASW5wdXQoKSByZWFkb25seSBhcHBlYXJhbmNlOiAnb3V0bGluZScgfCAnZmlsbCcgPSAnb3V0bGluZSc7XG4gIEBJbnB1dCgpIHJlYWRvbmx5IHR5cGU6ICd0ZXh0JyB8ICdudW1iZXInIHwgJ3Bhc3N3b3JkJyA9ICd0ZXh0JztcbiAgQElucHV0KCkgcmVhZG9ubHkgbmFtZT86IHN0cmluZztcbiAgQElucHV0KCkgcmVhZG9ubHkgbGFiZWw6IHN0cmluZyA9ICdsYWJlbCc7XG4gIEBJbnB1dCgpIHJlYWRvbmx5IGNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nIHwgbnVtYmVyPignJyk7XG4gIEBJbnB1dCgpIHJlYWRvbmx5IHBsYWNlaG9sZGVyID0gJ3BsYWNlaG9sZGVyJztcbiAgQElucHV0KCkgcmVhZG9ubHkgaGludD86IHN0cmluZztcbiAgQElucHV0KHt0cmFuc2Zvcm06ICh2OiBhbnkpID0+IHNpZ25hbGl6ZSh2KX0pIHJlYWRvbmx5IGF1dG9Db21wbGV0ZSA9IHNpZ25hbDxudW1iZXIgfCBzdHJpbmdbXT4oW10pO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtdGV4dC1pbnB1dC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gICAgRXJyb3JQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwic3RvcmUuYXBwZWFyYW5jZVwiPlxuICAgIDxtYXQtbGFiZWw+e3sgc3RvcmUubGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICAgIDxpbnB1dFxuICAgICAgICBtYXRJbnB1dFxuICAgICAgICBbbmFtZV09XCJzdG9yZS5uYW1lXCJcbiAgICAgICAgW3R5cGVdPVwic3RvcmUudHlwZVwiXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJzdG9yZS5jb250cm9sXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInN0b3JlLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgID5cbiAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJzdG9yZS5jb250cm9sPy5lcnJvcnNcIj57eyBzdG9yZS5jb250cm9sPy5lcnJvcnMgfCBlcnJvciB9fTwvbWF0LWVycm9yPlxuICAgICAgPG1hdC1oaW50ICpuZ0lmPVwic3RvcmUuaGludFwiPnt7IHN0b3JlLmhpbnQgfX08L21hdC1oaW50PlxuICAgICAgPG1hdC1hdXRvY29tcGxldGUgYXV0b0FjdGl2ZUZpcnN0T3B0aW9uICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCI+XG4gICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygc3RvcmUuYXV0b0NvbXBsZXRlKClcIiBbdmFsdWVdPVwib3B0aW9uXCI+e3tvcHRpb259fTwvbWF0LW9wdGlvbj5cbiAgICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdtb2xlY3VsZSBmaWVsZCd9LFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogVGV4dElucHV0RmllbGRNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2FwcGVhcmFuY2UnLCAndHlwZScsICduYW1lJywgJ2xhYmVsJywgJ2NvbnRyb2wnLCAncGxhY2Vob2xkZXInLCAnaGludCcsICdhdXRvQ29tcGxldGUnXSxcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0RmllbGRNb2xlY3VsZSB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChUZXh0SW5wdXRGaWVsZE1vbGVjdWxlU3RvcmUpXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy90ZXh0LWlucHV0LWZpZWxkL3RleHQtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7O0FBSWpGLElBQU0sMkJBQTJCLEdBQWpDLE1BQU0sMkJBQTRCLFNBQVEsbUJBQW1CO0lBQTdEOztRQUNJLGVBQVUsR0FBRyxLQUFLLENBQXFCLFNBQVMsQ0FBQyxDQUFDO1FBQ2xELFNBQUksR0FBRyxLQUFLLENBQWlDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JELFNBQUksR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN2QixVQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLFlBQU8sR0FBRyxLQUFLLENBQUMsSUFBSSxXQUFXLENBQWtCLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDdEQsZ0JBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkMsU0FBSSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3ZCLFlBQU8sR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMxQixpQkFBWSxHQUFHLEtBQUssQ0FBc0IsRUFBRSxDQUFDLENBQUM7S0FDeEQ7OEdBVlksMkJBQTJCO2tHQUEzQiwyQkFBMkI7O0FBQTNCLDJCQUEyQjtJQUZ2QyxhQUFhLEVBQUU7R0FFSCwyQkFBMkIsQ0FVdkM7OzJGQVZZLDJCQUEyQjtrQkFEdkMsU0FBUzttQkFBQyxFQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLDRCQUE0QixFQUFDOztBQTREckUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGlCQUFpQjtJQS9DN0Q7O1FBZ0RZLFVBQUssR0FBRyxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQTtLQUN0RDs4R0FGWSxzQkFBc0I7a0dBQXRCLHNCQUFzQiwrSkEzRHRCLDJCQUEyQiwrT0FxQjVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsZ1hBaENDLG1CQUFtQixrdUJBQ25CLGNBQWMsMnlCQUNkLHFCQUFxQixvMUJBQ3JCLFNBQVM7OzJGQXdDQSxzQkFBc0I7a0JBL0NsQyxTQUFTOytCQUNFLDRCQUE0QixjQUMxQixJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLHFCQUFxQjt3QkFDckIsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sUUFDekMsRUFBQyxLQUFLLEVBQUUsZ0JBQWdCLEVBQUMsa0JBQ2Y7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLDJCQUEyQjs0QkFDdEMsTUFBTSxFQUFFLENBQUMsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRSxTQUFTLENBQUM7eUJBQzdHO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgTWF0QXV0b2NvbXBsZXRlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYXV0b2NvbXBsZXRlJztcbmltcG9ydCB7IEVycm9yUGlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2Vycm9yJztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcblxuQFRva2VuaXplZFR5cGUoKVxuQERpcmVjdGl2ZSh7c3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdtb2xlY3VsZXMtdGV4dC1pbnB1dC1maWVsZCd9KVxuZXhwb3J0IGNsYXNzIFRleHRJbnB1dEZpZWxkTW9sZWN1bGVTdG9yZSBleHRlbmRzIEluamVjdGFibGVDb21wb25lbnQge1xuICByZWFkb25seSBhcHBlYXJhbmNlID0gaW5wdXQ8J291dGxpbmUnIHwgJ2ZpbGwnPignb3V0bGluZScpO1xuICByZWFkb25seSB0eXBlID0gaW5wdXQ8J3RleHQnIHwgJ251bWJlcicgfCAncGFzc3dvcmQnPigndGV4dCcpO1xuICByZWFkb25seSBuYW1lID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBsYWJlbCA9IGlucHV0KCdsYWJlbCcpO1xuICByZWFkb25seSBjb250cm9sID0gaW5wdXQobmV3IEZvcm1Db250cm9sPHN0cmluZyB8IG51bWJlcj4oJycpKTtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBpbnB1dCgncGxhY2Vob2xkZXInKTtcbiAgcmVhZG9ubHkgaGludCA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgcGF0dGVybiA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgYXV0b0NvbXBsZXRlID0gaW5wdXQ8KG51bWJlciB8IHN0cmluZylbXT4oW10pO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtdGV4dC1pbnB1dC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIE1hdEF1dG9jb21wbGV0ZU1vZHVsZSxcbiAgICBFcnJvclBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJzdG9yZS5hcHBlYXJhbmNlKClcIj5cbiAgICA8bWF0LWxhYmVsPnt7IHN0b3JlLmxhYmVsKCkgfX08L21hdC1sYWJlbD5cbiAgICAgIDxpbnB1dFxuICAgICAgICBtYXRJbnB1dFxuICAgICAgICBbbmFtZV09XCJzdG9yZS5uYW1lKClcIlxuICAgICAgICBbdHlwZV09XCJzdG9yZS50eXBlKClcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwic3RvcmUuY29udHJvbCgpXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInN0b3JlLnBsYWNlaG9sZGVyKClcIlxuICAgICAgICBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIlxuICAgICAgICBbcGF0dGVybl09XCJzdG9yZS5wYXR0ZXJuKClcIlxuICAgICAgPlxuICAgICAgQGlmIChzdG9yZS5jb250cm9sKCk/LmVycm9ycykge1xuICAgICAgICA8bWF0LWVycm9yPnt7IHN0b3JlLmNvbnRyb2woKT8uZXJyb3JzIHwgZXJyb3IgfX08L21hdC1lcnJvcj5cbiAgICAgIH1cbiAgICAgIEBpZiAoc3RvcmUuaGludCgpKSB7XG4gICAgICAgIDxtYXQtaGludD57eyBzdG9yZS5oaW50KCkgfX08L21hdC1oaW50PlxuICAgICAgfVxuICAgICAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAgICAgYXV0b1NlbGVjdEFjdGl2ZU9wdGlvblxuICAgICAgICAjYXV0bz1cIm1hdEF1dG9jb21wbGV0ZVwiXG4gICAgICA+XG4gICAgICAgIEBmb3IgKG9wdGlvbiBvZiBzdG9yZS5hdXRvQ29tcGxldGUoKTsgdHJhY2sgb3B0aW9uOykge1xuICAgICAgICAgIDxtYXQtb3B0aW9uIFt2YWx1ZV09XCJvcHRpb25cIj57eyBvcHRpb24gfX08L21hdC1vcHRpb24+XG4gICAgICAgIH1cbiAgICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dC1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0OiB7Y2xhc3M6ICdtb2xlY3VsZSBmaWVsZCd9LFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogVGV4dElucHV0RmllbGRNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2FwcGVhcmFuY2UnLCAndHlwZScsICduYW1lJywgJ2xhYmVsJywgJ2NvbnRyb2wnLCAncGxhY2Vob2xkZXInLCAnaGludCcsICdhdXRvQ29tcGxldGUnLCAncGF0dGVybiddLFxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRGaWVsZE1vbGVjdWxlIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgc3RvcmUgPSBpbmplY3QoVGV4dElucHV0RmllbGRNb2xlY3VsZVN0b3JlKVxufVxuIl19

package/esm2022/molecules/textarea-field/textarea-field.molecule.mjs

@@ -1,47 +1,66 @@
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Directive, input, inject, effect } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
+import { NgAtomicComponent } from '@ng-atomic/core';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
 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 i1 from "@angular/forms";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
 export var ActionId;
 (function (ActionId) {
     ActionId["CTRL_ENTER_KEY_UP"] = "Ctrl Enter Key Up";
 })(ActionId || (ActionId = {}));
-export class TextareaFieldMolecule {
+export class TextareaFieldMoleculeStore {
     constructor() {
-        this.label = 'label';
-        this.placeholder = 'placeholder';
-        this.control = new FormControl('');
-        this.rows = 10;
-        this.action = new EventEmitter();
+        this.label = input('label');
+        this.appearance = input('outline');
+        this.hint = input(null);
+        this.placeholder = input('placeholder');
+        this.floatLabel = input('auto');
+        this.control = input(new FormControl(''));
+        this.rows = input(10);
+        effect(() => {
+            console.debug('control:', this.control());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TextareaFieldMoleculeStore, isStandalone: true, selector: "molecules-textarea-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", 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 }, floatLabel: { classPropertyName: "floatLabel", publicName: "floatLabel", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-textarea-field' }]
+        }], ctorParameters: () => [] });
+export class TextareaFieldMolecule extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(TextareaFieldMoleculeStore);
     }
     onKeyup($event) {
         if ($event.ctrlKey && $event.key === 'Enter') {
-            this.action.emit({ id: ActionId.CTRL_ENTER_KEY_UP });
+            this.dispatch({ id: ActionId.CTRL_ENTER_KEY_UP });
             $event.preventDefault();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaFieldMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaFieldMolecule, isStandalone: true, selector: "molecules-textarea-field", inputs: { label: "label", hint: "hint", placeholder: "placeholder", control: "control", rows: "rows" }, outputs: { action: "action" }, host: { classAttribute: "molecule field" }, ngImport: i0, template: `
-  <mat-form-field appearance="outline">
-    <mat-label>{{ label }}</mat-label>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TextareaFieldMolecule, isStandalone: true, selector: "molecules-textarea-field", host: { classAttribute: "molecule field" }, usesInheritance: true, hostDirectives: [{ directive: TextareaFieldMoleculeStore, inputs: ["label", "label", "appearance", "appearance", "hint", "hint", "placeholder", "placeholder", "floatLabel", "floatLabel", "control", "control", "rows", "rows"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
+    <mat-label>{{ store.label() }}</mat-label>
     <textarea
       matInput
-      [formControl]="control"
-      [placeholder]="placeholder"
+      [formControl]="store.control()"
+      [placeholder]="store.placeholder()"
       (keyup)="onKeyup($event)"
-      [rows]="rows"
+      [rows]="store.rows()"
     ></textarea>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
-  </mat-form-field>`, isInline: true, styles: [":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: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    <!-- @if (!store.control().errors && store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    } -->
+    <mat-error>{{ store.control().errors | error }}</mat-error>
+  </mat-form-field>`, isInline: true, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.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: TextareaFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TextareaFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-textarea-field', standalone: true, imports: [
                         CommonModule,
@@ -49,29 +68,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         MatInputModule,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field appearance="outline">
-    <mat-label>{{ label }}</mat-label>
+  <mat-form-field [appearance]="store.appearance()" [floatLabel]="store.floatLabel()">
+    <mat-label>{{ store.label() }}</mat-label>
     <textarea
       matInput
-      [formControl]="control"
-      [placeholder]="placeholder"
+      [formControl]="store.control()"
+      [placeholder]="store.placeholder()"
       (keyup)="onKeyup($event)"
-      [rows]="rows"
+      [rows]="store.rows()"
     ></textarea>
-    <mat-hint *ngIf="hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
-  </mat-form-field>`, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'molecule field' }, styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], action: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvdGV4dGFyZWEtZmllbGQvdGV4dGFyZWEtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7OztBQUUxRCxNQUFNLENBQU4sSUFBWSxRQUVYO0FBRkQsV0FBWSxRQUFRO0lBQ2xCLG1EQUF1QyxDQUFBO0FBQ3pDLENBQUMsRUFGVyxRQUFRLEtBQVIsUUFBUSxRQUVuQjtBQTRCRCxNQUFNLE9BQU8scUJBQXFCO0lBMUJsQztRQTZCRSxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBTWhCLGdCQUFXLEdBQUcsYUFBYSxDQUFDO1FBRzVCLFlBQU8sR0FBRyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUc5QixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBR1YsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FTckM7SUFQVyxPQUFPLENBQUMsTUFBTTtRQUN0QixJQUFHLE1BQU0sQ0FBQyxPQUFPLElBQUksTUFBTSxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDM0MsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLGlCQUFpQixFQUFDLENBQUMsQ0FBQztZQUNuRCxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDekI7SUFDSCxDQUFDOytHQXpCVSxxQkFBcUI7bUdBQXJCLHFCQUFxQix1UUFqQnRCOzs7Ozs7Ozs7Ozs7b0JBWVEsMElBakJoQixZQUFZLGtJQUNaLG1CQUFtQix5a0JBQ25CLGNBQWMsdXlCQUNkLFNBQVM7OzRGQW1CQSxxQkFBcUI7a0JBMUJqQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7Ozs7b0JBWVEsbUJBRUQsdUJBQXVCLENBQUMsTUFBTSxRQUN6QyxFQUFDLEtBQUssRUFBRSxnQkFBZ0IsRUFBQzs4QkFLL0IsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IEVycm9yUGlwZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL2Vycm9yJztcblxuZXhwb3J0IGVudW0gQWN0aW9uSWQge1xuICBDVFJMX0VOVEVSX0tFWV9VUCA9ICdDdHJsIEVudGVyIEtleSBVcCcsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy10ZXh0YXJlYS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBFcnJvclBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiPlxuICAgIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICA8dGV4dGFyZWFcbiAgICAgIG1hdElucHV0XG4gICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgKGtleXVwKT1cIm9uS2V5dXAoJGV2ZW50KVwiXG4gICAgICBbcm93c109XCJyb3dzXCJcbiAgICA+PC90ZXh0YXJlYT5cbiAgICA8bWF0LWhpbnQgKm5nSWY9XCJoaW50XCI+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvcj57eyBjb250cm9sLmVycm9ycyB8IGVycm9yIH19PC9tYXQtZXJyb3I+XG4gIDwvbWF0LWZvcm0tZmllbGQ+YCxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dGFyZWEtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnbW9sZWN1bGUgZmllbGQnfSxcbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFGaWVsZE1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICdsYWJlbCc7XG5cbiAgQElucHV0KClcbiAgaGludD86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwbGFjZWhvbGRlciA9ICdwbGFjZWhvbGRlcic7XG5cbiAgQElucHV0KClcbiAgY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgQElucHV0KClcbiAgcm93cyA9IDEwO1xuXG4gIEBPdXRwdXQoKVxuICBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbj4oKTtcblxuICBwcm90ZWN0ZWQgb25LZXl1cCgkZXZlbnQpIHtcbiAgICBpZigkZXZlbnQuY3RybEtleSAmJiAkZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICB0aGlzLmFjdGlvbi5lbWl0KHtpZDogQWN0aW9uSWQuQ1RSTF9FTlRFUl9LRVlfVVB9KTtcbiAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG59XG4iXX0=
+    <!-- @if (!store.control().errors && 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' }, hostDirectives: [
+                        {
+                            directive: TextareaFieldMoleculeStore,
+                            inputs: ['label', 'appearance', 'hint', 'placeholder', 'floatLabel', 'control', 'rows'],
+                        },
+                    ], styles: [":host{display:block;width:100%}:host mat-form-field{width:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvdGV4dGFyZWEtZmllbGQvdGV4dGFyZWEtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7OztBQUUxRCxNQUFNLENBQU4sSUFBWSxRQUVYO0FBRkQsV0FBWSxRQUFRO0lBQ2xCLG1EQUF1QyxDQUFBO0FBQ3pDLENBQUMsRUFGVyxRQUFRLEtBQVIsUUFBUSxRQUVuQjtBQUdELE1BQU0sT0FBTywwQkFBMEI7SUFTckM7UUFSUyxVQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBRyxLQUFLLENBQTZDLFNBQVMsQ0FBQyxDQUFDO1FBQzFFLFNBQUksR0FBRyxLQUFLLENBQVMsSUFBSSxDQUFDLENBQUM7UUFDM0IsZ0JBQVcsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDbkMsZUFBVSxHQUFHLEtBQUssQ0FBOEIsTUFBTSxDQUFDLENBQUM7UUFDeEQsWUFBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3JDLFNBQUksR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7UUFHeEIsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE9BQU8sQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzVDLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0FiVSwwQkFBMEI7a0dBQTFCLDBCQUEwQjs7MkZBQTFCLDBCQUEwQjtrQkFEdEMsU0FBUzttQkFBQyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLDBCQUEwQixFQUFFOztBQW1EckUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGlCQUFpQjtJQWxDNUQ7O1FBbUNxQixVQUFLLEdBQUcsTUFBTSxDQUFDLDBCQUEwQixDQUFDLENBQUM7S0FTL0Q7SUFQVyxPQUFPLENBQUMsTUFBTTtRQUN0QixJQUFHLE1BQU0sQ0FBQyxPQUFPLElBQUksTUFBTSxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDM0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFDLEVBQUUsRUFBRSxRQUFRLENBQUMsaUJBQWlCLEVBQUMsQ0FBQyxDQUFDO1lBQ2hELE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7OEdBUlUscUJBQXFCO2tHQUFyQixxQkFBcUIsNkpBbERyQiwwQkFBMEIscU1BeUIzQjs7Ozs7Ozs7Ozs7Ozs7b0JBY1EsMElBbkJoQixZQUFZLDhCQUNaLG1CQUFtQix5a0JBQ25CLGNBQWMsK3NCQUNkLFNBQVM7OzJGQTJCQSxxQkFBcUI7a0JBbENqQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7Ozs7OztvQkFjUSxtQkFFRCx1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsS0FBSyxFQUFFLGdCQUFnQixFQUFDLGtCQUNmO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSwwQkFBMEI7NEJBQ3JDLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQzt5QkFDeEY7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBpbnB1dCwgaW5qZWN0LCBlZmZlY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBFcnJvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9lcnJvcic7XG5cbmV4cG9ydCBlbnVtIEFjdGlvbklkIHtcbiAgQ1RSTF9FTlRFUl9LRVlfVVAgPSAnQ3RybCBFbnRlciBLZXkgVXAnLFxufVxuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdtb2xlY3VsZXMtdGV4dGFyZWEtZmllbGQnIH0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFGaWVsZE1vbGVjdWxlU3RvcmUge1xuICByZWFkb25seSBsYWJlbCA9IGlucHV0KCdsYWJlbCcpO1xuICByZWFkb25seSBhcHBlYXJhbmNlID0gaW5wdXQ8J2xlZ2FjeScgfCAnc3RhbmRhcmQnIHwgJ2ZpbGwnIHwgJ291dGxpbmUnPignb3V0bGluZScpO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQ8c3RyaW5nPihudWxsKTtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXIgPSBpbnB1dCgncGxhY2Vob2xkZXInKTtcbiAgcmVhZG9ubHkgZmxvYXRMYWJlbCA9IGlucHV0PCdhdXRvJyB8ICdhbHdheXMnIHwgJ25ldmVyJz4oJ2F1dG8nKTtcbiAgcmVhZG9ubHkgY29udHJvbCA9IGlucHV0KG5ldyBGb3JtQ29udHJvbCgnJykpO1xuICByZWFkb25seSByb3dzID0gaW5wdXQoMTApO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zb2xlLmRlYnVnKCdjb250cm9sOicsIHRoaXMuY29udHJvbCgpKTtcbiAgICB9KVxuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy10ZXh0YXJlYS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBFcnJvclBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJzdG9yZS5hcHBlYXJhbmNlKClcIiBbZmxvYXRMYWJlbF09XCJzdG9yZS5mbG9hdExhYmVsKClcIj5cbiAgICA8bWF0LWxhYmVsPnt7IHN0b3JlLmxhYmVsKCkgfX08L21hdC1sYWJlbD5cbiAgICA8dGV4dGFyZWFcbiAgICAgIG1hdElucHV0XG4gICAgICBbZm9ybUNvbnRyb2xdPVwic3RvcmUuY29udHJvbCgpXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzdG9yZS5wbGFjZWhvbGRlcigpXCJcbiAgICAgIChrZXl1cCk9XCJvbktleXVwKCRldmVudClcIlxuICAgICAgW3Jvd3NdPVwic3RvcmUucm93cygpXCJcbiAgICA+PC90ZXh0YXJlYT5cbiAgICA8IS0tIEBpZiAoIXN0b3JlLmNvbnRyb2woKS5lcnJvcnMgJiYgc3RvcmUuaGludCgpKSB7XG4gICAgICA8bWF0LWhpbnQ+e3sgc3RvcmUuaGludCgpIH19PC9tYXQtaGludD5cbiAgICB9IC0tPlxuICAgIDxtYXQtZXJyb3I+e3sgc3RvcmUuY29udHJvbCgpLmVycm9ycyB8IGVycm9yIH19PC9tYXQtZXJyb3I+XG4gIDwvbWF0LWZvcm0tZmllbGQ+YCxcbiAgc3R5bGVVcmxzOiBbJy4vdGV4dGFyZWEtZmllbGQubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge2NsYXNzOiAnbW9sZWN1bGUgZmllbGQnfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IFRleHRhcmVhRmllbGRNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2xhYmVsJywgJ2FwcGVhcmFuY2UnLCAnaGludCcsICdwbGFjZWhvbGRlcicsICdmbG9hdExhYmVsJywgJ2NvbnRyb2wnLCAncm93cyddLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRhcmVhRmllbGRNb2xlY3VsZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHN0b3JlID0gaW5qZWN0KFRleHRhcmVhRmllbGRNb2xlY3VsZVN0b3JlKTtcblxuICBwcm90ZWN0ZWQgb25LZXl1cCgkZXZlbnQpIHtcbiAgICBpZigkZXZlbnQuY3RybEtleSAmJiAkZXZlbnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICB0aGlzLmRpc3BhdGNoKHtpZDogQWN0aW9uSWQuQ1RSTF9FTlRFUl9LRVlfVVB9KTtcbiAgICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG59XG4iXX0=

package/esm2022/molecules/tree-column/tree-column.molecule.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Directive, EventEmitter, Output, ViewEncapsulation, inject, input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MatTableModule, MatTextColumn } from '@angular/material/table';
 import { ClipboardModule } from '@angular/cdk/clipboard';
@@ -9,22 +9,30 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { FlatTreeControl } from '@angular/cdk/tree';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/clipboard";
-import * as i3 from "@ng-atomic/common/pipes/smart-exp";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/icon";
-import * as i6 from "@angular/material/table";
-import * as i7 from "@angular/material/tooltip";
+import * as i1 from "@angular/cdk/clipboard";
+import * as i2 from "@ng-atomic/common/pipes/smart-exp";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/table";
+import * as i6 from "@angular/material/tooltip";
+export class TreeColumnMoleculeStore {
+    constructor() {
+        this.sort = input('none');
+        this.treeControl = input(new FlatTreeControl((node) => node.level, (node) => node.isExpandable));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMoleculeStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: TreeColumnMoleculeStore, isStandalone: true, selector: "molecules-tree-column", inputs: { sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, treeControl: { classPropertyName: "treeControl", publicName: "treeControl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-tree-column' }]
+        }] });
 export class TreeColumnMolecule extends MatTextColumn {
     constructor() {
         super(...arguments);
-        this.sort = 'none';
+        this.store = inject(TreeColumnMoleculeStore);
         this.headerClick = new EventEmitter();
-        // @Input()
-        // override dataAccessor = (data, name) => data[name.replace(/^__tree_/, '')] ?? '';
         this.text = 'copy';
-        this.treeControl = new FlatTreeControl((node) => node.level, (node) => node.isExpandable);
     }
     get key() {
         return this.name.slice('__tree_'.length);
@@ -33,8 +41,8 @@ export class TreeColumnMolecule extends MatTextColumn {
         this.text = 'copied!';
         setTimeout(() => this.text = 'copy', 1000);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", inputs: { sort: "sort", treeControl: "treeControl" }, outputs: { headerClick: "headerClick" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: TreeColumnMolecule, isStandalone: true, selector: "molecules-tree-column", outputs: { headerClick: "headerClick" }, usesInheritance: true, hostDirectives: [{ directive: TreeColumnMoleculeStore, inputs: ["sort", "sort", "treeControl", "treeControl"] }], ngImport: i0, template: `
   <ng-container matColumnDef>
     <th
       mat-header-cell
@@ -44,10 +52,14 @@ export class TreeColumnMolecule extends MatTextColumn {
     >
       <p class="nowrap" style="display: flex; align-items: center; margin-left: 48px">
         <span>{{ key }}</span>
-        <ng-container [ngSwitch]="sort">
-          <mat-icon class="order" *ngSwitchCase="'asc'">south</mat-icon>
-          <mat-icon class="order" *ngSwitchCase="'desc'">north</mat-icon>
-        </ng-container>
+        @switch(store.sort()) {
+          @case ('asc') {
+            <mat-icon class="order">south</mat-icon>
+          }
+          @case ('desc') { 
+            <mat-icon class="order">north</mat-icon>
+          }
+        }
       </p>
     </th>
     <td mat-cell *matCellDef="let data"> 
@@ -60,18 +72,18 @@ export class TreeColumnMolecule extends MatTextColumn {
           mat-icon-button 
           [style.visibility]="!data.isExpandable ? 'hidden' : ''"
           [style.marginLeft.px]="data.level * 32"
-          (click)="treeControl.toggle(data)"
+          (click)="store.treeControl().toggle(data)"
         >
           <mat-icon>
-            {{ treeControl.isExpanded(data) ? 'expand_more' : 'chevron_right' }}
+            {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
           </mat-icon>
         </button>
         <span> {{ data | dataAccessor: key }} </span>
       </p>
     </td>
-  </ng-container> `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i2.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i3.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  </ng-container> `, isInline: true, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ClipboardModule }, { kind: "directive", type: i1.CdkCopyToClipboard, selector: "[cdkCopyToClipboard]", inputs: ["cdkCopyToClipboard", "cdkCopyToClipboardAttempts"], outputs: ["cdkCopyToClipboardCopied"] }, { kind: "ngmodule", type: SmartExpModule }, { kind: "pipe", type: i2.SmartExpPipe, name: "smartExp" }, { kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeColumnMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TreeColumnMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-tree-column', standalone: true, imports: [
                         CommonModule,
@@ -92,10 +104,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     >
       <p class="nowrap" style="display: flex; align-items: center; margin-left: 48px">
         <span>{{ key }}</span>
-        <ng-container [ngSwitch]="sort">
-          <mat-icon class="order" *ngSwitchCase="'asc'">south</mat-icon>
-          <mat-icon class="order" *ngSwitchCase="'desc'">north</mat-icon>
-        </ng-container>
+        @switch(store.sort()) {
+          @case ('asc') {
+            <mat-icon class="order">south</mat-icon>
+          }
+          @case ('desc') { 
+            <mat-icon class="order">north</mat-icon>
+          }
+        }
       </p>
     </th>
     <td mat-cell *matCellDef="let data"> 
@@ -108,21 +124,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           mat-icon-button 
           [style.visibility]="!data.isExpandable ? 'hidden' : ''"
           [style.marginLeft.px]="data.level * 32"
-          (click)="treeControl.toggle(data)"
+          (click)="store.treeControl().toggle(data)"
         >
           <mat-icon>
-            {{ treeControl.isExpanded(data) ? 'expand_more' : 'chevron_right' }}
+            {{ store.treeControl().isExpanded(data) ? 'expand_more' : 'chevron_right' }}
           </mat-icon>
         </button>
         <span> {{ data | dataAccessor: key }} </span>
       </p>
     </td>
-  </ng-container> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
-        }], propDecorators: { sort: [{
-                type: Input
-            }], headerClick: [{
+  </ng-container> `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: TreeColumnMoleculeStore,
+                            inputs: ['sort', 'treeControl'],
+                        }
+                    ], styles: ["th[mat-header-cell],td[mat-cell]{cursor:pointer}th[mat-header-cell] mat-icon.order,td[mat-cell] mat-icon.order{width:12px;height:12px;font-size:12px}th[mat-header-cell] p.nowrap,td[mat-cell] p.nowrap{margin-block-start:0em;margin-block-end:0em;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { headerClick: [{
                 type: Output
-            }], treeControl: [{
-                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvdHJlZS1jb2x1bW4vdHJlZS1jb2x1bW4ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7Ozs7QUF1RHBELE1BQU0sT0FBTyxrQkFBc0IsU0FBUSxhQUFnQjtJQXJEM0Q7O1FBd0RFLFNBQUksR0FBNEIsTUFBTSxDQUFDO1FBR3ZDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV2QyxXQUFXO1FBQ1gsb0ZBQW9GO1FBRXBGLFNBQUksR0FBRyxNQUFNLENBQUM7UUFZZCxnQkFBVyxHQUFHLElBQUksZUFBZSxDQUMvQixDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssRUFDcEIsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQzVCLENBQUM7S0FFSDtJQWZDLElBQUksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7UUFDdEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzdDLENBQUM7K0dBcEJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHVNQXhDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQW1DTyx5WkE1Q2YsWUFBWSwwTkFDWixlQUFlLHlOQUNmLGNBQWMscUZBQ2QsZ0JBQWdCLG9EQUNoQixlQUFlLDJMQUNmLGFBQWEsbUxBQ2IsY0FBYyxrZEFDZCxnQkFBZ0I7OzRGQTBDUCxrQkFBa0I7a0JBckQ5QixTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGNBQWM7d0JBQ2QsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxnQkFBZ0I7cUJBQ2pCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQW1DTyxpQkFFRixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sV0FBVztzQkFEVixNQUFNO2dCQWtCUCxXQUFXO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0VGFibGVNb2R1bGUsIE1hdFRleHRDb2x1bW4gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG5pbXBvcnQgeyBDbGlwYm9hcmRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvY2xpcGJvYXJkJztcbmltcG9ydCB7IFNtYXJ0RXhwTW9kdWxlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvc21hcnQtZXhwJztcbmltcG9ydCB7IERhdGFBY2Nlc3NvclBpcGUgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9waXBlcy9kYXRhLWFjY2Vzc29yJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBGbGF0VHJlZUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9jZGsvdHJlZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy10cmVlLWNvbHVtbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ2xpcGJvYXJkTW9kdWxlLFxuICAgIFNtYXJ0RXhwTW9kdWxlLFxuICAgIERhdGFBY2Nlc3NvclBpcGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0VGFibGVNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY+XG4gICAgPHRoXG4gICAgICBtYXQtaGVhZGVyLWNlbGxcbiAgICAgICptYXRIZWFkZXJDZWxsRGVmXG4gICAgICBbc3R5bGUudGV4dC1hbGlnbl09XCJqdXN0aWZ5XCJcbiAgICAgIChjbGljayk9XCJoZWFkZXJDbGljay5lbWl0KClcIlxuICAgID5cbiAgICAgIDxwIGNsYXNzPVwibm93cmFwXCIgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBhbGlnbi1pdGVtczogY2VudGVyOyBtYXJnaW4tbGVmdDogNDhweFwiPlxuICAgICAgICA8c3Bhbj57eyBrZXkgfX08L3NwYW4+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInNvcnRcIj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9tYXQtaWNvbj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJvcmRlclwiICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5ub3J0aDwvbWF0LWljb24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9wPlxuICAgIDwvdGg+XG4gICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGRhdGFcIj4gXG4gICAgICA8cCBjbGFzcz1cIm5vd3JhcFwiXG4gICAgICAgIFtjZGtDb3B5VG9DbGlwYm9hcmRdPVwiZGF0YSB8IGRhdGFBY2Nlc3Nvcjoga2V5IHwgc21hcnRFeHA6IGtleVwiXG4gICAgICAgIChjbGljayk9XCJjb3BpZWQoKTsgdG9vbHRpcC5zaG93KClcIlxuICAgICAgICAjdG9vbHRpcD1cIm1hdFRvb2x0aXBcIiBbbWF0VG9vbHRpcF09XCJ0ZXh0XCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYmVsb3dcIlxuICAgICAgPlxuICAgICAgICA8YnV0dG9uIFxuICAgICAgICAgIG1hdC1pY29uLWJ1dHRvbiBcbiAgICAgICAgICBbc3R5bGUudmlzaWJpbGl0eV09XCIhZGF0YS5pc0V4cGFuZGFibGUgPyAnaGlkZGVuJyA6ICcnXCJcbiAgICAgICAgICBbc3R5bGUubWFyZ2luTGVmdC5weF09XCJkYXRhLmxldmVsICogMzJcIlxuICAgICAgICAgIChjbGljayk9XCJ0cmVlQ29udHJvbC50b2dnbGUoZGF0YSlcIlxuICAgICAgICA+XG4gICAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAge3sgdHJlZUNvbnRyb2wuaXNFeHBhbmRlZChkYXRhKSA/ICdleHBhbmRfbW9yZScgOiAnY2hldnJvbl9yaWdodCcgfX1cbiAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHNwYW4+IHt7IGRhdGEgfCBkYXRhQWNjZXNzb3I6IGtleSB9fSA8L3NwYW4+XG4gICAgICA8L3A+XG4gICAgPC90ZD5cbiAgPC9uZy1jb250YWluZXI+IGAsXG4gIHN0eWxlVXJsczogWycuL3RyZWUtY29sdW1uLm1vbGVjdWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFRyZWVDb2x1bW5Nb2xlY3VsZTxUPiBleHRlbmRzIE1hdFRleHRDb2x1bW48VD4ge1xuXG4gIEBJbnB1dCgpXG4gIHNvcnQ6ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnID0gJ25vbmUnO1xuXG4gIEBPdXRwdXQoKVxuICBoZWFkZXJDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvLyBASW5wdXQoKVxuICAvLyBvdmVycmlkZSBkYXRhQWNjZXNzb3IgPSAoZGF0YSwgbmFtZSkgPT4gZGF0YVtuYW1lLnJlcGxhY2UoL15fX3RyZWVfLywgJycpXSA/PyAnJztcblxuICB0ZXh0ID0gJ2NvcHknO1xuXG4gIGdldCBrZXkoKSB7XG4gICAgcmV0dXJuIHRoaXMubmFtZS5zbGljZSgnX190cmVlXycubGVuZ3RoKTtcbiAgfVxuXG4gIGNvcGllZCgpIHtcbiAgICB0aGlzLnRleHQgPSAnY29waWVkISc7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnRleHQgPSAnY29weScsIDEwMDApO1xuICB9XG5cbiAgQElucHV0KClcbiAgdHJlZUNvbnRyb2wgPSBuZXcgRmxhdFRyZWVDb250cm9sPGFueT4oXG4gICAgKG5vZGUpID0+IG5vZGUubGV2ZWwsXG4gICAgKG5vZGUpID0+IG5vZGUuaXNFeHBhbmRhYmxlXG4gICk7XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1jb2x1bW4ubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvdHJlZS1jb2x1bW4vdHJlZS1jb2x1bW4ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFTLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdJLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7Ozs7O0FBR3BELE1BQU0sT0FBTyx1QkFBdUI7SUFEcEM7UUFFVyxTQUFJLEdBQUcsS0FBSyxDQUEwQixNQUFNLENBQUMsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLEtBQUssQ0FBQyxJQUFJLGVBQWUsQ0FDOUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQ3BCLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUM1QixDQUFDLENBQUM7S0FFSjs4R0FQWSx1QkFBdUI7a0dBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFEbkMsU0FBUzttQkFBQyxFQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLHVCQUF1QixFQUFDOztBQXlFaEUsTUFBTSxPQUFPLGtCQUFzQixTQUFRLGFBQWdCO0lBL0QzRDs7UUFnRVksVUFBSyxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBR2xELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV2QyxTQUFJLEdBQUcsTUFBTSxDQUFDO0tBVWY7SUFSQyxJQUFJLEdBQUc7UUFDTCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO1FBQ3RCLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxHQUFHLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUM3QyxDQUFDOzhHQWZVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHVKQXhFbEIsdUJBQXVCLHFGQXNCeEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzttQkF1Q08seVpBaERmLFlBQVksOEJBQ1osZUFBZSx5TkFDZixjQUFjLHFGQUNkLGdCQUFnQixvREFDaEIsZUFBZSwySUFDZixhQUFhLG1MQUNiLGNBQWMsa2RBQ2QsZ0JBQWdCOzsyRkFvRFAsa0JBQWtCO2tCQS9EOUIsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3dCQUNkLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsZ0JBQWdCO3FCQUNqQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7bUJBdUNPLGlCQUVGLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSx1QkFBdUI7NEJBQ2xDLE1BQU0sRUFBRSxDQUFDLE1BQU0sRUFBRSxhQUFhLENBQUM7eUJBQ2hDO3FCQUNGOzhCQU1ELFdBQVc7c0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIERpcmVjdGl2ZSwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgaW5qZWN0LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFRhYmxlTW9kdWxlLCBNYXRUZXh0Q29sdW1uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHsgQ2xpcGJvYXJkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NsaXBib2FyZCc7XG5pbXBvcnQgeyBTbWFydEV4cE1vZHVsZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL3BpcGVzL3NtYXJ0LWV4cCc7XG5pbXBvcnQgeyBEYXRhQWNjZXNzb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZGF0YS1hY2Nlc3Nvcic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgRmxhdFRyZWVDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3RyZWUnO1xuXG5ARGlyZWN0aXZlKHtzdGFuZGFsb25lOiB0cnVlLCBzZWxlY3RvcjogJ21vbGVjdWxlcy10cmVlLWNvbHVtbid9KVxuZXhwb3J0IGNsYXNzIFRyZWVDb2x1bW5Nb2xlY3VsZVN0b3JlIHtcbiAgcmVhZG9ubHkgc29ydCA9IGlucHV0PCdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnPignbm9uZScpO1xuICByZWFkb25seSB0cmVlQ29udHJvbCA9IGlucHV0KG5ldyBGbGF0VHJlZUNvbnRyb2w8YW55PihcbiAgICAobm9kZSkgPT4gbm9kZS5sZXZlbCxcbiAgICAobm9kZSkgPT4gbm9kZS5pc0V4cGFuZGFibGVcbiAgKSk7XG5cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLXRyZWUtY29sdW1uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDbGlwYm9hcmRNb2R1bGUsXG4gICAgU21hcnRFeHBNb2R1bGUsXG4gICAgRGF0YUFjY2Vzc29yUGlwZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRUYWJsZU1vZHVsZSxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj5cbiAgICA8dGhcbiAgICAgIG1hdC1oZWFkZXItY2VsbFxuICAgICAgKm1hdEhlYWRlckNlbGxEZWZcbiAgICAgIFtzdHlsZS50ZXh0LWFsaWduXT1cImp1c3RpZnlcIlxuICAgICAgKGNsaWNrKT1cImhlYWRlckNsaWNrLmVtaXQoKVwiXG4gICAgPlxuICAgICAgPHAgY2xhc3M9XCJub3dyYXBcIiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IG1hcmdpbi1sZWZ0OiA0OHB4XCI+XG4gICAgICAgIDxzcGFuPnt7IGtleSB9fTwvc3Bhbj5cbiAgICAgICAgQHN3aXRjaChzdG9yZS5zb3J0KCkpIHtcbiAgICAgICAgICBAY2FzZSAoJ2FzYycpIHtcbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm9yZGVyXCI+c291dGg8L21hdC1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAY2FzZSAoJ2Rlc2MnKSB7IFxuICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwib3JkZXJcIj5ub3J0aDwvbWF0LWljb24+XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICA8L3A+XG4gICAgPC90aD5cbiAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZGF0YVwiPiBcbiAgICAgIDxwIGNsYXNzPVwibm93cmFwXCJcbiAgICAgICAgW2Nka0NvcHlUb0NsaXBib2FyZF09XCJkYXRhIHwgZGF0YUFjY2Vzc29yOiBrZXkgfCBzbWFydEV4cDoga2V5XCJcbiAgICAgICAgKGNsaWNrKT1cImNvcGllZCgpOyB0b29sdGlwLnNob3coKVwiXG4gICAgICAgICN0b29sdGlwPVwibWF0VG9vbHRpcFwiIFttYXRUb29sdGlwXT1cInRleHRcIiBtYXRUb29sdGlwUG9zaXRpb249XCJiZWxvd1wiXG4gICAgICA+XG4gICAgICAgIDxidXR0b24gXG4gICAgICAgICAgbWF0LWljb24tYnV0dG9uIFxuICAgICAgICAgIFtzdHlsZS52aXNpYmlsaXR5XT1cIiFkYXRhLmlzRXhwYW5kYWJsZSA/ICdoaWRkZW4nIDogJydcIlxuICAgICAgICAgIFtzdHlsZS5tYXJnaW5MZWZ0LnB4XT1cImRhdGEubGV2ZWwgKiAzMlwiXG4gICAgICAgICAgKGNsaWNrKT1cInN0b3JlLnRyZWVDb250cm9sKCkudG9nZ2xlKGRhdGEpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxtYXQtaWNvbj5cbiAgICAgICAgICAgIHt7IHN0b3JlLnRyZWVDb250cm9sKCkuaXNFeHBhbmRlZChkYXRhKSA/ICdleHBhbmRfbW9yZScgOiAnY2hldnJvbl9yaWdodCcgfX1cbiAgICAgICAgICA8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHNwYW4+IHt7IGRhdGEgfCBkYXRhQWNjZXNzb3I6IGtleSB9fSA8L3NwYW4+XG4gICAgICA8L3A+XG4gICAgPC90ZD5cbiAgPC9uZy1jb250YWluZXI+IGAsXG4gIHN0eWxlVXJsczogWycuL3RyZWUtY29sdW1uLm1vbGVjdWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBUcmVlQ29sdW1uTW9sZWN1bGVTdG9yZSxcbiAgICAgIGlucHV0czogWydzb3J0JywgJ3RyZWVDb250cm9sJ10sXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUcmVlQ29sdW1uTW9sZWN1bGU8VD4gZXh0ZW5kcyBNYXRUZXh0Q29sdW1uPFQ+IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KFRyZWVDb2x1bW5Nb2xlY3VsZVN0b3JlKTtcblxuICBAT3V0cHV0KClcbiAgaGVhZGVyQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgdGV4dCA9ICdjb3B5JztcblxuICBnZXQga2V5KCkge1xuICAgIHJldHVybiB0aGlzLm5hbWUuc2xpY2UoJ19fdHJlZV8nLmxlbmd0aCk7XG4gIH1cblxuICBjb3BpZWQoKSB7XG4gICAgdGhpcy50ZXh0ID0gJ2NvcGllZCEnO1xuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy50ZXh0ID0gJ2NvcHknLCAxMDAwKTtcbiAgfVxufVxuIl19