@dynamic-field-kit/angular 1.0.2 → 1.2.1

package/README.md

@@ -1,65 +1,124 @@
-# @dynamic-field-kit/angular
-
-Lightweight Angular adapters for `@dynamic-field-kit/core`.
-
-This package mirrors the React package structure and exposes Angular components that integrate with the shared `fieldRegistry` from `@dynamic-field-kit/core`.
-
-Quick overview
-- Exports a minimal Angular integration: `DynamicInput`, `FieldInput`, `MultiFieldInput`, layout components and `DynamicFieldKitModule` (see `src/public-api.ts`).
-- Designed for local development (source import) and can be packaged with `ng-packagr` for distribution.
-
-Usage (consumer Angular app)
-
-1. Install the package (recommended: use packaged artifact or local `file:` during development):
-
-```bash
-# from your Angular app
-npm install @dynamic-field-kit/core @dynamic-field-kit/angular
-```
-
-2. Import the module in your `AppModule`:
-
-```ts
-import { DynamicFieldKitModule } from '@dynamic-field-kit/angular'
+# @dynamic-field-kit/angular
+
+Lightweight Angular adapters for `@dynamic-field-kit/core`.
+
+This package exposes Angular components and a convenience NgModule that integrate with the shared `fieldRegistry` from `@dynamic-field-kit/core`.
+
+Quick overview
+- Exports `DynamicInput`, `FieldInput`, `MultiFieldInput`, layout components, and `DynamicFieldKitModule`.
+- Uses the shared `fieldRegistry` from `@dynamic-field-kit/core` to resolve Angular field renderers at runtime.
+- Can be consumed as a packaged library, or linked locally from `packages/angular/dist` during development.
+- `MultiFieldInput` currently supports `column`, `row`, and `grid` layout values.
+
+Usage (consumer Angular app)
+
+1. Install the packages:
+
+```bash
+npm install @dynamic-field-kit/core @dynamic-field-kit/angular
+```
+
+2. Import `DynamicFieldKitModule` in your Angular module:
+
+```ts
+import { DynamicFieldKitModule } from '@dynamic-field-kit/angular'
 
 @NgModule({
 	imports: [BrowserModule, DynamicFieldKitModule],
 })
-export class AppModule {}
-```
-
-3. Register Angular component classes into the shared registry at app startup (example):
-
-```ts
-// src/main.ts
-import '@dynamic-field-kit/angular/src/examples' // registers example component into fieldRegistry
-```
-
-Then use the Angular adapter components (`dfk-multi-field-input`, etc.) in templates.
-
-Local development
-- You can import the package source directly in your Angular app using `file:` references in `package.json` (see `example/angular-instructions.md` and `example/angular-app/` for a scaffold).
-
-Build & publish
-- This package supports `ng-packagr`. To build locally:
-
-```bash
-cd packages/angular
-npm install --no-audit --no-fund --save-dev ng-packagr rimraf
-npm run build
-```
-
-- To publish to npm (scoped package), ensure `publishConfig.access` is `public` and run:
-
-```bash
-cd packages/angular
-npm publish --access public
-```
-
-Notes & caveats
-- The Angular adapter expects consumers to register Angular component classes (not React components) in `fieldRegistry` when using the Angular runtime.
-- The package exports a `DynamicFieldKitModule` to simplify consumer imports, and also provides standalone components for more advanced composition.
-
-Examples & docs
-- See `example/angular-instructions.md` for detailed wiring steps.
-- Try the local scaffold at `example/angular-app/` for a hands-on demo.
+export class AppModule {}
+```
+
+3. Register your Angular field components in the shared registry before bootstrap:
+
+```ts
+// src/main.ts
+import 'zone.js'
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
+import { fieldRegistry } from '@dynamic-field-kit/angular'
+import { AppModule } from './app/app.module'
+import { TextFieldComponent } from './app/components/text-field.component'
+import { NumberFieldComponent } from './app/components/number-field.component'
+
+fieldRegistry.register('text', TextFieldComponent as any)
+fieldRegistry.register('number', NumberFieldComponent as any)
+
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err))
+```
+
+4. Render fields in a template:
+
+```html
+<dfk-multi-field-input
+  [fieldDescriptions]="fields"
+  [properties]="data"
+  (onChange)="onChange($event)"
+></dfk-multi-field-input>
+```
+
+5. Example component state:
+
+```ts
+import { Component } from '@angular/core'
+import { FieldDescription } from '@dynamic-field-kit/core'
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+})
+export class AppComponent {
+  fields: FieldDescription[] = [
+    { name: 'name', type: 'text', label: 'Name' },
+    { name: 'age', type: 'number', label: 'Age' },
+  ]
+
+  data: any = {}
+
+  onChange(data: any) {
+    this.data = data
+  }
+}
+```
+
+Local development
+- During local development, point your Angular app at the built package output instead of importing from `src/`:
+
+```json
+{
+  "dependencies": {
+    "@dynamic-field-kit/core": "file:../../packages/core",
+    "@dynamic-field-kit/angular": "file:../../packages/angular/dist"
+  }
+}
+```
+
+- When using a local `file:` dependency on Windows or via symlinked installs, set `preserveSymlinks: true` in the Angular builder options to avoid runtime issues with linked packages.
+
+Build & publish
+- Build locally with `ng-packagr`:
+
+```bash
+cd packages/angular
+npm run build
+```
+
+- Publish to npm:
+
+```bash
+cd packages/angular
+npm run build
+npm run publish:dist
+```
+
+Notes & caveats
+- Register Angular component classes in `fieldRegistry`. Do not register React or Vue renderers when using the Angular adapter.
+- `DynamicFieldKitModule` is the recommended integration path for consumer apps.
+- Standalone exports are still available for advanced composition, but most apps should start with the module.
+- Text fields default to an empty string when no value is present, so empty controls render as blank instead of `undefined`.
+- Supported `layout` values are `column`, `row`, and `grid`.
+
+Examples & docs
+- See `example/angular-instructions.md` for detailed wiring steps.
+- Try the local scaffold at `example/angular-app/` for a hands-on demo.

package/components/BaseInput.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class BaseInputComponent {
+    protected cdr: ChangeDetectorRef;
+    value?: any;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: any[];
+    className?: string;
+    description?: string;
+    errorMessage?: string;
+    acceptFile?: string;
+    maxLength?: number;
+    minNumber?: number;
+    maxNumber?: number;
+    valueChange: EventEmitter<any>;
+    constructor(cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseInputComponent, "ng-component", never, { "value": "value"; "label": "label"; "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "options": "options"; "className": "className"; "description": "description"; "errorMessage": "errorMessage"; "acceptFile": "acceptFile"; "maxLength": "maxLength"; "minNumber": "minNumber"; "maxNumber": "maxNumber"; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}

package/components/DynamicInput.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, ViewContainerRef, OnChanges, AfterViewInit, SimpleChanges } from "@angular/core";
+import { FieldTypeKey } from "@dynamic-field-kit/core";
+import { BaseInputComponent } from "./BaseInput";
+import * as i0 from "@angular/core";
+export declare class DynamicInput extends BaseInputComponent implements OnChanges, AfterViewInit {
+    type: FieldTypeKey;
+    value?: any;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    options?: any[];
+    className?: string;
+    description?: any;
+    valueChange: EventEmitter<any>;
+    onChange: EventEmitter<any>;
+    host: ViewContainerRef;
+    private compRef?;
+    private inputInstance?;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private render;
+    private applyKnownProps;
+    private bindOutput;
+    private emitValue;
+    private cleanupRenderedComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicInput, "dfk-dynamic-input", never, { "type": "type"; "value": "value"; "label": "label"; "placeholder": "placeholder"; "required": "required"; "options": "options"; "className": "className"; "description": "description"; }, { "valueChange": "valueChange"; "onChange": "onChange"; }, never, never, true, never>;
+}

package/components/FieldInput.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from "@angular/core";
+import { FieldDescription, Properties } from "@dynamic-field-kit/core";
+import * as i0 from "@angular/core";
+export declare class FieldInput {
+    fieldDescription?: FieldDescription;
+    renderInfos?: Properties;
+    onValueChangeField: EventEmitter<{
+        value: any;
+        key: string;
+    }>;
+    getFieldValue(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldInput, "dfk-field-input", never, { "fieldDescription": "fieldDescription"; "renderInfos": "renderInfos"; }, { "onValueChangeField": "onValueChangeField"; }, never, never, true, never>;
+}

package/components/MultiFieldInput.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
+import { FieldDescription, Properties } from "@dynamic-field-kit/core";
+import { LayoutConfig } from "../types/layout";
+import * as i0 from "@angular/core";
+export declare class MultiFieldInput implements OnInit, OnChanges {
+    fieldDescriptions: FieldDescription[];
+    properties?: Properties;
+    onChange: EventEmitter<Properties>;
+    layout: LayoutConfig;
+    data: Properties;
+    visibleFields: FieldDescription[];
+    trackByFn(index: number, field: FieldDescription): string | number;
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    private init;
+    private updateVisibleFields;
+    onFieldChange(event: {
+        value: any;
+        key: string;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiFieldInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFieldInput, "dfk-multi-field-input", never, { "fieldDescriptions": "fieldDescriptions"; "properties": "properties"; "layout": "layout"; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/esm2020/components/BaseInput.mjs

@@ -0,0 +1,46 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BaseInputComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        // Add more from mplis as needed
+        this.valueChange = new EventEmitter();
+    }
+}
+BaseInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BaseInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BaseInputComponent, selector: "ng-component", inputs: { value: "value", label: "label", placeholder: "placeholder", required: "required", disabled: "disabled", options: "options", className: "className", description: "description", errorMessage: "errorMessage", acceptFile: "acceptFile", maxLength: "maxLength", minNumber: "minNumber", maxNumber: "maxNumber" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], acceptFile: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], minNumber: [{
+                type: Input
+            }], maxNumber: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFzZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQXFCLE1BQU0sZUFBZSxDQUFDOztBQU0xRixNQUFNLE9BQWdCLGtCQUFrQjtJQWtCdEMsWUFBc0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFKNUMsZ0NBQWdDO1FBRXRCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUVELENBQUM7O2dIQWxCNUIsa0JBQWtCO29HQUFsQixrQkFBa0IseVpBRjVCLEVBQUU7NEZBRVEsa0JBQWtCO2tCQUh2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO2lCQUNiO3dHQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3RvclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGaWVsZFJlbmRlcmVyUHJvcHMgfSBmcm9tICdAZHluYW1pYy1maWVsZC1raXQvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICB0ZW1wbGF0ZTogJydcclxufSlcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEJhc2VJbnB1dENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdmFsdWU/OiBhbnk7XHJcbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcmVxdWlyZWQ/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBvcHRpb25zPzogYW55W107XHJcbiAgQElucHV0KCkgY2xhc3NOYW1lPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcclxuICBASW5wdXQoKSBhY2NlcHRGaWxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1heExlbmd0aD86IG51bWJlcjtcclxuICBASW5wdXQoKSBtaW5OdW1iZXI/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgbWF4TnVtYmVyPzogbnVtYmVyO1xyXG4gIC8vIEFkZCBtb3JlIGZyb20gbXBsaXMgYXMgbmVlZGVkXHJcblxyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cclxufVxyXG5cclxuIl19

package/esm2020/components/DynamicInput.mjs

@@ -0,0 +1,146 @@
+import { CommonModule } from "@angular/common";
+import { Component, Input, Output, EventEmitter, ViewChild, ViewContainerRef, SimpleChange } from "@angular/core";
+import { fieldRegistry } from "@dynamic-field-kit/core";
+import { BaseInputComponent } from "./BaseInput";
+import * as i0 from "@angular/core";
+export class DynamicInput extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.valueChange = new EventEmitter();
+        this.onChange = new EventEmitter(); // backward compat
+    }
+    ngOnChanges(changes) {
+        if (changes["type"] && !changes["type"].firstChange && this.host) {
+            this.render();
+            return;
+        }
+        if (this.inputInstance) {
+            this.applyKnownProps(this.inputInstance);
+            const childChanges = {};
+            for (const prop in changes) {
+                childChanges[prop] = new SimpleChange(changes[prop].previousValue, changes[prop].currentValue, changes[prop].firstChange);
+            }
+            this.inputInstance.ngOnChanges?.(childChanges);
+            this.compRef?.changeDetectorRef.detectChanges();
+        }
+        else if (this.host) {
+            this.render();
+        }
+    }
+    ngAfterViewInit() {
+        this.render();
+    }
+    render() {
+        const Renderer = fieldRegistry.get(this.type);
+        this.cleanupRenderedComponent();
+        this.host.clear();
+        if (!Renderer) {
+            const el = document.createElement("div");
+            el.textContent = `Unknown field type: ${this.type}`;
+            this.host.element.nativeElement.appendChild(el);
+            return;
+        }
+        try {
+            const compType = Renderer;
+            const compRef = this.host.createComponent(compType);
+            const instance = compRef.instance;
+            if (!instance)
+                throw new Error(`Failed to create instance for ${this.type}`);
+            this.applyKnownProps(instance);
+            this.bindOutput(instance, "valueChange");
+            this.bindOutput(instance, "onValueChange");
+            instance.changeDetectorRef?.detectChanges();
+            this.compRef = compRef;
+            this.inputInstance = instance;
+            compRef.changeDetectorRef.detectChanges();
+        }
+        catch (err) {
+            // Fallback to function renderer
+            try {
+                const props = {
+                    value: this.value,
+                    onValueChange: (v) => this.emitValue(v),
+                    label: this.label,
+                    placeholder: this.placeholder,
+                    required: this.required,
+                    options: this.options,
+                    className: this.className,
+                    description: this.description,
+                    disabled: this.disabled,
+                    errorMessage: this.errorMessage,
+                };
+                const out = Renderer(props);
+                if (typeof out === 'string') {
+                    const el = document.createElement('div');
+                    el.innerHTML = out;
+                    this.host.element.nativeElement.appendChild(el);
+                }
+            }
+            catch (e) {
+                const el = document.createElement('div');
+                el.textContent = `Failed to render field: ${this.type}`;
+                this.host.element.nativeElement.appendChild(el);
+            }
+        }
+    }
+    applyKnownProps(instance) {
+        const knownProps = ["value", "label", "placeholder", "required", "disabled", "options", "className", "description", "errorMessage"];
+        for (const prop of knownProps) {
+            if (prop in this && prop in instance) {
+                instance[prop] = this[prop];
+            }
+        }
+    }
+    bindOutput(instance, outputName) {
+        const output = instance?.[outputName];
+        if (!output || typeof output.subscribe !== "function")
+            return;
+        output.subscribe((value) => {
+            this.emitValue(value);
+        });
+    }
+    emitValue(value) {
+        this.valueChange.emit(value);
+        this.onChange.emit(value);
+    }
+    cleanupRenderedComponent() {
+        this.compRef?.destroy();
+        this.compRef = undefined;
+        this.inputInstance = undefined;
+    }
+}
+DynamicInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DynamicInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DynamicInput, isStandalone: true, selector: "dfk-dynamic-input", inputs: { type: "type", value: "value", label: "label", placeholder: "placeholder", required: "required", options: "options", className: "className", description: "description" }, outputs: { valueChange: "valueChange", onChange: "onChange" }, viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true, read: ViewContainerRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<div #host style="display: contents;"></div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DynamicInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-dynamic-input",
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `<div #host style="display: contents;"></div>`,
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], onChange: [{
+                type: Output
+            }], host: [{
+                type: ViewChild,
+                args: ["host", { read: ViewContainerRef, static: false }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHluYW1pY0lucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRHluYW1pY0lucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFnQixLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQWlELFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUM5SyxPQUFPLEVBQUUsYUFBYSxFQUFnQixNQUFNLHlCQUF5QixDQUFBO0FBQ3JFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGFBQWEsQ0FBQTs7QUFRaEQsTUFBTSxPQUFPLFlBQWEsU0FBUSxrQkFBa0I7SUFOcEQ7O1FBZXFCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUM5QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQSxDQUFDLGtCQUFrQjtLQXNIaEU7SUFoSEMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2hFLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQTtZQUNiLE9BQU07U0FDUDtRQUVELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQTtZQUV4QyxNQUFNLFlBQVksR0FBa0IsRUFBRSxDQUFBO1lBQ3RDLEtBQUssTUFBTSxJQUFJLElBQUksT0FBTyxFQUFFO2dCQUMxQixZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxZQUFZLENBQ25DLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxhQUFhLEVBQzNCLE9BQU8s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O1FBQ3ZCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVPLFNBQVMsQ0FBQyxLQUFVO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzNCLENBQUM7SUFFTyx3QkFBd0I7UUFDOUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQTtRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQTtRQUN4QixJQUFJLENBQUMsYUFBYSxHQUFHLFNBQVMsQ0FBQTtJQUNoQyxDQUFDOzswR0EvSFUsWUFBWTs4RkFBWixZQUFZLHlZQVlJLGdCQUFnQix5RUFkakMsOENBQThDLDJEQUQ5QyxZQUFZOzRGQUdYLFlBQVk7a0JBTnhCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsUUFBUSxFQUFFLDhDQUE4QztpQkFDekQ7OEJBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ2EsV0FBVztzQkFBN0IsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNO2dCQUV1RCxJQUFJO3NCQUFqRSxTQUFTO3VCQUFDLE1BQU0sRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbXBvbmVudFJlZiwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYsIE9uQ2hhbmdlcywgQWZ0ZXJWaWV3SW5pdCwgU2ltcGxlQ2hhbmdlcywgVHlwZSwgU2ltcGxlQ2hhbmdlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIlxuaW1wb3J0IHsgZmllbGRSZWdpc3RyeSwgRmllbGRUeXBlS2V5IH0gZnJvbSBcIkBkeW5hbWljLWZpZWxkLWtpdC9jb3JlXCJcbmltcG9ydCB7IEJhc2VJbnB1dENvbXBvbmVudCB9IGZyb20gXCIuL0Jhc2VJbnB1dFwiXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJkZmstZHluYW1pYy1pbnB1dFwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgdGVtcGxhdGU6IGA8ZGl2ICNob3N0IHN0eWxlPVwiZGlzcGxheTogY29udGVudHM7XCI+PC9kaXY+YCxcbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY0lucHV0IGV4dGVuZHMgQmFzZUlucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgdHlwZSE6IEZpZWxkVHlwZUtleVxuICBASW5wdXQoKSB2YWx1ZT86IGFueVxuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZ1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nXHJcbiAgQElucHV0KCkgcmVxdWlyZWQ/OiBib29sZWFuXHJcbiAgQElucHV0KCkgb3B0aW9ucz86IGFueVtdXG4gIEBJbnB1dCgpIGNsYXNzTmFtZT86IHN0cmluZ1xuICBASW5wdXQoKSBkZXNjcmlwdGlvbj86IGFueVxuICBAT3V0cHV0KCkgb3ZlcnJpZGUgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKVxuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKSAvLyBiYWNrd2FyZCBjb21wYXRcblxuICBAVmlld0NoaWxkKFwiaG9zdFwiLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYsIHN0YXRpYzogZmFsc2UgfSkgaG9zdCE6IFZpZXdDb250YWluZXJSZWZcbiAgcHJpdmF0ZSBjb21wUmVmPzogQ29tcG9uZW50UmVmPGFueT5cbiAgcHJpdmF0ZSBpbnB1dEluc3RhbmNlPzogYW55XG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbXCJ0eXBlXCJdICYmICFjaGFuZ2VzW1widHlwZVwiXS5maXJzdENoYW5nZSAmJiB0aGlzLmhvc3QpIHtcbiAgICAgIHRoaXMucmVuZGVyKClcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGlmICh0aGlzLmlucHV0SW5zdGFuY2UpIHtcbiAgICAgIHRoaXMuYXBwbHlLbm93blByb3BzKHRoaXMuaW5wdXRJbnN0YW5jZSlcblxuICAgICAgY29uc3QgY2hpbGRDaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzID0ge31cbiAgICAgIGZvciAoY29uc3QgcHJvcCBpbiBjaGFuZ2VzKSB7XG4gICAgICAgIGNoaWxkQ2hhbmdlc1twcm9wXSA9IG5ldyBTaW1wbGVDaGFuZ2UoXG4gICAgICAgICAgY2hhbmdlc1twcm9wXS5wcmV2aW91c1ZhbHVlLFxuICAgICAgICAgIGNoYW5nZXNbcHJvcF0uY3VycmVudFZhbHVlLFxuICAgICAgICAgIGNoYW5nZXNbcHJvcF0uZmlyc3RDaGFuZ2VcbiAgICAgICAgKVxuICAgICAgfVxuXG4gICAgICB0aGlzLmlucHV0SW5zdGFuY2UubmdPbkNoYW5nZXM/LihjaGlsZENoYW5nZXMpXG4gICAgICB0aGlzLmNvbXBSZWY/LmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKVxuICAgIH0gZWxzZSBpZiAodGhpcy5ob3N0KSB7XG4gICAgICB0aGlzLnJlbmRlcigpXG4gICAgfVxuICB9XG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLnJlbmRlcigpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSByZW5kZXIoKSB7XG4gICAgY29uc3QgUmVuZGVyZXIgPSBmaWVsZFJlZ2lzdHJ5LmdldCh0aGlzLnR5cGUgYXMgRmllbGRUeXBlS2V5KVxuICAgIHRoaXMuY2xlYW51cFJlbmRlcmVkQ29tcG9uZW50KClcbiAgICB0aGlzLmhvc3QuY2xlYXIoKVxuICAgIGlmICghUmVuZGVyZXIpIHtcbiAgICAgIGNvbnN0IGVsID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImRpdlwiKVxuICAgICAgZWwudGV4dENvbnRlbnQgPSBgVW5rbm93biBmaWVsZCB0eXBlOiAke3RoaXMudHlwZX1gXG4gICAgICB0aGlzLmhvc3QuZWxlbWVudC5uYXRpdmVFbGVtZW50LmFwcGVuZENoaWxkKGVsKVxuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNvbXBUeXBlID0gUmVuZGVyZXIgYXMgdW5rbm93biBhcyBUeXBlPGFueT5cbiAgICAgIGNvbnN0IGNvbXBSZWYgPSB0aGlzLmhvc3QuY3JlYXRlQ29tcG9uZW50KGNvbXBUeXBlKVxuICAgICAgY29uc3QgaW5zdGFuY2UgPSBjb21wUmVmLmluc3RhbmNlXG4gICAgICBpZiAoIWluc3RhbmNlKSB0aHJvdyBuZXcgRXJyb3IoYEZhaWxlZCB0byBjcmVhdGUgaW5zdGFuY2UgZm9yICR7dGhpcy50eXBlfWApXG5cbiAgICAgIHRoaXMuYXBwbHlLbm93blByb3BzKGluc3RhbmNlKVxuXG4gICAgICB0aGlzLmJpbmRPdXRwdXQoaW5zdGFuY2UsIFwidmFsdWVDaGFuZ2VcIilcbiAgICAgIHRoaXMuYmluZE91dHB1dChpbnN0YW5jZSwgXCJvblZhbHVlQ2hhbmdlXCIpXG5cbiAgICAgIGluc3RhbmNlLmNoYW5nZURldGVjdG9yUmVmPy5kZXRlY3RDaGFuZ2VzKClcbiAgICAgIHRoaXMuY29tcFJlZiA9IGNvbXBSZWZcbiAgICAgIHRoaXMuaW5wdXRJbnN0YW5jZSA9IGluc3RhbmNlXG4gICAgICBjb21wUmVmLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKVxuICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgLy8gRmFsbGJhY2sgdG8gZnVuY3Rpb24gcmVuZGVyZXJcbiAgICAgIHRyeSB7XG4gICAgICAgIGNvbnN0IHByb3BzOiBhbnkgPSB7XG4gICAgICAgICAgdmFsdWU6IHRoaXMudmFsdWUsXG4gICAgICAgICAgb25WYWx1ZUNoYW5nZTogKHY6IGFueSkgPT4gdGhpcy5lbWl0VmFsdWUodiksXG4gICAgICAgICAgbGFiZWw6IHRoaXMubGFiZWwsXG4gICAgICAgICAgcGxhY2Vob2xkZXI6IHRoaXMucGxhY2Vob2xkZXIsXG4gICAgICAgICAgcmVxdWlyZWQ6IHRoaXMucmVxdWlyZWQsXG4gICAgICAgICAgb3B0aW9uczogdGhpcy5vcHRpb25zLFxyXG4gICAgICAgICAgY2xhc3NOYW1lOiB0aGlzLmNsYXNzTmFtZSxcclxuICAgICAgICAgIGRlc2NyaXB0aW9uOiB0aGlzLmRlc2NyaXB0aW9uLFxyXG4gICAgICAgICAgZGlzYWJsZWQ6IHRoaXMuZGlzYWJsZWQsXHJcbiAgICAgICAgICBlcnJvck1lc3NhZ2U6IHRoaXMuZXJyb3JNZXNzYWdlLFxyXG4gICAgICAgIH1cbiAgICAgICAgY29uc3Qgb3V0ID0gKFJlbmRlcmVyIGFzIEZ1bmN0aW9uKShwcm9wcylcbiAgICAgICAgaWYgKHR5cGVvZiBvdXQgPT09ICdzdHJpbmcnKSB7XG4gICAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKVxuICAgICAgICAgIGVsLmlubmVySFRNTCA9IG91dFxuICAgICAgICAgIHRoaXMuaG9zdC5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuYXBwZW5kQ2hpbGQoZWwpXG4gICAgICAgIH1cbiAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgY29uc3QgZWwgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKVxuICAgICAgICBlbC50ZXh0Q29udGVudCA9IGBGYWlsZWQgdG8gcmVuZGVyIGZpZWxkOiAke3RoaXMudHlwZX1gXG4gICAgICAgIHRoaXMuaG9zdC5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuYXBwZW5kQ2hpbGQoZWwpXG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBhcHBseUtub3duUHJvcHMoaW5zdGFuY2U6IGFueSkge1xuICAgIGNvbnN0IGtub3duUHJvcHMgPSBbXCJ2YWx1ZVwiLCBcImxhYmVsXCIsIFwicGxhY2Vob2xkZXJcIiwgXCJyZXF1aXJlZFwiLCBcImRpc2FibGVkXCIsIFwib3B0aW9uc1wiLCBcImNsYXNzTmFtZVwiLCBcImRlc2NyaXB0aW9uXCIsIFwiZXJyb3JNZXNzYWdlXCJdXG4gICAgZm9yIChjb25zdCBwcm9wIG9mIGtub3duUHJvcHMpIHtcbiAgICAgIGlmIChwcm9wIGluIHRoaXMgJiYgcHJvcCBpbiBpbnN0YW5jZSkge1xuICAgICAgICBpbnN0YW5jZVtwcm9wXSA9ICh0aGlzIGFzIGFueSlbcHJvcF1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGJpbmRPdXRwdXQoaW5zdGFuY2U6IGFueSwgb3V0cHV0TmFtZTogXCJ2YWx1ZUNoYW5nZVwiIHwgXCJvblZhbHVlQ2hhbmdlXCIpIHtcbiAgICBjb25zdCBvdXRwdXQgPSBpbnN0YW5jZT8uW291dHB1dE5hbWVdXG4gICAgaWYgKCFvdXRwdXQgfHwgdHlwZW9mIG91dHB1dC5zdWJzY3JpYmUgIT09IFwiZnVuY3Rpb25cIikgcmV0dXJuO1xuXG4gICAgKG91dHB1dCBhcyBFdmVudEVtaXR0ZXI8YW55Pikuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgdGhpcy5lbWl0VmFsdWUodmFsdWUpXG4gICAgfSlcbiAgfVxuXG4gIHByaXZhdGUgZW1pdFZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodmFsdWUpXG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KHZhbHVlKVxuICB9XG5cbiAgcHJpdmF0ZSBjbGVhbnVwUmVuZGVyZWRDb21wb25lbnQoKSB7XG4gICAgdGhpcy5jb21wUmVmPy5kZXN0cm95KClcbiAgICB0aGlzLmNvbXBSZWYgPSB1bmRlZmluZWRcbiAgICB0aGlzLmlucHV0SW5zdGFuY2UgPSB1bmRlZmluZWRcbiAgfVxufVxuIl19

package/esm2020/components/FieldInput.mjs

@@ -0,0 +1,66 @@
+import { NgIf } from "@angular/common";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
+import { DynamicInput } from './DynamicInput';
+import * as i0 from "@angular/core";
+export class FieldInput {
+    constructor() {
+        this.onValueChangeField = new EventEmitter();
+    }
+    getFieldValue() {
+        if (!this.fieldDescription || !this.renderInfos)
+            return undefined;
+        const value = this.renderInfos[this.fieldDescription.name];
+        if (value === undefined && this.fieldDescription.type === "text") {
+            return "";
+        }
+        return value;
+    }
+}
+FieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FieldInput, isStandalone: true, selector: "dfk-field-input", inputs: { fieldDescription: "fieldDescription", renderInfos: "renderInfos" }, outputs: { onValueChangeField: "onValueChangeField" }, ngImport: i0, template: `
+    <dfk-dynamic-input
+      *ngIf="fieldDescription && renderInfos"
+      [type]="fieldDescription!.type"
+      [value]="getFieldValue()"
+      [label]="fieldDescription!.label"
+      [placeholder]="fieldDescription!.placeholder"
+      [required]="fieldDescription!.required"
+      [description]="fieldDescription!.description"
+      [options]="fieldDescription!.options"
+      [className]="fieldDescription!.className"
+      (valueChange)="onValueChangeField.emit({ value: $event, key: fieldDescription!.name })"
+      [disabled]="false"
+      [errorMessage]="''"
+    ></dfk-dynamic-input>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DynamicInput, selector: "dfk-dynamic-input", inputs: ["type", "value", "label", "placeholder", "required", "options", "className", "description"], outputs: ["valueChange", "onChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "dfk-field-input",
+                    standalone: true,
+                    imports: [NgIf, DynamicInput],
+                    template: `
+    <dfk-dynamic-input
+      *ngIf="fieldDescription && renderInfos"
+      [type]="fieldDescription!.type"
+      [value]="getFieldValue()"
+      [label]="fieldDescription!.label"
+      [placeholder]="fieldDescription!.placeholder"
+      [required]="fieldDescription!.required"
+      [description]="fieldDescription!.description"
+      [options]="fieldDescription!.options"
+      [className]="fieldDescription!.className"
+      (valueChange)="onValueChangeField.emit({ value: $event, key: fieldDescription!.name })"
+      [disabled]="false"
+      [errorMessage]="''"
+    ></dfk-dynamic-input>
+  `,
+                }]
+        }], propDecorators: { fieldDescription: [{
+                type: Input
+            }], renderInfos: [{
+                type: Input
+            }], onValueChangeField: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRJbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkSW5wdXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDdEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBOztBQXdCN0MsTUFBTSxPQUFPLFVBQVU7SUFyQnZCO1FBd0JZLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUE2QixDQUFBO0tBWTdFO0lBVkMsYUFBYTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVztZQUFFLE9BQU8sU0FBUyxDQUFBO1FBRWpFLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFBO1FBQzFELElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxLQUFLLE1BQU0sRUFBRTtZQUNoRSxPQUFPLEVBQUUsQ0FBQTtTQUNWO1FBRUQsT0FBTyxLQUFLLENBQUE7SUFDZCxDQUFDOzt3R0FkVSxVQUFVOzRGQUFWLFVBQVUsZ05BakJYOzs7Ozs7Ozs7Ozs7Ozs7R0FlVCw0REFoQlMsSUFBSSw2RkFBRSxZQUFZOzRGQWtCakIsVUFBVTtrQkFyQnRCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLElBQUksRUFBRSxZQUFZLENBQUM7b0JBQzdCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7aUJBQ0Y7OEJBRVUsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdJZiB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIlxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyBEeW5hbWljSW5wdXQgfSBmcm9tICcuL0R5bmFtaWNJbnB1dCdcbmltcG9ydCB7IEZpZWxkRGVzY3JpcHRpb24sIFByb3BlcnRpZXMgfSBmcm9tIFwiQGR5bmFtaWMtZmllbGQta2l0L2NvcmVcIlxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiZGZrLWZpZWxkLWlucHV0XCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBEeW5hbWljSW5wdXRdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkZmstZHluYW1pYy1pbnB1dFxuICAgICAgKm5nSWY9XCJmaWVsZERlc2NyaXB0aW9uICYmIHJlbmRlckluZm9zXCJcbiAgICAgIFt0eXBlXT1cImZpZWxkRGVzY3JpcHRpb24hLnR5cGVcIlxuICAgICAgW3ZhbHVlXT1cImdldEZpZWxkVmFsdWUoKVwiXG4gICAgICBbbGFiZWxdPVwiZmllbGREZXNjcmlwdGlvbiEubGFiZWxcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cImZpZWxkRGVzY3JpcHRpb24hLnBsYWNlaG9sZGVyXCJcbiAgICAgIFtyZXF1aXJlZF09XCJmaWVsZERlc2NyaXB0aW9uIS5yZXF1aXJlZFwiXG4gICAgICBbZGVzY3JpcHRpb25dPVwiZmllbGREZXNjcmlwdGlvbiEuZGVzY3JpcHRpb25cIlxyXG4gICAgICBbb3B0aW9uc109XCJmaWVsZERlc2NyaXB0aW9uIS5vcHRpb25zXCJcclxuICAgICAgW2NsYXNzTmFtZV09XCJmaWVsZERlc2NyaXB0aW9uIS5jbGFzc05hbWVcIlxyXG4gICAgICAodmFsdWVDaGFuZ2UpPVwib25WYWx1ZUNoYW5nZUZpZWxkLmVtaXQoeyB2YWx1ZTogJGV2ZW50LCBrZXk6IGZpZWxkRGVzY3JpcHRpb24hLm5hbWUgfSlcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiZmFsc2VcIlxyXG4gICAgICBbZXJyb3JNZXNzYWdlXT1cIicnXCJcclxuICAgID48L2Rmay1keW5hbWljLWlucHV0PlxyXG4gIGAsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWVsZElucHV0IHtcbiAgQElucHV0KCkgZmllbGREZXNjcmlwdGlvbj86IEZpZWxkRGVzY3JpcHRpb25cbiAgQElucHV0KCkgcmVuZGVySW5mb3M/OiBQcm9wZXJ0aWVzXG4gIEBPdXRwdXQoKSBvblZhbHVlQ2hhbmdlRmllbGQgPSBuZXcgRXZlbnRFbWl0dGVyPHt2YWx1ZTogYW55LCBrZXk6IHN0cmluZ30+KClcblxuICBnZXRGaWVsZFZhbHVlKCkge1xuICAgIGlmICghdGhpcy5maWVsZERlc2NyaXB0aW9uIHx8ICF0aGlzLnJlbmRlckluZm9zKSByZXR1cm4gdW5kZWZpbmVkXG5cbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMucmVuZGVySW5mb3NbdGhpcy5maWVsZERlc2NyaXB0aW9uLm5hbWVdXG4gICAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgJiYgdGhpcy5maWVsZERlc2NyaXB0aW9uLnR5cGUgPT09IFwidGV4dFwiKSB7XG4gICAgICByZXR1cm4gXCJcIlxuICAgIH1cblxuICAgIHJldHVybiB2YWx1ZVxuICB9XG59XG4iXX0=