@dynamic-field-kit/angular 1.2.4 → 1.3.3

package/README.md

@@ -12,6 +12,10 @@ Demo app: https://github.com/vannt-dev/dynamic-field-kit-demo
 npm install @dynamic-field-kit/core @dynamic-field-kit/angular
 ```
 
+Note: Core is shared runtime. Install core separately and ensure a single version is used across adapters to avoid duplicate registries.
+
+- Install with core: `npm install @dynamic-field-kit/core @dynamic-field-kit/angular`
+
 If you need to pin versions explicitly:
 
 ```bash
@@ -26,37 +30,52 @@ npm install @dynamic-field-kit/core@^1.0.12 @dynamic-field-kit/angular@^1.2.3
 - `DynamicFieldKitModule`
 - `fieldRegistry`
 
-## Basic setup
+## Basic setup (Angular 19+)
 
-1. Import `DynamicFieldKitModule` in your Angular module.
+1. Import the component and register fields before bootstrap.
 
 ```ts
-import { BrowserModule } from "@angular/platform-browser"
-import { NgModule } from "@angular/core"
-import { DynamicFieldKitModule } from "@dynamic-field-kit/angular"
-
-@NgModule({
-  imports: [BrowserModule, DynamicFieldKitModule],
-})
-export class AppModule {}
+import 'zone.js';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { fieldRegistry } from '@dynamic-field-kit/angular';
+import { AppComponent } from './app/app.component';
+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);
+
+bootstrapApplication(AppComponent, {
+  providers: [],
+}).catch((err) => console.error(err));
 ```
 
-2. Register Angular field components before bootstrap.
+2. Use the component in a standalone component.
 
 ```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))
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldDescription } from '@dynamic-field-kit/core';
+import { MultiFieldInput } from '@dynamic-field-kit/angular';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [CommonModule, MultiFieldInput],
+  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;
+  }
+}
 ```
 
 3. Render your schema in a template.
@@ -69,39 +88,89 @@ platformBrowserDynamic()
 ></dfk-multi-field-input>
 ```
 
-4. Define your field schema in the component.
+## Layouts
+
+`MultiFieldInput` supports `column`, `row`, `grid`, and `responsive` (mobile/desktop with a custom breakpoint), matching the React and Vue adapters:
+
+```html
+<dfk-multi-field-input
+  [fieldDescriptions]="fields"
+  [layout]="{ type: 'grid', columns: 3, gap: 16 }"
+></dfk-multi-field-input>
+
+<dfk-multi-field-input
+  [fieldDescriptions]="fields"
+  [layout]="{
+    type: 'responsive',
+    mobile: 'column',
+    desktop: { type: 'grid', columns: 2, gap: 12 }
+  }"
+></dfk-multi-field-input>
+```
+
+## Derived fields with `computeValue`
+
+Give a field a `computeValue` to derive its value from the rest of the form data whenever any field changes:
 
 ```ts
-import { Component } from "@angular/core"
-import { FieldDescription } from "@dynamic-field-kit/core"
+fields: FieldDescription[] = [
+  { name: 'firstName', type: 'text' },
+  { name: 'lastName', type: 'text' },
+  {
+    name: 'fullName',
+    type: 'text',
+    computeValue: (data) => `${data.firstName ?? ''} ${data.lastName ?? ''}`.trim(),
+  },
+];
+```
 
-@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" },
-  ]
+## Repeatable field groups
 
-  data: any = {}
+A field with `fields` renders as a repeatable group: `data[name]` becomes an array of items, each shaped by the nested `fields`, with "Add"/"Remove" controls rendered automatically.
 
-  onChange(data: any) {
-    this.data = data
-  }
-}
+```ts
+fields: FieldDescription[] = [
+  {
+    name: 'contacts',
+    type: 'group',
+    label: 'Contacts',
+    fields: [
+      { name: 'email', type: 'text', label: 'Email' },
+      { name: 'phone', type: 'text', label: 'Phone' },
+    ],
+    defaultItem: { email: '', phone: '' },
+    minItems: 1,
+    maxItems: 5,
+  },
+];
+```
+
+```html
+<dfk-multi-field-input [fieldDescriptions]="fields"></dfk-multi-field-input>
+```
+
+## Legacy setup (Angular 14 and earlier with NgModule)
+
+```ts
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { DynamicFieldKitModule } from '@dynamic-field-kit/angular';
+
+@NgModule({
+  imports: [BrowserModule, DynamicFieldKitModule],
+})
+export class AppModule {}
 ```
 
 ## Type augmentation
 
 ```ts
-import "@dynamic-field-kit/core"
+import '@dynamic-field-kit/core';
 
-declare module "@dynamic-field-kit/core" {
+declare module '@dynamic-field-kit/core' {
   interface FieldTypeMap {
-    text: string
-    number: number
+    text: string;
+    number: number;
   }
 }
 ```
@@ -110,7 +179,8 @@ declare module "@dynamic-field-kit/core" {
 
 - Register Angular component classes in `fieldRegistry`.
 - Do not register React or Vue renderers in the Angular adapter.
-- `MultiFieldInput` supports `column`, `row`, and `grid` layouts.
+- `MultiFieldInput` supports `column`, `row`, `grid`, and `responsive` layouts, and derives fields using `computeValue`.
+- Fields with `fields` render as repeatable groups instead of going through `fieldRegistry`.
 - The shared schema and field types still come from `@dynamic-field-kit/core`.
 
 ## License

package/angular.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "dynamic-field-kit-angular": {
+      "projectType": "library",
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "dfk",
+      "architect": {
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "test.ts",
+            "polyfills": ["zone.js"],
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "assets": [],
+            "styles": [],
+            "scripts": []
+          }
+        }
+      }
+    }
+  }
+}

package/dist/README.md

@@ -0,0 +1,188 @@
+# @dynamic-field-kit/angular
+
+Angular adapter for `@dynamic-field-kit/core`.
+
+This package provides Angular components and a convenience module that render field schemas defined with `@dynamic-field-kit/core`.
+
+Demo app: https://github.com/vannt-dev/dynamic-field-kit-demo
+
+## Install
+
+```bash
+npm install @dynamic-field-kit/core @dynamic-field-kit/angular
+```
+
+Note: Core is shared runtime. Install core separately and ensure a single version is used across adapters to avoid duplicate registries.
+
+- Install with core: `npm install @dynamic-field-kit/core @dynamic-field-kit/angular`
+
+If you need to pin versions explicitly:
+
+```bash
+npm install @dynamic-field-kit/core@^1.0.12 @dynamic-field-kit/angular@^1.2.3
+```
+
+## What it exports
+
+- `DynamicInput`
+- `FieldInput`
+- `MultiFieldInput`
+- `DynamicFieldKitModule`
+- `fieldRegistry`
+
+## Basic setup (Angular 19+)
+
+1. Import the component and register fields before bootstrap.
+
+```ts
+import 'zone.js';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { fieldRegistry } from '@dynamic-field-kit/angular';
+import { AppComponent } from './app/app.component';
+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);
+
+bootstrapApplication(AppComponent, {
+  providers: [],
+}).catch((err) => console.error(err));
+```
+
+2. Use the component in a standalone component.
+
+```ts
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FieldDescription } from '@dynamic-field-kit/core';
+import { MultiFieldInput } from '@dynamic-field-kit/angular';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [CommonModule, MultiFieldInput],
+  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;
+  }
+}
+```
+
+3. Render your schema in a template.
+
+```html
+<dfk-multi-field-input
+  [fieldDescriptions]="fields"
+  [properties]="data"
+  (onChange)="onChange($event)"
+></dfk-multi-field-input>
+```
+
+## Layouts
+
+`MultiFieldInput` supports `column`, `row`, `grid`, and `responsive` (mobile/desktop with a custom breakpoint), matching the React and Vue adapters:
+
+```html
+<dfk-multi-field-input
+  [fieldDescriptions]="fields"
+  [layout]="{ type: 'grid', columns: 3, gap: 16 }"
+></dfk-multi-field-input>
+
+<dfk-multi-field-input
+  [fieldDescriptions]="fields"
+  [layout]="{
+    type: 'responsive',
+    mobile: 'column',
+    desktop: { type: 'grid', columns: 2, gap: 12 }
+  }"
+></dfk-multi-field-input>
+```
+
+## Derived fields with `computeValue`
+
+Give a field a `computeValue` to derive its value from the rest of the form data whenever any field changes:
+
+```ts
+fields: FieldDescription[] = [
+  { name: 'firstName', type: 'text' },
+  { name: 'lastName', type: 'text' },
+  {
+    name: 'fullName',
+    type: 'text',
+    computeValue: (data) => `${data.firstName ?? ''} ${data.lastName ?? ''}`.trim(),
+  },
+];
+```
+
+## Repeatable field groups
+
+A field with `fields` renders as a repeatable group: `data[name]` becomes an array of items, each shaped by the nested `fields`, with "Add"/"Remove" controls rendered automatically.
+
+```ts
+fields: FieldDescription[] = [
+  {
+    name: 'contacts',
+    type: 'group',
+    label: 'Contacts',
+    fields: [
+      { name: 'email', type: 'text', label: 'Email' },
+      { name: 'phone', type: 'text', label: 'Phone' },
+    ],
+    defaultItem: { email: '', phone: '' },
+    minItems: 1,
+    maxItems: 5,
+  },
+];
+```
+
+```html
+<dfk-multi-field-input [fieldDescriptions]="fields"></dfk-multi-field-input>
+```
+
+## Legacy setup (Angular 14 and earlier with NgModule)
+
+```ts
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { DynamicFieldKitModule } from '@dynamic-field-kit/angular';
+
+@NgModule({
+  imports: [BrowserModule, DynamicFieldKitModule],
+})
+export class AppModule {}
+```
+
+## Type augmentation
+
+```ts
+import '@dynamic-field-kit/core';
+
+declare module '@dynamic-field-kit/core' {
+  interface FieldTypeMap {
+    text: string;
+    number: number;
+  }
+}
+```
+
+## Notes
+
+- Register Angular component classes in `fieldRegistry`.
+- Do not register React or Vue renderers in the Angular adapter.
+- `MultiFieldInput` supports `column`, `row`, `grid`, and `responsive` layouts, and derives fields using `computeValue`.
+- Fields with `fields` render as repeatable groups instead of going through `fieldRegistry`.
+- The shared schema and field types still come from `@dynamic-field-kit/core`.
+
+## License
+
+MIT

package/dist/components/BaseInput.d.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface FieldInputProps {
+    value?: unknown;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: unknown[];
+    className?: string;
+    description?: string;
+    errorMessage?: string;
+    acceptFile?: string;
+    maxLength?: number;
+    minNumber?: number;
+    maxNumber?: number;
+}
+export declare abstract class BaseInputComponent implements OnChanges {
+    protected cdr: ChangeDetectorRef;
+    value?: unknown;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    options?: unknown[];
+    className?: string;
+    description?: string;
+    errorMessage?: string;
+    acceptFile?: string;
+    maxLength?: number;
+    minNumber?: number;
+    maxNumber?: number;
+    valueChange: EventEmitter<unknown>;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(_changes: SimpleChanges): void;
+    protected detectChanges(): void;
+    protected hasChanges(changes: SimpleChanges, prop: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseInputComponent, "ng-component", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; "className": { "alias": "className"; "required": false; }; "description": { "alias": "description"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "acceptFile": { "alias": "acceptFile"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minNumber": { "alias": "minNumber"; "required": false; }; "maxNumber": { "alias": "maxNumber"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/dist/components/DynamicInput.d.ts

@@ -0,0 +1,31 @@
+import { AfterViewInit, EventEmitter, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } 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, OnDestroy {
+    type: FieldTypeKey;
+    valueChange: EventEmitter<unknown>;
+    onChange: EventEmitter<unknown>;
+    host: ViewContainerRef;
+    private compRef?;
+    private inputInstance?;
+    private subscriptions;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private syncPropsToInstance;
+    private cleanup;
+    private cleanupSubscriptions;
+    private cleanupRenderedComponent;
+    private render;
+    private isComponentType;
+    private renderComponent;
+    private renderFallback;
+    private getFallbackProps;
+    private applyProps;
+    private bindOutputs;
+    private emitValue;
+    private renderError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicInput, "dfk-dynamic-input", never, { "type": { "alias": "type"; "required": false; }; }, { "valueChange": "valueChange"; "onChange": "onChange"; }, never, never, true, never>;
+}

package/dist/components/FieldInput.d.ts

@@ -0,0 +1,18 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { FieldDescription } from '@dynamic-field-kit/core';
+import * as i0 from "@angular/core";
+export declare class FieldInput implements OnChanges {
+    private cdr;
+    fieldDescription?: FieldDescription;
+    value?: unknown;
+    onValueChangeField: EventEmitter<{
+        value: unknown;
+        key: string;
+    }>;
+    shouldRender: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnChanges(_changes: SimpleChanges): void;
+    getFieldValue(): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldInput, "dfk-field-input", never, { "fieldDescription": { "alias": "fieldDescription"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onValueChangeField": "onValueChangeField"; }, never, never, true, never>;
+}

package/dist/components/MultiFieldInput.d.ts

@@ -0,0 +1,40 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { FieldDescription, Properties } from '@dynamic-field-kit/core';
+import { BaseLayoutConfig, LayoutConfig } from '../types/layout';
+import * as i0 from "@angular/core";
+export declare class MultiFieldInput implements OnInit, OnChanges {
+    private cdr;
+    fieldDescriptions: FieldDescription[];
+    properties?: Properties;
+    onChange: EventEmitter<Properties>;
+    layout: LayoutConfig;
+    data: Properties;
+    visibleFields: FieldDescription[];
+    private isMobile;
+    constructor(cdr: ChangeDetectorRef);
+    onWindowResize(): void;
+    get resolvedLayout(): BaseLayoutConfig;
+    get resolvedLayoutType(): string;
+    get gap(): number;
+    get columns(): number;
+    trackByFn(index: number, field: FieldDescription): string | number;
+    trackByIndex(index: number): number;
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    private updateIsMobile;
+    private init;
+    private updateVisibleFields;
+    onFieldChange(event: {
+        value: unknown;
+        key: string;
+    }): void;
+    getItems(field: FieldDescription): Properties[];
+    canAddItem(field: FieldDescription): boolean;
+    canRemoveItem(field: FieldDescription): boolean;
+    onGroupItemAdd(field: FieldDescription): void;
+    onGroupItemRemove(field: FieldDescription, index: number): void;
+    onGroupItemChange(field: FieldDescription, index: number, next: Properties): void;
+    private commitData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiFieldInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiFieldInput, "dfk-multi-field-input", never, { "fieldDescriptions": { "alias": "fieldDescriptions"; "required": false; }; "properties": { "alias": "properties"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}

package/dist/esm2022/components/BaseInput.mjs

@@ -0,0 +1,68 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BaseInputComponent {
+    cdr;
+    value;
+    label;
+    placeholder;
+    required;
+    disabled;
+    options;
+    className;
+    description;
+    errorMessage;
+    acceptFile;
+    maxLength;
+    minNumber;
+    maxNumber;
+    valueChange = new EventEmitter();
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    ngOnChanges(_changes) {
+        this.detectChanges();
+    }
+    detectChanges() {
+        this.cdr.markForCheck();
+    }
+    hasChanges(changes, prop) {
+        return changes[prop] !== undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseInputComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: BaseInputComponent, isStandalone: true, 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" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: BaseInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }], ctorParameters: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFzZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7O0FBcUJ2QixNQUFNLE9BQWdCLGtCQUFrQjtJQWlCaEI7SUFoQmIsS0FBSyxDQUFXO0lBQ2hCLEtBQUssQ0FBVTtJQUNmLFdBQVcsQ0FBVTtJQUNyQixRQUFRLENBQVc7SUFDbkIsUUFBUSxDQUFXO0lBQ25CLE9BQU8sQ0FBYTtJQUNwQixTQUFTLENBQVU7SUFDbkIsV0FBVyxDQUFVO0lBQ3JCLFlBQVksQ0FBVTtJQUN0QixVQUFVLENBQVU7SUFDcEIsU0FBUyxDQUFVO0lBQ25CLFNBQVMsQ0FBVTtJQUNuQixTQUFTLENBQVU7SUFFbEIsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFcEQsWUFBc0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFBRyxDQUFDO0lBRWhELFdBQVcsQ0FBQyxRQUF1QjtRQUNqQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVTLGFBQWE7UUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRVMsVUFBVSxDQUFDLE9BQXNCLEVBQUUsSUFBWTtRQUN2RCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxTQUFTLENBQUM7SUFDckMsQ0FBQzt3R0E3Qm1CLGtCQUFrQjs0RkFBbEIsa0JBQWtCLGtjQUY1QixFQUFFOzs0RkFFUSxrQkFBa0I7a0JBSHZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLEVBQUU7aUJBQ2I7c0ZBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpZWxkSW5wdXRQcm9wcyB7XG4gIHZhbHVlPzogdW5rbm93bjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb3B0aW9ucz86IHVua25vd25bXTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nO1xuICBhY2NlcHRGaWxlPzogc3RyaW5nO1xuICBtYXhMZW5ndGg/OiBudW1iZXI7XG4gIG1pbk51bWJlcj86IG51bWJlcjtcbiAgbWF4TnVtYmVyPzogbnVtYmVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6ICcnLFxufSlcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBCYXNlSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSB2YWx1ZT86IHVua25vd247XG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgQElucHV0KCkgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIG9wdGlvbnM/OiB1bmtub3duW107XG4gIEBJbnB1dCgpIGNsYXNzTmFtZT86IHN0cmluZztcbiAgQElucHV0KCkgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZT86IHN0cmluZztcbiAgQElucHV0KCkgYWNjZXB0RmlsZT86IHN0cmluZztcbiAgQElucHV0KCkgbWF4TGVuZ3RoPzogbnVtYmVyO1xuICBASW5wdXQoKSBtaW5OdW1iZXI/OiBudW1iZXI7XG4gIEBJbnB1dCgpIG1heE51bWJlcj86IG51bWJlcjtcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHVua25vd24+KCk7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkNoYW5nZXMoX2NoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICB0aGlzLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBkZXRlY3RDaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhc0NoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcywgcHJvcDogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGNoYW5nZXNbcHJvcF0gIT09IHVuZGVmaW5lZDtcbiAgfVxufVxuIl19