@ng-atomic/components 16.2.0 → 16.3.1

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

@@ -1,80 +1,109 @@
 import { __decorate, __metadata } from "tslib";
-import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Directive, computed, effect, inject, input, viewChild } from '@angular/core';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { SmartMenuButtonAtom } from '@ng-atomic/components/atoms/smart-menu-button';
 import { Effect, NgAtomicComponent } from '@ng-atomic/core';
 import { ErrorPipe } from '@ng-atomic/common/pipes/error';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { startWith, switchMap } from 'rxjs';
 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";
 var ActionId;
 (function (ActionId) {
     ActionId["FILE_SELECT_BUTTON_CLICK"] = "[@ng-atomic/components/molecules/file-input-field] File select button click";
     ActionId["FILE_SELECTED"] = "[@ng-atomic/components/molecules/file-input-field] File selected";
     ActionId["CANCEL"] = "[@ng-atomic/components/molecules/file-input-field] Cancel";
 })(ActionId || (ActionId = {}));
-export class FileInputFieldMolecule extends NgAtomicComponent {
+export class FileInputFieldStore {
     constructor() {
-        super(...arguments);
-        this.appearance = 'outline';
-        this.label = 'label';
-        this.control = new FormControl('');
+        this.control = input(new FormControl(null));
+        this.control$ = toObservable(this.control).pipe(takeUntilDestroyed());
+        this.controlValue$ = this.control$.pipe(switchMap(control => control.valueChanges.pipe(startWith(control.value))));
+        this.label = input('label');
+        this.placeholder = input('placeholder');
+        this.hint = input(null);
+        this.progress = input(false);
+        this.name = input(null);
+        this.appearance = input('outline');
         this._control = new FormControl({ value: '', disabled: true });
-        this.placeholder = 'placeholder';
-    }
-    static { this.ActionId = ActionId; }
-    get actions() {
-        return this.progress ? [
-            {
-                id: ActionId.CANCEL,
-                icon: 'cancel',
-                name: 'Cancel',
-                disabled: this.control.disabled,
-            },
-        ] : [
-            {
-                id: ActionId.FILE_SELECT_BUTTON_CLICK,
-                icon: 'attach_file',
-                name: 'Select file',
-                disabled: this.control.disabled,
-            },
-        ];
+        this.actions = computed(() => {
+            if (this.progress()) {
+                return [
+                    {
+                        id: ActionId.CANCEL,
+                        icon: 'cancel',
+                        name: 'Cancel',
+                        disabled: this.control().disabled,
+                    },
+                ];
+            }
+            else {
+                return [
+                    {
+                        id: ActionId.FILE_SELECT_BUTTON_CLICK,
+                        icon: 'attach_file',
+                        name: 'Select file',
+                        disabled: this.control().disabled,
+                    },
+                ];
+            }
+        });
+        // super();
+        effect(() => {
+            console.debug('progress:', this.progress());
+        });
     }
     ngOnInit() {
-        this._control.setValidators(this.control['_rawValidators']);
-        this._control.setAsyncValidators(this.control['_rawAsyncValidators']);
-        this.control.valueChanges.subscribe(value => this._control.setValue(value));
+        // super.ngOnInit();
+        this.control$.subscribe(control => {
+            this._control.setValidators(control['_rawValidators']);
+            this._control.setAsyncValidators(control['_rawAsyncValidators']);
+        });
+        this.controlValue$.subscribe(value => this._control.setValue(value));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputFieldStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: FileInputFieldStore, isStandalone: true, 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 }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputFieldStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true }]
+        }], ctorParameters: () => [] });
+export class FileInputFieldMolecule extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(FileInputFieldStore);
+        this.fileUpload = viewChild.required('fileUpload');
     }
+    static { this.ActionId = ActionId; }
     onFileSelectButtonClick() {
-        this.fileUpload.nativeElement.click();
+        this.fileUpload().nativeElement.click();
     }
     onFileSelected(event) {
-        this.dispatch({
-            id: ActionId.FILE_SELECTED,
-            payload: event.target.files,
-        });
-        this.fileUpload.nativeElement.value = '';
+        this.dispatch({ id: ActionId.FILE_SELECTED, payload: event.target.files });
+        // this.fileUpload().nativeElement.value = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FileInputFieldMolecule, isStandalone: true, selector: "molecules-file-input-field", inputs: { appearance: "appearance", name: "name", label: "label", control: "control", placeholder: "placeholder", hint: "hint", progress: "progress" }, viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-  <mat-form-field [appearance]="appearance">
-    <mat-label>{{ label }}</mat-label>
-      <input matInput [name]="name" type="text" [formControl]="_control" [placeholder]="placeholder">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputFieldMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: FileInputFieldMolecule, isStandalone: true, selector: "molecules-file-input-field", viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: FileInputFieldStore, inputs: ["control", "control", "label", "label", "placeholder", "placeholder", "hint", "hint", "progress", "progress", "name", "name", "appearance", "appearance"] }], ngImport: i0, template: `
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
+      <input matInput [name]="store.name()" type="text" [formControl]="store._control" [placeholder]="store.placeholder()">
     <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->
-    <mat-hint *ngIf="progress">Uploading...({{ progress?.toFixed(2) }}%)</mat-hint>
-    <mat-hint *ngIf="!progress && hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    @if (store.progress()) {
+      <mat-hint>Uploading...({{ store.progress() ? store.progress()?.toFixed(2) : '' }}%)</mat-hint>
+    } @else if (store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
   <atoms-smart-menu-button
-    [actions]="actions"
+    [actions]="store.actions()"
     (action)="dispatch($event)"
   ></atoms-smart-menu-button>
-  <input style="display: none" type="file" value="test" (change)="onFileSelected($event)" #fileUpload>
-  `, isInline: true, styles: [":host{display:block}: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}\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: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button", inputs: ["actions"], outputs: ["action"] }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  <input style="display: none" type="file" (change)="onFileSelected($event)" #fileUpload>
+  `, isInline: true, styles: [":host{display:block}: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}\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: "component", type: SmartMenuButtonAtom, selector: "atoms-smart-menu-button" }, { kind: "pipe", type: ErrorPipe, name: "error" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Effect(ActionId.FILE_SELECT_BUTTON_CLICK),
@@ -82,45 +111,35 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], FileInputFieldMolecule.prototype, "onFileSelectButtonClick", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FileInputFieldMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: FileInputFieldMolecule, decorators: [{
             type: Component,
             args: [{ selector: 'molecules-file-input-field', standalone: true, imports: [
-                        CommonModule,
                         ReactiveFormsModule,
                         MatInputModule,
                         SmartMenuButtonAtom,
                         ErrorPipe,
                     ], template: `
-  <mat-form-field [appearance]="appearance">
-    <mat-label>{{ label }}</mat-label>
-      <input matInput [name]="name" type="text" [formControl]="_control" [placeholder]="placeholder">
+  <mat-form-field [appearance]="store.appearance()">
+    <mat-label>{{ store.label() }}</mat-label>
+      <input matInput [name]="store.name()" type="text" [formControl]="store._control" [placeholder]="store.placeholder()">
     <!-- <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> -->
-    <mat-hint *ngIf="progress">Uploading...({{ progress?.toFixed(2) }}%)</mat-hint>
-    <mat-hint *ngIf="!progress && hint">{{ hint }}</mat-hint>
-    <mat-error>{{ control.errors | error }}</mat-error>
+    @if (store.progress()) {
+      <mat-hint>Uploading...({{ store.progress() ? store.progress()?.toFixed(2) : '' }}%)</mat-hint>
+    } @else if (store.hint()) {
+      <mat-hint>{{ store.hint() }}</mat-hint>
+    }
+    <mat-error>{{ store.control().errors | error }}</mat-error>
   </mat-form-field>
   <atoms-smart-menu-button
-    [actions]="actions"
+    [actions]="store.actions()"
     (action)="dispatch($event)"
   ></atoms-smart-menu-button>
-  <input style="display: none" type="file" value="test" (change)="onFileSelected($event)" #fileUpload>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}: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}\n"] }]
-        }], propDecorators: { appearance: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], control: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], progress: [{
-                type: Input
-            }], fileUpload: [{
-                type: ViewChild,
-                args: ['fileUpload', { static: true }]
-            }], onFileSelectButtonClick: [] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9maWxlLWlucHV0LWZpZWxkL2ZpbGUtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQWMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDcEYsT0FBTyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7Ozs7O0FBRTFELElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLG9IQUF3RyxDQUFBO0lBQ3hHLDhGQUFrRixDQUFBO0lBQ2xGLGdGQUFvRSxDQUFBO0FBQ3RFLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBOEJELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxpQkFBaUI7SUE1QjdEOztRQWtERSxlQUFVLEdBQXVCLFNBQVMsQ0FBQztRQU0zQyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBR2hCLFlBQU8sR0FBRyxJQUFJLFdBQVcsQ0FBa0IsRUFBRSxDQUFDLENBQUM7UUFFckMsYUFBUSxHQUFHLElBQUksV0FBVyxDQUFrQixFQUFDLEtBQUssRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBQyxDQUFDLENBQUM7UUFHbkYsZ0JBQVcsR0FBRyxhQUFhLENBQUM7S0E4QjdCO2FBakVRLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUUzQixJQUFjLE9BQU87UUFDbkIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztZQUNyQjtnQkFDRSxFQUFFLEVBQUUsUUFBUSxDQUFDLE1BQU07Z0JBQ25CLElBQUksRUFBRSxRQUFRO2dCQUNkLElBQUksRUFBRSxRQUFRO2dCQUNkLFFBQVEsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVE7YUFDaEM7U0FDRixDQUFDLENBQUMsQ0FBQztZQUNGO2dCQUNFLEVBQUUsRUFBRSxRQUFRLENBQUMsd0JBQXdCO2dCQUNyQyxJQUFJLEVBQUUsYUFBYTtnQkFDbkIsSUFBSSxFQUFFLGFBQWE7Z0JBQ25CLFFBQVEsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVE7YUFDaEM7U0FDRixDQUFDO0lBQ0osQ0FBQztJQTRCRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7UUFDNUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQztRQUN0RSxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzlFLENBQUM7SUFHUyx1QkFBdUI7UUFDL0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVTLGNBQWMsQ0FBQyxLQUF5QztRQUNoRSxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQ1osRUFBRSxFQUFFLFFBQVEsQ0FBQyxhQUFhO1lBQzFCLE9BQU8sRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUs7U0FDNUIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUMzQyxDQUFDOytHQWhFVSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw2WEFsQnZCOzs7Ozs7Ozs7Ozs7OztHQWNULDJUQXBCQyxZQUFZLGtJQUNaLG1CQUFtQix5a0JBQ25CLGNBQWMsNHlCQUNkLG1CQUFtQix5R0FDbkIsU0FBUzs7QUEwRUQ7SUFEVCxNQUFNLENBQUMsUUFBUSxDQUFDLHdCQUF3QixDQUFDOzs7O3FFQUd6Qzs0RkF4RFUsc0JBQXNCO2tCQTVCbEMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIsU0FBUztxQkFDVixZQUNTOzs7Ozs7Ozs7Ozs7OztHQWNULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQXdCL0MsVUFBVTtzQkFEVCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLO2dCQU1OLFdBQVc7c0JBRFYsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxLQUFLO2dCQUlJLFVBQVU7c0JBRG5CLFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFVL0IsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBTbWFydE1lbnVCdXR0b25BdG9tIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2F0b21zL3NtYXJ0LW1lbnUtYnV0dG9uJztcbmltcG9ydCB7IEVmZmVjdCwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgRXJyb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZXJyb3InO1xuXG5lbnVtIEFjdGlvbklkIHtcbiAgRklMRV9TRUxFQ1RfQlVUVE9OX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2ZpbGUtaW5wdXQtZmllbGRdIEZpbGUgc2VsZWN0IGJ1dHRvbiBjbGljaycsXG4gIEZJTEVfU0VMRUNURUQgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvZmlsZS1pbnB1dC1maWVsZF0gRmlsZSBzZWxlY3RlZCcsXG4gIENBTkNFTCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9maWxlLWlucHV0LWZpZWxkXSBDYW5jZWwnLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtZmlsZS1pbnB1dC1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBTbWFydE1lbnVCdXR0b25BdG9tLFxuICAgIEVycm9yUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIj5cbiAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgICA8aW5wdXQgbWF0SW5wdXQgW25hbWVdPVwibmFtZVwiIHR5cGU9XCJ0ZXh0XCIgW2Zvcm1Db250cm9sXT1cIl9jb250cm9sXCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCI+XG4gICAgPCEtLSA8bWF0LWljb24gbWF0U3VmZml4PnNlbnRpbWVudF92ZXJ5X3NhdGlzZmllZDwvbWF0LWljb24+IC0tPlxuICAgIDxtYXQtaGludCAqbmdJZj1cInByb2dyZXNzXCI+VXBsb2FkaW5nLi4uKHt7IHByb2dyZXNzPy50b0ZpeGVkKDIpIH19JSk8L21hdC1oaW50PlxuICAgIDxtYXQtaGludCAqbmdJZj1cIiFwcm9ncmVzcyAmJiBoaW50XCI+e3sgaGludCB9fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvcj57eyBjb250cm9sLmVycm9ycyB8IGVycm9yIH19PC9tYXQtZXJyb3I+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgIFthY3Rpb25zXT1cImFjdGlvbnNcIlxuICAgIChhY3Rpb24pPVwiZGlzcGF0Y2goJGV2ZW50KVwiXG4gID48L2F0b21zLXNtYXJ0LW1lbnUtYnV0dG9uPlxuICA8aW5wdXQgc3R5bGU9XCJkaXNwbGF5OiBub25lXCIgdHlwZT1cImZpbGVcIiB2YWx1ZT1cInRlc3RcIiAoY2hhbmdlKT1cIm9uRmlsZVNlbGVjdGVkKCRldmVudClcIiAjZmlsZVVwbG9hZD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEZpbGVJbnB1dEZpZWxkTW9sZWN1bGUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHN0YXRpYyBBY3Rpb25JZCA9IEFjdGlvbklkO1xuICBcbiAgcHJvdGVjdGVkIGdldCBhY3Rpb25zKCkge1xuICAgIHJldHVybiB0aGlzLnByb2dyZXNzID8gW1xuICAgICAge1xuICAgICAgICBpZDogQWN0aW9uSWQuQ0FOQ0VMLFxuICAgICAgICBpY29uOiAnY2FuY2VsJyxcbiAgICAgICAgbmFtZTogJ0NhbmNlbCcsXG4gICAgICAgIGRpc2FibGVkOiB0aGlzLmNvbnRyb2wuZGlzYWJsZWQsXG4gICAgICB9LFxuICAgIF0gOiBbXG4gICAgICB7XG4gICAgICAgIGlkOiBBY3Rpb25JZC5GSUxFX1NFTEVDVF9CVVRUT05fQ0xJQ0ssXG4gICAgICAgIGljb246ICdhdHRhY2hfZmlsZScsXG4gICAgICAgIG5hbWU6ICdTZWxlY3QgZmlsZScsXG4gICAgICAgIGRpc2FibGVkOiB0aGlzLmNvbnRyb2wuZGlzYWJsZWQsXG4gICAgICB9LFxuICAgIF07XG4gIH1cblxuICBASW5wdXQoKVxuICBhcHBlYXJhbmNlOiAnb3V0bGluZScgfCAnZmlsbCcgPSAnb3V0bGluZSc7XG5cbiAgQElucHV0KClcbiAgbmFtZT86IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsYWJlbCA9ICdsYWJlbCc7XG5cbiAgQElucHV0KClcbiAgY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmcgfCBudW1iZXI+KCcnKTtcblxuICBwcm90ZWN0ZWQgX2NvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8c3RyaW5nIHwgbnVtYmVyPih7dmFsdWU6ICcnLCBkaXNhYmxlZDogdHJ1ZX0pO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJ3BsYWNlaG9sZGVyJztcblxuICBASW5wdXQoKVxuICBoaW50Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHByb2dyZXNzPzogbnVtYmVyO1xuXG4gIEBWaWV3Q2hpbGQoJ2ZpbGVVcGxvYWQnLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBwcm90ZWN0ZWQgZmlsZVVwbG9hZDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLl9jb250cm9sLnNldFZhbGlkYXRvcnModGhpcy5jb250cm9sWydfcmF3VmFsaWRhdG9ycyddKTtcbiAgICB0aGlzLl9jb250cm9sLnNldEFzeW5jVmFsaWRhdG9ycyh0aGlzLmNvbnRyb2xbJ19yYXdBc3luY1ZhbGlkYXRvcnMnXSk7XG4gICAgdGhpcy5jb250cm9sLnZhbHVlQ2hhbmdlcy5zdWJzY3JpYmUodmFsdWUgPT4gdGhpcy5fY29udHJvbC5zZXRWYWx1ZSh2YWx1ZSkpO1xuICB9XG5cbiAgQEVmZmVjdChBY3Rpb25JZC5GSUxFX1NFTEVDVF9CVVRUT05fQ0xJQ0spXG4gIHByb3RlY3RlZCBvbkZpbGVTZWxlY3RCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmZpbGVVcGxvYWQubmF0aXZlRWxlbWVudC5jbGljaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uRmlsZVNlbGVjdGVkKGV2ZW50OiBFdmVudCAmIHt0YXJnZXQ6IEhUTUxJbnB1dEVsZW1lbnR9KSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7XG4gICAgICBpZDogQWN0aW9uSWQuRklMRV9TRUxFQ1RFRCxcbiAgICAgIHBheWxvYWQ6IGV2ZW50LnRhcmdldC5maWxlcyxcbiAgICB9KTtcbiAgICB0aGlzLmZpbGVVcGxvYWQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICB9XG5cbn1cbiJdfQ==
+  <input style="display: none" type="file" (change)="onFileSelected($event)" #fileUpload>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: FileInputFieldStore,
+                            inputs: ['control', 'label', 'placeholder', 'hint', 'progress', 'name', 'appearance'],
+                        }
+                    ], styles: [":host{display:block}: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}\n"] }]
+        }], propDecorators: { onFileSelectButtonClick: [] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pbnB1dC1maWVsZC5tb2xlY3VsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9maWxlLWlucHV0LWZpZWxkL2ZpbGUtaW5wdXQtZmllbGQubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFjLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEksT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFFNUMsSUFBSyxRQUlKO0FBSkQsV0FBSyxRQUFRO0lBQ1gsb0hBQXdHLENBQUE7SUFDeEcsOEZBQWtGLENBQUE7SUFDbEYsZ0ZBQW9FLENBQUE7QUFDdEUsQ0FBQyxFQUpJLFFBQVEsS0FBUixRQUFRLFFBSVo7QUFHRCxNQUFNLE9BQU8sbUJBQW1CO0lBYzlCO1FBYlMsWUFBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ3ZDLGFBQVEsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLENBQUM7UUFDakUsa0JBQWEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDekMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQzFFLENBQUM7UUFDTyxVQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLGdCQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ25DLFNBQUksR0FBRyxLQUFLLENBQWdCLElBQUksQ0FBQyxDQUFDO1FBQ2xDLGFBQVEsR0FBRyxLQUFLLENBQWlCLEtBQUssQ0FBQyxDQUFDO1FBQ3hDLFNBQUksR0FBRyxLQUFLLENBQWdCLElBQUksQ0FBQyxDQUFDO1FBQ2xDLGVBQVUsR0FBRyxLQUFLLENBQXFCLFNBQVMsQ0FBQyxDQUFDO1FBQ2xELGFBQVEsR0FBRyxJQUFJLFdBQVcsQ0FBa0IsRUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBbUJ6RSxZQUFPLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMvQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRTtnQkFDbkIsT0FBTztvQkFDTDt3QkFDRSxFQUFFLEVBQUUsUUFBUSxDQUFDLE1BQU07d0JBQ25CLElBQUksRUFBRSxRQUFRO3dCQUNkLElBQUksRUFBRSxRQUFRO3dCQUNkLFFBQVEsRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsUUFBUTtxQkFDbEM7aUJBQ0YsQ0FBQzthQUNIO2lCQUFNO2dCQUNMLE9BQU87b0JBQ0w7d0JBQ0UsRUFBRSxFQUFFLFFBQVEsQ0FBQyx3QkFBd0I7d0JBQ3JDLElBQUksRUFBRSxhQUFhO3dCQUNuQixJQUFJLEVBQUUsYUFBYTt3QkFDbkIsUUFBUSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRO3FCQUNsQztpQkFDRixDQUFDO2FBQ0g7UUFDSCxDQUFDLENBQUMsQ0FBQztRQXBDRCxXQUFXO1FBQ1gsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLE9BQU8sQ0FBQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQzlDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixvQkFBb0I7UUFDcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQztZQUN2RCxJQUFJLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDLENBQUM7UUFDbkUsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQzs4R0E3QlUsbUJBQW1CO2tHQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBRC9CLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFOztBQTJGL0IsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGlCQUFpQjtJQXBDN0Q7O1FBc0NxQixVQUFLLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDcEMsZUFBVSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQStCLFlBQVksQ0FBQyxDQUFDO0tBWWhHO2FBZGlCLGFBQVEsR0FBRyxRQUFRLEFBQVgsQ0FBWTtJQUsxQix1QkFBdUI7UUFDL0IsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRVMsY0FBYyxDQUFDLEtBQXlDO1FBQ2hFLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLGFBQWEsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUMsQ0FBQyxDQUFDO1FBQ3pFLDhDQUE4QztJQUNoRCxDQUFDOzhHQWJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDZPQTFGdEIsbUJBQW1CLGlNQStEcEI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJULDJUQXRCQyxtQkFBbUIseWtCQUNuQixjQUFjLDR5QkFDZCxtQkFBbUIsK0RBQ25CLFNBQVM7O0FBbUNEO0lBRFQsTUFBTSxDQUFDLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQzs7OztxRUFHekM7MkZBUlUsc0JBQXNCO2tCQXBDbEMsU0FBUzsrQkFDRSw0QkFBNEIsY0FDMUIsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsY0FBYzt3QkFDZCxtQkFBbUI7d0JBQ25CLFNBQVM7cUJBQ1YsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQlQsbUJBRWdCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFlBQVksQ0FBQzt5QkFDdEY7cUJBQ0Y7OEJBUVMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBjb21wdXRlZCwgZWZmZWN0LCBpbmplY3QsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBTbWFydE1lbnVCdXR0b25BdG9tIH0gZnJvbSAnQG5nLWF0b21pYy9jb21wb25lbnRzL2F0b21zL3NtYXJ0LW1lbnUtYnV0dG9uJztcbmltcG9ydCB7IEVmZmVjdCwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgRXJyb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZXJyb3InO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkLCB0b09ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBzdGFydFdpdGgsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuXG5lbnVtIEFjdGlvbklkIHtcbiAgRklMRV9TRUxFQ1RfQlVUVE9OX0NMSUNLID0gJ1tAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2ZpbGUtaW5wdXQtZmllbGRdIEZpbGUgc2VsZWN0IGJ1dHRvbiBjbGljaycsXG4gIEZJTEVfU0VMRUNURUQgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvZmlsZS1pbnB1dC1maWVsZF0gRmlsZSBzZWxlY3RlZCcsXG4gIENBTkNFTCA9ICdbQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9maWxlLWlucHV0LWZpZWxkXSBDYW5jZWwnLFxufVxuXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSB9KVxuZXhwb3J0IGNsYXNzIEZpbGVJbnB1dEZpZWxkU3RvcmUge1xuICByZWFkb25seSBjb250cm9sID0gaW5wdXQobmV3IEZvcm1Db250cm9sKG51bGwpKTtcbiAgcmVhZG9ubHkgY29udHJvbCQgPSB0b09ic2VydmFibGUodGhpcy5jb250cm9sKS5waXBlKHRha2VVbnRpbERlc3Ryb3llZCgpKTtcbiAgcmVhZG9ubHkgY29udHJvbFZhbHVlJCA9IHRoaXMuY29udHJvbCQucGlwZShcbiAgICBzd2l0Y2hNYXAoY29udHJvbCA9PiBjb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKHN0YXJ0V2l0aChjb250cm9sLnZhbHVlKSkpLFxuICApO1xuICByZWFkb25seSBsYWJlbCA9IGlucHV0KCdsYWJlbCcpO1xuICByZWFkb25seSBwbGFjZWhvbGRlciA9IGlucHV0KCdwbGFjZWhvbGRlcicpO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQ8c3RyaW5nIHwgbnVsbD4obnVsbCk7XG4gIHJlYWRvbmx5IHByb2dyZXNzID0gaW5wdXQ8bnVtYmVyIHwgZmFsc2U+KGZhbHNlKTtcbiAgcmVhZG9ubHkgbmFtZSA9IGlucHV0PHN0cmluZyB8IG51bGw+KG51bGwpO1xuICByZWFkb25seSBhcHBlYXJhbmNlID0gaW5wdXQ8J291dGxpbmUnIHwgJ2ZpbGwnPignb3V0bGluZScpO1xuICByZWFkb25seSBfY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxzdHJpbmcgfCBudW1iZXI+KHt2YWx1ZTogJycsIGRpc2FibGVkOiB0cnVlfSk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gc3VwZXIoKTtcbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgY29uc29sZS5kZWJ1ZygncHJvZ3Jlc3M6JywgdGhpcy5wcm9ncmVzcygpKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgdGhpcy5jb250cm9sJC5zdWJzY3JpYmUoY29udHJvbCA9PiB7XG4gICAgICB0aGlzLl9jb250cm9sLnNldFZhbGlkYXRvcnMoY29udHJvbFsnX3Jhd1ZhbGlkYXRvcnMnXSk7XG4gICAgICB0aGlzLl9jb250cm9sLnNldEFzeW5jVmFsaWRhdG9ycyhjb250cm9sWydfcmF3QXN5bmNWYWxpZGF0b3JzJ10pO1xuICAgIH0pO1xuXG4gICAgdGhpcy5jb250cm9sVmFsdWUkLnN1YnNjcmliZSh2YWx1ZSA9PiB0aGlzLl9jb250cm9sLnNldFZhbHVlKHZhbHVlKSk7XG4gIH1cblxuICByZWFkb25seSBhY3Rpb25zID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGlmICh0aGlzLnByb2dyZXNzKCkpIHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIHtcbiAgICAgICAgICBpZDogQWN0aW9uSWQuQ0FOQ0VMLFxuICAgICAgICAgIGljb246ICdjYW5jZWwnLFxuICAgICAgICAgIG5hbWU6ICdDYW5jZWwnLFxuICAgICAgICAgIGRpc2FibGVkOiB0aGlzLmNvbnRyb2woKS5kaXNhYmxlZCxcbiAgICAgICAgfSxcbiAgICAgIF07XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiBbXG4gICAgICAgIHtcbiAgICAgICAgICBpZDogQWN0aW9uSWQuRklMRV9TRUxFQ1RfQlVUVE9OX0NMSUNLLFxuICAgICAgICAgIGljb246ICdhdHRhY2hfZmlsZScsXG4gICAgICAgICAgbmFtZTogJ1NlbGVjdCBmaWxlJyxcbiAgICAgICAgICBkaXNhYmxlZDogdGhpcy5jb250cm9sKCkuZGlzYWJsZWQsXG4gICAgICAgIH0sXG4gICAgICBdO1xuICAgIH1cbiAgfSk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1maWxlLWlucHV0LWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgU21hcnRNZW51QnV0dG9uQXRvbSxcbiAgICBFcnJvclBpcGUsXG4gIF0sXG4gIHRlbXBsYXRlOiBgXG4gIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJzdG9yZS5hcHBlYXJhbmNlKClcIj5cbiAgICA8bWF0LWxhYmVsPnt7IHN0b3JlLmxhYmVsKCkgfX08L21hdC1sYWJlbD5cbiAgICAgIDxpbnB1dCBtYXRJbnB1dCBbbmFtZV09XCJzdG9yZS5uYW1lKClcIiB0eXBlPVwidGV4dFwiIFtmb3JtQ29udHJvbF09XCJzdG9yZS5fY29udHJvbFwiIFtwbGFjZWhvbGRlcl09XCJzdG9yZS5wbGFjZWhvbGRlcigpXCI+XG4gICAgPCEtLSA8bWF0LWljb24gbWF0U3VmZml4PnNlbnRpbWVudF92ZXJ5X3NhdGlzZmllZDwvbWF0LWljb24+IC0tPlxuICAgIEBpZiAoc3RvcmUucHJvZ3Jlc3MoKSkge1xuICAgICAgPG1hdC1oaW50PlVwbG9hZGluZy4uLih7eyBzdG9yZS5wcm9ncmVzcygpID8gc3RvcmUucHJvZ3Jlc3MoKT8udG9GaXhlZCgyKSA6ICcnIH19JSk8L21hdC1oaW50PlxuICAgIH0gQGVsc2UgaWYgKHN0b3JlLmhpbnQoKSkge1xuICAgICAgPG1hdC1oaW50Pnt7IHN0b3JlLmhpbnQoKSB9fTwvbWF0LWhpbnQ+XG4gICAgfVxuICAgIDxtYXQtZXJyb3I+e3sgc3RvcmUuY29udHJvbCgpLmVycm9ycyB8IGVycm9yIH19PC9tYXQtZXJyb3I+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxhdG9tcy1zbWFydC1tZW51LWJ1dHRvblxuICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgPjwvYXRvbXMtc21hcnQtbWVudS1idXR0b24+XG4gIDxpbnB1dCBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIiB0eXBlPVwiZmlsZVwiIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0ZWQoJGV2ZW50KVwiICNmaWxlVXBsb2FkPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLWlucHV0LWZpZWxkLm1vbGVjdWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBGaWxlSW5wdXRGaWVsZFN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2NvbnRyb2wnLCAnbGFiZWwnLCAncGxhY2Vob2xkZXInLCAnaGludCcsICdwcm9ncmVzcycsICduYW1lJywgJ2FwcGVhcmFuY2UnXSxcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRmlsZUlucHV0RmllbGRNb2xlY3VsZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHByb3RlY3RlZCByZWFkb25seSBzdG9yZSA9IGluamVjdChGaWxlSW5wdXRGaWVsZFN0b3JlKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGZpbGVVcGxvYWQgPSB2aWV3Q2hpbGQucmVxdWlyZWQ8RWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50Pj4oJ2ZpbGVVcGxvYWQnKTtcbiAgXG4gIEBFZmZlY3QoQWN0aW9uSWQuRklMRV9TRUxFQ1RfQlVUVE9OX0NMSUNLKVxuICBwcm90ZWN0ZWQgb25GaWxlU2VsZWN0QnV0dG9uQ2xpY2soKSB7XG4gICAgdGhpcy5maWxlVXBsb2FkKCkubmF0aXZlRWxlbWVudC5jbGljaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uRmlsZVNlbGVjdGVkKGV2ZW50OiBFdmVudCAmIHt0YXJnZXQ6IEhUTUxJbnB1dEVsZW1lbnR9KSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7aWQ6IEFjdGlvbklkLkZJTEVfU0VMRUNURUQsIHBheWxvYWQ6IGV2ZW50LnRhcmdldC5maWxlc30pO1xuICAgIC8vIHRoaXMuZmlsZVVwbG9hZCgpLm5hdGl2ZUVsZW1lbnQudmFsdWUgPSAnJztcbiAgfVxuXG59XG4iXX0=

package/esm2022/molecules/grid-item/grid-item.molecule.mjs

@@ -0,0 +1,68 @@
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatRippleModule } from '@angular/material/core';
+import { MatIconModule } from '@angular/material/icon';
+import { DataAccessorPipe } from '@ng-atomic/common/pipes/data-accessor';
+import { NgAtomicComponent } from '@ng-atomic/core';
+import { FallbackSrcDirective } from '@ng-atomic/common/directives/fallback-src';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/button";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/core";
+var ActionId;
+(function (ActionId) {
+    ActionId["ITEM_CLICK"] = "[@ng-atomic/components/organisms/grid-cards-section] Item Click";
+})(ActionId || (ActionId = {}));
+export class GridItemMolecule extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.item = input();
+    }
+    static { this.ActionId = ActionId; }
+    onItemMenuClick(item, $event) {
+        $event.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridItemMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.2.2", type: GridItemMolecule, isStandalone: true, selector: "molecules-grid-item", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+  <div class="content" matRipple>
+    <button mat-icon-button color="primary" (click)="onItemMenuClick(item(), $event)">
+      <mat-icon>menu</mat-icon>
+    </button>
+    <div class="eye-catch">
+      <img fallbackSrc [src]="item() | dataAccessor:'imgUrl'" alt="サムネイル画像">
+      <div class="label">{{ item() | dataAccessor:'label' }}</div>
+    </div>
+    <div class="meta">
+      <div class="title">{{ item() | dataAccessor:'title' }}</div>
+      <div class="description"><span>{{ item() | dataAccessor:'description' }}</span></div>
+      <div class="sub"><span>{{ item() | dataAccessor:'sub' }}</span></div>
+    </div>
+  </div>
+  `, isInline: true, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-olQV: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-olQV: var(--on-surface-color)}:host{position:relative;text-align:center;cursor:pointer;aspect-ratio:1/1}:host button{position:absolute;top:0;right:0}:host ::ng-deep>mat-card{display:flex;justify-content:flex-start;align-items:flex-start}:host .eye-catch{position:relative;width:100%;aspect-ratio:16/9;background-color:#444;border-radius:0 0 8px 8px;overflow:hidden}:host .eye-catch img{width:100%;aspect-ratio:16/9;object-fit:cover}:host .eye-catch .label{position:absolute;right:6px;bottom:8px;line-height:1.5em;font-size:1.2em;color:#fff;background:#000;opacity:.6;border-radius:6px;padding:4px 8px}:host .meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 8px 24px;box-sizing:border-box}:host .meta .title{display:-webkit-box;text-align:start;font-size:1.4em;font-weight:700;line-height:1.5em;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;color:var(--on-surface-color-SCOPED-IN-grid-item-olQV)}:host .meta .description,:host .meta .sub{overflow:hidden;text-align:start;font-size:1.2em;letter-spacing:.04em;color:gray}:host .meta .description span,:host .meta .sub span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}\n"], dependencies: [{ kind: "pipe", type: DataAccessorPipe, name: "dataAccessor" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: FallbackSrcDirective, selector: "[fallbackSrc]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: GridItemMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-grid-item', standalone: true, imports: [
+                        DataAccessorPipe,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatRippleModule,
+                        FallbackSrcDirective,
+                    ], template: `
+  <div class="content" matRipple>
+    <button mat-icon-button color="primary" (click)="onItemMenuClick(item(), $event)">
+      <mat-icon>menu</mat-icon>
+    </button>
+    <div class="eye-catch">
+      <img fallbackSrc [src]="item() | dataAccessor:'imgUrl'" alt="サムネイル画像">
+      <div class="label">{{ item() | dataAccessor:'label' }}</div>
+    </div>
+    <div class="meta">
+      <div class="title">{{ item() | dataAccessor:'title' }}</div>
+      <div class="description"><span>{{ item() | dataAccessor:'description' }}</span></div>
+      <div class="sub"><span>{{ item() | dataAccessor:'sub' }}</span></div>
+    </div>
+  </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #444;--primary-color-SCOPED-IN-grid-item-olQV: var(--primary-color);--on-surface-color: #444;--on-surface-color-SCOPED-IN-grid-item-olQV: var(--on-surface-color)}:host{position:relative;text-align:center;cursor:pointer;aspect-ratio:1/1}:host button{position:absolute;top:0;right:0}:host ::ng-deep>mat-card{display:flex;justify-content:flex-start;align-items:flex-start}:host .eye-catch{position:relative;width:100%;aspect-ratio:16/9;background-color:#444;border-radius:0 0 8px 8px;overflow:hidden}:host .eye-catch img{width:100%;aspect-ratio:16/9;object-fit:cover}:host .eye-catch .label{position:absolute;right:6px;bottom:8px;line-height:1.5em;font-size:1.2em;color:#fff;background:#000;opacity:.6;border-radius:6px;padding:4px 8px}:host .meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8px 8px 24px;box-sizing:border-box}:host .meta .title{display:-webkit-box;text-align:start;font-size:1.4em;font-weight:700;line-height:1.5em;letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;color:var(--on-surface-color-SCOPED-IN-grid-item-olQV)}:host .meta .description,:host .meta .sub{overflow:hidden;text-align:start;font-size:1.2em;letter-spacing:.04em;color:gray}:host .meta .description span,:host .meta .sub span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pdGVtLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL2dyaWQtaXRlbS9ncmlkLWl0ZW0ubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7Ozs7O0FBRWpGLElBQUssUUFFSjtBQUZELFdBQUssUUFBUTtJQUNYLDBGQUE4RSxDQUFBO0FBQ2hGLENBQUMsRUFGSSxRQUFRLEtBQVIsUUFBUSxRQUVaO0FBK0JELE1BQU0sT0FBTyxnQkFBb0IsU0FBUSxpQkFBaUI7SUE3QjFEOztRQStCVyxTQUFJLEdBQUcsS0FBSyxFQUFLLENBQUM7S0FLNUI7YUFOaUIsYUFBUSxHQUFHLFFBQVEsQUFBWCxDQUFZO0lBRzFCLGVBQWUsQ0FBQyxJQUFPLEVBQUUsTUFBYTtRQUM5QyxNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQzs4R0FOVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix1T0FuQmpCOzs7Ozs7Ozs7Ozs7Ozs7R0FlVCwwK0NBckJDLGdCQUFnQixvREFDaEIsZUFBZSwySUFDZixhQUFhLG1MQUNiLGVBQWUsbVNBQ2Ysb0JBQW9COzsyRkFxQlgsZ0JBQWdCO2tCQTdCNUIsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGVBQWU7d0JBQ2Ysb0JBQW9CO3FCQUNyQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7R0FlVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0UmlwcGxlTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBEYXRhQWNjZXNzb3JQaXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb21tb24vcGlwZXMvZGF0YS1hY2Nlc3Nvcic7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5pbXBvcnQgeyBGYWxsYmFja1NyY0RpcmVjdGl2ZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tbW9uL2RpcmVjdGl2ZXMvZmFsbGJhY2stc3JjJztcblxuZW51bSBBY3Rpb25JZCB7XG4gIElURU1fQ0xJQ0sgPSAnW0BuZy1hdG9taWMvY29tcG9uZW50cy9vcmdhbmlzbXMvZ3JpZC1jYXJkcy1zZWN0aW9uXSBJdGVtIENsaWNrJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWdyaWQtaXRlbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYXRhQWNjZXNzb3JQaXBlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdFJpcHBsZU1vZHVsZSxcbiAgICBGYWxsYmFja1NyY0RpcmVjdGl2ZSxcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIiBtYXRSaXBwbGU+XG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY29sb3I9XCJwcmltYXJ5XCIgKGNsaWNrKT1cIm9uSXRlbU1lbnVDbGljayhpdGVtKCksICRldmVudClcIj5cbiAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8ZGl2IGNsYXNzPVwiZXllLWNhdGNoXCI+XG4gICAgICA8aW1nIGZhbGxiYWNrU3JjIFtzcmNdPVwiaXRlbSgpIHwgZGF0YUFjY2Vzc29yOidpbWdVcmwnXCIgYWx0PVwi44K144Og44ON44Kk44Or55S75YOPXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIj57eyBpdGVtKCkgfCBkYXRhQWNjZXNzb3I6J2xhYmVsJyB9fTwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJtZXRhXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57eyBpdGVtKCkgfCBkYXRhQWNjZXNzb3I6J3RpdGxlJyB9fTwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+PHNwYW4+e3sgaXRlbSgpIHwgZGF0YUFjY2Vzc29yOidkZXNjcmlwdGlvbicgfX08L3NwYW4+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3ViXCI+PHNwYW4+e3sgaXRlbSgpIHwgZGF0YUFjY2Vzc29yOidzdWInIH19PC9zcGFuPjwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2dyaWQtaXRlbS5tb2xlY3VsZS5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgR3JpZEl0ZW1Nb2xlY3VsZTxUPiBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IEFjdGlvbklkID0gQWN0aW9uSWQ7XG4gIHJlYWRvbmx5IGl0ZW0gPSBpbnB1dDxUPigpO1xuXG4gIHByb3RlY3RlZCBvbkl0ZW1NZW51Q2xpY2soaXRlbTogVCwgJGV2ZW50OiBFdmVudCkge1xuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxufVxuIl19

package/esm2022/molecules/grid-item/index.mjs

@@ -0,0 +1,2 @@
+export * from './grid-item.molecule';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvZ3JpZC1pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2dyaWQtaXRlbS5tb2xlY3VsZSc7XG5cbiJdfQ==

package/esm2022/molecules/grid-item/ng-atomic-components-molecules-grid-item.mjs

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

package/esm2022/molecules/header/header.molecule.mjs

@@ -1,21 +1,45 @@
-import { CommonModule } from '@angular/common';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { __decorate } from "tslib";
+import { Component, ChangeDetectionStrategy, Directive, input, inject } from '@angular/core';
+import { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';
 import * as i0 from "@angular/core";
-export class HeaderMolecule {
+let HeaderMoleculeStore = class HeaderMoleculeStore extends InjectableComponent {
     constructor() {
-        this.title = 'title';
+        super(...arguments);
+        this.title = input('title');
+        this.description = input('');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderMolecule, isStandalone: true, selector: "molecules-header", inputs: { title: "title", description: "description" }, ngImport: i0, template: "<span class=\"title\">{{ title ?? '' }}</span>\n<span class=\"description\">{{ description ?? '' }}</span>\n", styles: [":host{display:block}:host{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeaderMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: HeaderMoleculeStore, isStandalone: true, selector: "molecules-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+HeaderMoleculeStore = __decorate([
+    TokenizedType()
+], HeaderMoleculeStore);
+export { HeaderMoleculeStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeaderMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-header' }]
+        }] });
+export class HeaderMolecule extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(HeaderMoleculeStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeaderMolecule, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: HeaderMolecule, isStandalone: true, selector: "molecules-header", usesInheritance: true, hostDirectives: [{ directive: HeaderMoleculeStore, inputs: ["title", "title", "description", "description"] }], ngImport: i0, template: `
+    <span class="title">{{ store.title() ?? '' }}</span>
+    <span class="description">{{ store.description() ?? '' }}</span>
+  `, isInline: true, styles: [":host{display:block}:host{display:flex;flex-direction:row;align-items:flex-end;width:100%;justify-content:flex-start}:host .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderMolecule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: HeaderMolecule, decorators: [{
             type: Component,
-            args: [{ selector: 'molecules-header', standalone: true, imports: [
-                        CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"title\">{{ title ?? '' }}</span>\n<span class=\"description\">{{ description ?? '' }}</span>\n", styles: [":host{display:block}:host{display:flex;flex-direction:row;justify-content:center;align-items:flex-end}:host .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL2hlYWRlci9oZWFkZXIubW9sZWN1bGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvaGVhZGVyL2hlYWRlci5tb2xlY3VsZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFZMUUsTUFBTSxPQUFPLGNBQWM7SUFWM0I7UUFhRSxVQUFLLEdBQUcsT0FBTyxDQUFDO0tBS2pCOytHQVJZLGNBQWM7bUdBQWQsY0FBYyxvSUNiM0IsOEdBRUEscVBES0ksWUFBWTs7NEZBTUgsY0FBYztrQkFWMUIsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7cUJBQ2IsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBSy9DLEtBQUs7c0JBREosS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9sZWN1bGVzLWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIubW9sZWN1bGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5tb2xlY3VsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlck1vbGVjdWxlIHtcblxuICBASW5wdXQoKVxuICB0aXRsZSA9ICd0aXRsZSc7XG5cbiAgQElucHV0KClcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbn1cbiIsIjxzcGFuIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZSA/PyAnJyB9fTwvc3Bhbj5cbjxzcGFuIGNsYXNzPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiA/PyAnJyB9fTwvc3Bhbj5cbiJdfQ==
+            args: [{ selector: 'molecules-header', standalone: true, template: `
+    <span class="title">{{ store.title() ?? '' }}</span>
+    <span class="description">{{ store.description() ?? '' }}</span>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: HeaderMoleculeStore,
+                            inputs: ['title', 'description']
+                        }
+                    ], styles: [":host{display:block}:host{display:flex;flex-direction:row;align-items:flex-end;width:100%;justify-content:flex-start}:host .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .description{line-height:1em;font-size:12px;margin-bottom:8px;margin-left:4px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLm1vbGVjdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL2hlYWRlci9oZWFkZXIubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUlqRixJQUFNLG1CQUFtQixHQUF6QixNQUFNLG1CQUFvQixTQUFRLG1CQUFtQjtJQUFyRDs7UUFDSSxVQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLGdCQUFXLEdBQUcsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBQ2xDOzhHQUhZLG1CQUFtQjtrR0FBbkIsbUJBQW1COztBQUFuQixtQkFBbUI7SUFGL0IsYUFBYSxFQUFFO0dBRUgsbUJBQW1CLENBRy9COzsyRkFIWSxtQkFBbUI7a0JBRC9CLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxrQkFBa0IsRUFBRTs7QUFzQjdELE1BQU0sT0FBTyxjQUFlLFNBQVEsaUJBQWlCO0lBaEJyRDs7UUFpQlksVUFBSyxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0tBQy9DOzhHQUZZLGNBQWM7a0dBQWQsY0FBYyx5R0FyQmQsbUJBQW1CLHVGQVFwQjs7O0dBR1Q7OzJGQVVVLGNBQWM7a0JBaEIxQixTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFlBQ047OztHQUdULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUUsQ0FBQyxPQUFPLEVBQUUsYUFBYSxDQUFDO3lCQUNqQztxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIERpcmVjdGl2ZSwgaW5wdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZUNvbXBvbmVudCwgTmdBdG9taWNDb21wb25lbnQsIFRva2VuaXplZFR5cGUgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdtb2xlY3VsZXMtaGVhZGVyJyB9KVxuZXhwb3J0IGNsYXNzIEhlYWRlck1vbGVjdWxlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgdGl0bGUgPSBpbnB1dCgndGl0bGUnKTtcbiAgcmVhZG9ubHkgZGVzY3JpcHRpb24gPSBpbnB1dCgnJyk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbGVjdWxlcy1oZWFkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj57eyBzdG9yZS50aXRsZSgpID8/ICcnIH19PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiZGVzY3JpcHRpb25cIj57eyBzdG9yZS5kZXNjcmlwdGlvbigpID8/ICcnIH19PC9zcGFuPlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIubW9sZWN1bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IEhlYWRlck1vbGVjdWxlU3RvcmUsXG4gICAgICBpbnB1dHM6IFsndGl0bGUnLCAnZGVzY3JpcHRpb24nXVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJNb2xlY3VsZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgcHJvdGVjdGVkIHN0b3JlID0gaW5qZWN0KEhlYWRlck1vbGVjdWxlU3RvcmUpO1xufVxuIl19

package/esm2022/{organisms/smart-table → molecules/loading-box}/index.mjs

@@ -1,2 +1,2 @@
-export * from './smart-table.organism';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9vcmdhbmlzbXMvc21hcnQtdGFibGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc21hcnQtdGFibGUub3JnYW5pc20nO1xuIl19
+export * from './loading-box.molecule';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvbG9hZGluZy1ib3gvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbG9hZGluZy1ib3gubW9sZWN1bGUnO1xuXG4iXX0=

package/esm2022/molecules/loading-box/loading-box.molecule.mjs

@@ -0,0 +1,56 @@
+var LoadingBoxMoleculeStore_1;
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';
+import { makeConfig } from '@ng-atomic/common/services/ui';
+import { _computed, InjectableComponent, TokenizedType } from '@ng-atomic/core';
+import * as i0 from "@angular/core";
+let LoadingBoxMoleculeStore = class LoadingBoxMoleculeStore extends InjectableComponent {
+    constructor() {
+        super(...arguments);
+        this.config = LoadingBoxMoleculeStore_1.Config.inject();
+        this.loadingMessage = input(_computed(() => this.config().loadingMessage));
+    }
+    static { LoadingBoxMoleculeStore_1 = this; }
+    static { this.Config = makeConfig(() => {
+        return () => ({
+            loadingMessage: 'initializing...'
+        });
+    }, ['components', 'molecules', 'loading-box']); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingBoxMoleculeStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.2.2", type: LoadingBoxMoleculeStore, isStandalone: true, selector: "molecules-loading-box", inputs: { loadingMessage: { classPropertyName: "loadingMessage", publicName: "loadingMessage", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+};
+LoadingBoxMoleculeStore = LoadingBoxMoleculeStore_1 = __decorate([
+    TokenizedType()
+], LoadingBoxMoleculeStore);
+export { LoadingBoxMoleculeStore };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingBoxMoleculeStore, decorators: [{
+            type: Directive,
+            args: [{ standalone: true, selector: 'molecules-loading-box' }]
+        }] });
+export class LoadingBoxMolecule {
+    constructor() {
+        this.store = inject(LoadingBoxMoleculeStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingBoxMolecule, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.2", type: LoadingBoxMolecule, isStandalone: true, selector: "molecules-loading-box", hostDirectives: [{ directive: LoadingBoxMoleculeStore, inputs: ["loadingMessage", "loadingMessage"] }], ngImport: i0, template: `
+  <span class="initializing">決済フォーム初期化中</span>
+  <div class="loading-dots">
+    @for (i of [0, 1, 2]; track $index) { <div class="dot"></div> }
+  </div>
+  `, isInline: true, styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-5aSK: var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-5aSK);font-size:12px}@keyframes dotFlashing{0%,to{opacity:0}50%{opacity:1}}:host .loading-box{display:flex;justify-content:center;align-items:center;flex-direction:column}:host .loading-dots .dot{height:10px;width:10px;margin:0 5px;background-color:#333;border-radius:50%;display:inline-block;animation:dotFlashing 1s infinite}:host .loading-dots .dot:nth-child(1){animation-delay:0s}:host .loading-dots .dot:nth-child(2){animation-delay:.2s}:host .loading-dots .dot:nth-child(3){animation-delay:.4s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: LoadingBoxMolecule, decorators: [{
+            type: Component,
+            args: [{ selector: 'molecules-loading-box', standalone: true, imports: [], template: `
+  <span class="initializing">決済フォーム初期化中</span>
+  <div class="loading-dots">
+    @for (i of [0, 1, 2]; track $index) { <div class="dot"></div> }
+  </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: LoadingBoxMoleculeStore,
+                            inputs: ['loadingMessage'],
+                        }
+                    ], styles: [":host{display:block;--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6: rgba(0, 0, 0, .6);--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-5aSK: var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6)}:host{display:flex;width:100%;justify-content:center}:host .initializing{color:var(--mdc-outlined-text-field-label-text-color-SCOPED-IN-definition-list-gBL6-SCOPED-IN-loading-box-5aSK);font-size:12px}@keyframes dotFlashing{0%,to{opacity:0}50%{opacity:1}}:host .loading-box{display:flex;justify-content:center;align-items:center;flex-direction:column}:host .loading-dots .dot{height:10px;width:10px;margin:0 5px;background-color:#333;border-radius:50%;display:inline-block;animation:dotFlashing 1s infinite}:host .loading-dots .dot:nth-child(1){animation-delay:0s}:host .loading-dots .dot:nth-child(2){animation-delay:.2s}:host .loading-dots .dot:nth-child(3){animation-delay:.4s}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1ib3gubW9sZWN1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9tb2xlY3VsZXMvbG9hZGluZy1ib3gvbG9hZGluZy1ib3gubW9sZWN1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUl6RSxJQUFNLHVCQUF1QixHQUE3QixNQUFNLHVCQUF3QixTQUFRLG1CQUFtQjtJQUF6RDs7UUFNSSxXQUFNLEdBQUcseUJBQXVCLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2pELG1CQUFjLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztLQUNoRjs7YUFQaUIsV0FBTSxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDdkMsT0FBTyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ1osY0FBYyxFQUFFLGlCQUFpQjtTQUNsQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUFDLEFBSnhCLENBSXlCOzhHQUxwQyx1QkFBdUI7a0dBQXZCLHVCQUF1Qjs7QUFBdkIsdUJBQXVCO0lBRm5DLGFBQWEsRUFBRTtHQUVILHVCQUF1QixDQVFuQzs7MkZBUlksdUJBQXVCO2tCQURuQyxTQUFTO21CQUFDLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsdUJBQXVCLEVBQUU7O0FBOEJsRSxNQUFNLE9BQU8sa0JBQWtCO0lBbkIvQjtRQW9CWSxVQUFLLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7S0FDbkQ7OEdBRlksa0JBQWtCO2tHQUFsQixrQkFBa0IsdUZBN0JsQix1QkFBdUIsMkVBY3hCOzs7OztHQUtUOzsyRkFVVSxrQkFBa0I7a0JBbkI5QixTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsRUFBRSxZQUNEOzs7OztHQUtULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZDs0QkFDRSxTQUFTLEVBQUUsdUJBQXVCOzRCQUNsQyxNQUFNLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQzt5QkFDM0I7cUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IG1ha2VDb25maWcgfSBmcm9tICdAbmctYXRvbWljL2NvbW1vbi9zZXJ2aWNlcy91aSc7XG5pbXBvcnQgeyBfY29tcHV0ZWQsIEluamVjdGFibGVDb21wb25lbnQsIFRva2VuaXplZFR5cGUgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdtb2xlY3VsZXMtbG9hZGluZy1ib3gnIH0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ0JveE1vbGVjdWxlU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgc3RhdGljIHJlYWRvbmx5IENvbmZpZyA9IG1ha2VDb25maWcoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiAoe1xuICAgICAgbG9hZGluZ01lc3NhZ2U6ICdpbml0aWFsaXppbmcuLi4nXG4gICAgfSk7XG4gIH0sIFsnY29tcG9uZW50cycsICdtb2xlY3VsZXMnLCAnbG9hZGluZy1ib3gnXSk7XG4gIHJlYWRvbmx5IGNvbmZpZyA9IExvYWRpbmdCb3hNb2xlY3VsZVN0b3JlLkNvbmZpZy5pbmplY3QoKTtcbiAgcmVhZG9ubHkgbG9hZGluZ01lc3NhZ2UgPSBpbnB1dChfY29tcHV0ZWQoKCkgPT4gdGhpcy5jb25maWcoKS5sb2FkaW5nTWVzc2FnZSkpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtb2xlY3VsZXMtbG9hZGluZy1ib3gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGU6IGBcbiAgPHNwYW4gY2xhc3M9XCJpbml0aWFsaXppbmdcIj7msbrmuIjjg5Xjgqnjg7zjg6DliJ3mnJ/ljJbkuK08L3NwYW4+XG4gIDxkaXYgY2xhc3M9XCJsb2FkaW5nLWRvdHNcIj5cbiAgICBAZm9yIChpIG9mIFswLCAxLCAyXTsgdHJhY2sgJGluZGV4KSB7IDxkaXYgY2xhc3M9XCJkb3RcIj48L2Rpdj4gfVxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmw6ICcuL2xvYWRpbmctYm94Lm1vbGVjdWxlLnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IExvYWRpbmdCb3hNb2xlY3VsZVN0b3JlLFxuICAgICAgaW5wdXRzOiBbJ2xvYWRpbmdNZXNzYWdlJ10sXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdCb3hNb2xlY3VsZSB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChMb2FkaW5nQm94TW9sZWN1bGVTdG9yZSk7XG59XG4iXX0=

package/esm2022/{templates/smart-index/ng-atomic-components-templates-smart-index.mjs → molecules/loading-box/ng-atomic-components-molecules-loading-box.mjs}

@@ -2,4 +2,4 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtdGVtcGxhdGVzLXNtYXJ0LWluZGV4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvdGVtcGxhdGVzL3NtYXJ0LWluZGV4L25nLWF0b21pYy1jb21wb25lbnRzLXRlbXBsYXRlcy1zbWFydC1pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtbW9sZWN1bGVzLWxvYWRpbmctYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvbW9sZWN1bGVzL2xvYWRpbmctYm94L25nLWF0b21pYy1jb21wb25lbnRzLW1vbGVjdWxlcy1sb2FkaW5nLWJveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/molecules/molecules.module.mjs

@@ -1,23 +1,41 @@
 import { NgModule } from "@angular/core";
 import { provideComponent } from "@ng-atomic/core";
 import { NavigationListItemMoleculeStore } from "@ng-atomic/components/molecules/navigation-list-item";
+import { ChipsInputFieldMoleculeStore } from "@ng-atomic/components/molecules/chips-input-field";
+import { HeaderMoleculeStore } from "@ng-atomic/components/molecules/header";
+import { MatChipsModule } from "@angular/material/chips";
+import { TextInputFieldMoleculeStore } from "@ng-atomic/components/molecules/text-input-field";
+import { LoadingBoxMoleculeStore } from "@ng-atomic/components/molecules/loading-box";
 import * as i0 from "@angular/core";
 export class NgAtomicMoleculesModule {
     static forRoot() {
         return {
             ngModule: NgAtomicMoleculesModule,
             providers: [
+                provideComponent(ChipsInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/chips-input-field').then(m => m.ChipsInputFieldMolecule)),
+                ChipsInputFieldMoleculeStore.Config.provide(),
+                provideComponent(HeaderMoleculeStore, () => import('@ng-atomic/components/molecules/header').then(m => m.HeaderMolecule)),
+                LoadingBoxMoleculeStore.Config.provide(),
+                provideComponent(LoadingBoxMoleculeStore, () => {
+                    return import('@ng-atomic/components/molecules/loading-box').then(m => m.LoadingBoxMolecule);
+                }),
+                provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item').then(m => m.NavigationListItemMolecule)),
                 provideComponent(NavigationListItemMoleculeStore, () => import('@ng-atomic/components/molecules/navigation-list-item')
                     .then(m => m.NavigationListItemMolecule)),
+                provideComponent(TextInputFieldMoleculeStore, () => import('@ng-atomic/components/molecules/text-input-field').then(m => m.TextInputFieldMolecule)),
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicMoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicMoleculesModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicMoleculesModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicMoleculesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicMoleculesModule, imports: [MatChipsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicMoleculesModule, imports: [MatChipsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgAtomicMoleculesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NgAtomicMoleculesModule, decorators: [{
             type: NgModule,
-            args: [{}]
+            args: [{
+                    imports: [
+                        MatChipsModule,
+                    ]
+                }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9tb2xlY3VsZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0RBQXNELENBQUM7O0FBR3ZHLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyxTQUFTLEVBQUU7Z0JBQ1QsZ0JBQWdCLENBQ2QsK0JBQStCLEVBQy9CLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxzREFBc0QsQ0FBQztxQkFDakUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLDBCQUEwQixDQUFDLENBQzNDO2FBQ0Y7U0FDRixDQUFDO0lBQ0osQ0FBQzsrR0FaVSx1QkFBdUI7Z0hBQXZCLHVCQUF1QjtnSEFBdkIsdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQURuQyxRQUFRO21CQUFDLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBwcm92aWRlQ29tcG9uZW50IH0gZnJvbSBcIkBuZy1hdG9taWMvY29yZVwiO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkxpc3RJdGVtTW9sZWN1bGVTdG9yZSB9IGZyb20gXCJAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL25hdmlnYXRpb24tbGlzdC1pdGVtXCI7XG5cbkBOZ01vZHVsZSh7fSlcbmV4cG9ydCBjbGFzcyBOZ0F0b21pY01vbGVjdWxlc01vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KCkge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogTmdBdG9taWNNb2xlY3VsZXNNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUNvbXBvbmVudChcbiAgICAgICAgICBOYXZpZ2F0aW9uTGlzdEl0ZW1Nb2xlY3VsZVN0b3JlLFxuICAgICAgICAgICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9uYXZpZ2F0aW9uLWxpc3QtaXRlbScpXG4gICAgICAgICAgICAudGhlbihtID0+IG0uTmF2aWdhdGlvbkxpc3RJdGVtTW9sZWN1bGUpXG4gICAgICAgICksXG4gICAgICBdLFxuICAgIH07XG4gIH1cbn0iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9sZWN1bGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL21vbGVjdWxlcy9tb2xlY3VsZXMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDdkcsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDakcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOztBQU90RixNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSx1QkFBdUI7WUFDakMsU0FBUyxFQUFFO2dCQUNULGdCQUFnQixDQUFDLDRCQUE0QixFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxtREFBbUQsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO2dCQUN0Siw0QkFBNEIsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO2dCQUM3QyxnQkFBZ0IsQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUMsd0NBQXdDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQ3pILHVCQUF1QixDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUU7Z0JBQ3hDLGdCQUFnQixDQUFDLHVCQUF1QixFQUFFLEdBQUcsRUFBRTtvQkFDN0MsT0FBTyxNQUFNLENBQUMsNkNBQTZDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQztnQkFDL0YsQ0FBQyxDQUFDO2dCQUNGLGdCQUFnQixDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxzREFBc0QsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO2dCQUMvSixnQkFBZ0IsQ0FDZCwrQkFBK0IsRUFDL0IsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLHNEQUFzRCxDQUFDO3FCQUNqRSxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsMEJBQTBCLENBQUMsQ0FDM0M7Z0JBQ0QsZ0JBQWdCLENBQUMsMkJBQTJCLEVBQUUsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLGtEQUFrRCxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUM7YUFDcEo7U0FDRixDQUFDO0lBQ0osQ0FBQzs4R0FyQlUsdUJBQXVCOytHQUF2Qix1QkFBdUIsWUFIaEMsY0FBYzsrR0FHTCx1QkFBdUIsWUFIaEMsY0FBYzs7MkZBR0wsdUJBQXVCO2tCQUxuQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxjQUFjO3FCQUNmO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgcHJvdmlkZUNvbXBvbmVudCB9IGZyb20gXCJAbmctYXRvbWljL2NvcmVcIjtcbmltcG9ydCB7IE5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlU3RvcmUgfSBmcm9tIFwiQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9uYXZpZ2F0aW9uLWxpc3QtaXRlbVwiO1xuaW1wb3J0IHsgQ2hpcHNJbnB1dEZpZWxkTW9sZWN1bGVTdG9yZSB9IGZyb20gXCJAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2NoaXBzLWlucHV0LWZpZWxkXCI7XG5pbXBvcnQgeyBIZWFkZXJNb2xlY3VsZVN0b3JlIH0gZnJvbSBcIkBuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvaGVhZGVyXCI7XG5pbXBvcnQgeyBNYXRDaGlwc01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jaGlwc1wiO1xuaW1wb3J0IHsgVGV4dElucHV0RmllbGRNb2xlY3VsZVN0b3JlIH0gZnJvbSBcIkBuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvdGV4dC1pbnB1dC1maWVsZFwiO1xuaW1wb3J0IHsgTG9hZGluZ0JveE1vbGVjdWxlU3RvcmUgfSBmcm9tIFwiQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9sb2FkaW5nLWJveFwiO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgTWF0Q2hpcHNNb2R1bGUsXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTmdBdG9taWNNb2xlY3VsZXNNb2R1bGUge1xuICBzdGF0aWMgZm9yUm9vdCgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IE5nQXRvbWljTW9sZWN1bGVzTW9kdWxlLFxuICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHByb3ZpZGVDb21wb25lbnQoQ2hpcHNJbnB1dEZpZWxkTW9sZWN1bGVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL2NoaXBzLWlucHV0LWZpZWxkJykudGhlbihtID0+IG0uQ2hpcHNJbnB1dEZpZWxkTW9sZWN1bGUpKSxcbiAgICAgICAgQ2hpcHNJbnB1dEZpZWxkTW9sZWN1bGVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KEhlYWRlck1vbGVjdWxlU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9oZWFkZXInKS50aGVuKG0gPT4gbS5IZWFkZXJNb2xlY3VsZSkpLFxuICAgICAgICBMb2FkaW5nQm94TW9sZWN1bGVTdG9yZS5Db25maWcucHJvdmlkZSgpLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KExvYWRpbmdCb3hNb2xlY3VsZVN0b3JlLCAoKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9sb2FkaW5nLWJveCcpLnRoZW4obSA9PiBtLkxvYWRpbmdCb3hNb2xlY3VsZSk7XG4gICAgICAgIH0pLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KE5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlU3RvcmUsICgpID0+IGltcG9ydCgnQG5nLWF0b21pYy9jb21wb25lbnRzL21vbGVjdWxlcy9uYXZpZ2F0aW9uLWxpc3QtaXRlbScpLnRoZW4obSA9PiBtLk5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlKSksXG4gICAgICAgIHByb3ZpZGVDb21wb25lbnQoXG4gICAgICAgICAgTmF2aWdhdGlvbkxpc3RJdGVtTW9sZWN1bGVTdG9yZSxcbiAgICAgICAgICAoKSA9PiBpbXBvcnQoJ0BuZy1hdG9taWMvY29tcG9uZW50cy9tb2xlY3VsZXMvbmF2aWdhdGlvbi1saXN0LWl0ZW0nKVxuICAgICAgICAgICAgLnRoZW4obSA9PiBtLk5hdmlnYXRpb25MaXN0SXRlbU1vbGVjdWxlKVxuICAgICAgICApLFxuICAgICAgICBwcm92aWRlQ29tcG9uZW50KFRleHRJbnB1dEZpZWxkTW9sZWN1bGVTdG9yZSwgKCkgPT4gaW1wb3J0KCdAbmctYXRvbWljL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RleHQtaW5wdXQtZmllbGQnKS50aGVuKG0gPT4gbS5UZXh0SW5wdXRGaWVsZE1vbGVjdWxlKSksXG4gICAgICBdLFxuICAgIH07XG4gIH1cbn0iXX0=