@acrodata/gui 0.1.0

package/esm2022/fill/fill.mjs

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, Component, forwardRef, Input, ViewEncapsulation, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@ng-matero/extensions/colorpicker";
+import * as i6 from "../field-label/field-label";
+export class GuiFill {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.config = {};
+        this.disabled = false;
+        this.value = '';
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue(value) {
+        this.value = value;
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    onValueChange() {
+        this.onChange(this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: GuiFill, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: GuiFill, selector: "gui-fill", inputs: { config: "config", disabled: "disabled" }, host: { classAttribute: "gui-field gui-fill" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GuiFill),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<mat-form-field>\n  <ng-container matPrefix>\n    <span class=\"gui-color-block-empty\"></span>\n    <span class=\"gui-color-block\" [style]=\"{background: value}\"></span>\n  </ng-container>\n  <input matInput\n         [(ngModel)]=\"value\"\n         [disabled]=\"disabled\"\n         [placeholder]=\"config.placeholder||''\"\n         [mtxColorpicker]=\"cp\"\n         (colorChange)=\"onValueChange()\">\n  <mtx-colorpicker #cp></mtx-colorpicker>\n  <mtx-colorpicker-toggle matSuffix [for]=\"cp\"></mtx-colorpicker-toggle>\n  <mat-hint *ngIf=\"config.parentType==='inline'\">\n    <gui-field-label [config]=\"config\"></gui-field-label>\n  </mat-hint>\n</mat-form-field>\n", styles: [".gui-color-block,.gui-color-block-empty{position:relative;display:block;width:18px;height:18px;border:1px solid #000}.gui-color-block-empty{position:absolute;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.gui-fill .gui-colorpicker-toggle{display:flex;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.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: i5.MtxColorpicker, selector: "mtx-colorpicker", inputs: ["content", "disabled", "xPosition", "yPosition", "restoreFocus", "opened", "color", "format"], outputs: ["opened", "closed"], exportAs: ["mtxColorpicker"] }, { kind: "directive", type: i5.MtxColorpickerInput, selector: "input[mtxColorpicker]", inputs: ["mtxColorpicker", "disabled", "value", "format"], outputs: ["colorChange", "colorInput"], exportAs: ["mtxColorpickerInput"] }, { kind: "component", type: i5.MtxColorpickerToggle, selector: "mtx-colorpicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["mtxColorpickerToggle"] }, { kind: "component", type: i6.GuiFieldLabel, selector: "gui-field-label", inputs: ["config", "index"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: GuiFill, decorators: [{
+            type: Component,
+            args: [{ selector: 'gui-fill', host: {
+                        class: 'gui-field gui-fill',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GuiFill),
+                            multi: true,
+                        },
+                    ], template: "<mat-form-field>\n  <ng-container matPrefix>\n    <span class=\"gui-color-block-empty\"></span>\n    <span class=\"gui-color-block\" [style]=\"{background: value}\"></span>\n  </ng-container>\n  <input matInput\n         [(ngModel)]=\"value\"\n         [disabled]=\"disabled\"\n         [placeholder]=\"config.placeholder||''\"\n         [mtxColorpicker]=\"cp\"\n         (colorChange)=\"onValueChange()\">\n  <mtx-colorpicker #cp></mtx-colorpicker>\n  <mtx-colorpicker-toggle matSuffix [for]=\"cp\"></mtx-colorpicker-toggle>\n  <mat-hint *ngIf=\"config.parentType==='inline'\">\n    <gui-field-label [config]=\"config\"></gui-field-label>\n  </mat-hint>\n</mat-form-field>\n", styles: [".gui-color-block,.gui-color-block-empty{position:relative;display:block;width:18px;height:18px;border:1px solid #000}.gui-color-block-empty{position:absolute;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.gui-fill .gui-colorpicker-toggle{display:flex;color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2d1aS9maWxsL2ZpbGwudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9ndWkvZmlsbC9maWxsLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQW9CekUsTUFBTSxPQUFPLE9BQU87SUFTbEIsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFSakMsV0FBTSxHQUF3QixFQUFFLENBQUM7UUFDakMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRUgsYUFBUSxHQUE0QixHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDN0MsY0FBUyxHQUFlLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUVJLENBQUM7SUFFOUMsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1FBQzNCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDOzhHQS9CVSxPQUFPO2tHQUFQLE9BQU8sdUlBUlA7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLE9BQU8sQ0FBQztnQkFDdEMsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQzFCSCxxcUJBaUJBOzsyRkRXYSxPQUFPO2tCQWpCbkIsU0FBUzsrQkFDRSxVQUFVLFFBR2Q7d0JBQ0osS0FBSyxFQUFFLG9CQUFvQjtxQkFDNUIsaUJBQ2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUM7NEJBQ3RDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO3dHQUdRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBHdWlDb250cm9sIH0gZnJvbSAnLi4vaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3VpLWZpbGwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsbC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsbC5zY3NzJ10sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2d1aS1maWVsZCBndWktZmlsbCcsXG4gIH0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEd1aUZpbGwpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR3VpRmlsbCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgY29uZmlnOiBQYXJ0aWFsPEd1aUNvbnRyb2w+ID0ge307XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgdmFsdWUgPSAnJztcblxuICBwcml2YXRlIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCA9ICgpID0+IHt9O1xuICBwcml2YXRlIG9uVG91Y2hlZDogKCkgPT4gdm9pZCA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCkge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKSB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25WYWx1ZUNoYW5nZSgpIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICB9XG59XG4iLCI8bWF0LWZvcm0tZmllbGQ+XG4gIDxuZy1jb250YWluZXIgbWF0UHJlZml4PlxuICAgIDxzcGFuIGNsYXNzPVwiZ3VpLWNvbG9yLWJsb2NrLWVtcHR5XCI+PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiZ3VpLWNvbG9yLWJsb2NrXCIgW3N0eWxlXT1cIntiYWNrZ3JvdW5kOiB2YWx1ZX1cIj48L3NwYW4+XG4gIDwvbmctY29udGFpbmVyPlxuICA8aW5wdXQgbWF0SW5wdXRcbiAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxuICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJjb25maWcucGxhY2Vob2xkZXJ8fCcnXCJcbiAgICAgICAgIFttdHhDb2xvcnBpY2tlcl09XCJjcFwiXG4gICAgICAgICAoY29sb3JDaGFuZ2UpPVwib25WYWx1ZUNoYW5nZSgpXCI+XG4gIDxtdHgtY29sb3JwaWNrZXIgI2NwPjwvbXR4LWNvbG9ycGlja2VyPlxuICA8bXR4LWNvbG9ycGlja2VyLXRvZ2dsZSBtYXRTdWZmaXggW2Zvcl09XCJjcFwiPjwvbXR4LWNvbG9ycGlja2VyLXRvZ2dsZT5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiY29uZmlnLnBhcmVudFR5cGU9PT0naW5saW5lJ1wiPlxuICAgIDxndWktZmllbGQtbGFiZWwgW2NvbmZpZ109XCJjb25maWdcIj48L2d1aS1maWVsZC1sYWJlbD5cbiAgPC9tYXQtaGludD5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

package/esm2022/gui-form.mjs

@@ -0,0 +1,223 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
+import { FormArray, FormControl, FormGroup } from '@angular/forms';
+import { Subscription } 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/icon";
+import * as i4 from "@angular/material/button";
+import * as i5 from "@angular/material/tabs";
+import * as i6 from "@angular/material/expansion";
+import * as i7 from "./input-text/input-text";
+import * as i8 from "./input-number/input-number";
+import * as i9 from "./select/select";
+import * as i10 from "./switch/switch";
+import * as i11 from "./slider/slider";
+import * as i12 from "./button-toggle/button-toggle";
+import * as i13 from "./fill/fill";
+import * as i14 from "./field-group/field-group";
+import * as i15 from "./field-label/field-label";
+import * as i16 from "./inline-group/inline-group";
+import * as i17 from "./image-select/image-select";
+import * as i18 from "./textarea/textarea";
+import * as i19 from "./file-uploader/file-uploader";
+import * as i20 from "./gui-utils";
+export class GuiForm {
+    constructor(cdr) {
+        this.cdr = cdr;
+        /**
+         * The form instance which allow to track model value and validation status.
+         */
+        this.form = new FormGroup({});
+        /**
+         * The field configurations for building the form.
+         */
+        this.config = {};
+        /**
+         * The model to be represented by the form.
+         */
+        this.model = {};
+        this.formFields = [];
+        this.formSubscription = Subscription.EMPTY;
+    }
+    ngOnChanges(changes) {
+        if (changes['config']) {
+            this.form.controls = {}; // reset controls
+            this.formFields = this.getFormFieldArray(this.form, this.config, this.model);
+        }
+        if (changes['model'] && this.model && Object.keys(this.model).length > 0) {
+            this.form.patchValue(this.model);
+        }
+    }
+    ngOnInit() {
+        this.formSubscription = this.form.valueChanges.subscribe(value => {
+            Object.assign(this.model, value);
+        });
+    }
+    ngOnDestroy() {
+        this.formSubscription.unsubscribe();
+    }
+    /**
+     * Convert the object config to array config and register into the reactive form.
+     *
+     * @param form         The reactive form instance
+     * @param config       The config of the form fields
+     * @param model        The value of the form control
+     * @param defaultValue The default value of the form field
+     * @param parentType   The type of the form field parent
+     * @param options      The reactive form options
+     * @returns
+     */
+    getFormFieldArray(form, config = {}, model = {}, defaultValue = null, parentType = 'group', options = { emitEvent: false }) {
+        const tempArr = [];
+        for (const key of Object.keys(config)) {
+            // Inferring the form type by the data type of `children`
+            // 1. `undefined` => FormControl
+            // 2. `array`     => FormArray
+            // 3. `object`    => FormGroup
+            const _children = config[key].template ? [] : config[key].children;
+            const _type = !_children ? 'control' : Array.isArray(_children) ? 'array' : 'group';
+            const item = {
+                _type,
+                key,
+                parentType,
+                model: model[key],
+                default: defaultValue?.[key],
+                index: Number(key),
+                ...config[key],
+            };
+            // The `group` type generally have no `default`, so we should
+            // set the default value manually
+            if (item.children && model[key] == null && item.default == null) {
+                item.model = model[key] = item._type === 'array' ? [] : {};
+            }
+            // Generate model by the `default` key of the field config
+            if (typeof model === 'object' && model[key] == null) {
+                model[key] = item.default;
+            }
+            // Special judgment on `tabs` type, the `children` key will be ignored if
+            // there has a `template` key
+            if (item.template) {
+                // If model is an array and not empty, the default value of the form field
+                // will use the model's value
+                if (Array.isArray(item.model) && item.model.length > 0) {
+                    item.default = item.model;
+                }
+                if (item.default?.length) {
+                    item.children = item.default.map((value) => {
+                        Object.assign(value, item.template?.default);
+                        return {
+                            default: value,
+                            ...item.template,
+                        };
+                    });
+                }
+                else {
+                    item.children = [];
+                }
+            }
+            if (item._type === 'control') {
+                const formState = { value: item.default, disabled: item.disabled };
+                if (form instanceof FormGroup) {
+                    form.registerControl(item.key, new FormControl(formState));
+                }
+                else if (form instanceof FormArray) {
+                    form.insert(item.index || form.length, new FormControl(formState), options);
+                }
+            }
+            else if (item._type === 'array') {
+                let formArray = new FormArray([]);
+                if (form instanceof FormGroup) {
+                    formArray = form.registerControl(item.key, new FormArray([]));
+                }
+                else if (form instanceof FormArray) {
+                    form.insert(item.index || form.length, formArray, options);
+                }
+                item.children = this.getFormFieldArray(formArray, item.children, item.model, item.default, item.type);
+            }
+            else if (item._type === 'group') {
+                let formGroup = new FormGroup({});
+                if (form instanceof FormGroup) {
+                    formGroup = form.registerControl(item.key, new FormGroup({}));
+                }
+                else if (form instanceof FormArray) {
+                    form.insert(item.index || form.length, formGroup, options);
+                }
+                item.children = this.getFormFieldArray(formGroup, item.children, item.model, item.default, item.type);
+            }
+            tempArr.push(item);
+        }
+        return tempArr;
+    }
+    /**
+     * Add a tab item.
+     *
+     * @param e     The mouse event
+     * @param form  The reactive form instance
+     * @param tabs  The config of the tabs field
+     * @param index The index of the tabs array
+     */
+    addTab(e, form, tabs, index) {
+        e.stopPropagation();
+        const insertIndex = index === void 0 ? tabs.children.length : index + 1;
+        // Save the index of the insertion in the config
+        tabs.template.index = insertIndex;
+        // The key in the object and the index in the array should be the same
+        tabs.children.forEach((child, index) => {
+            if (index >= insertIndex) {
+                child.index += 1;
+                child.key = child.index.toString();
+            }
+        });
+        // The constructed object looks like this `[{ key: 'tab', children: template }]`
+        // The key should preferably be `null`
+        const newTab = this.getFormFieldArray(form, { [insertIndex]: tabs.template }, {}, null, 'tabs', { emitEvent: true });
+        tabs.children.splice(insertIndex, 0, newTab[0]);
+    }
+    /**
+     * Remove a tab item.
+     *
+     * @param e     The mouse event
+     * @param form  The reactive form instance
+     * @param tabs  The config of the tabs field
+     * @param index The index of the tabs array
+     */
+    removeTab(e, form, tabs, index) {
+        e.stopPropagation();
+        const removeIndex = index === void 0 ? tabs.children.length - 1 : index;
+        tabs.children.forEach((child, index) => {
+            if (index > removeIndex) {
+                child.index -= 1;
+                child.key = child.index.toString();
+            }
+        });
+        tabs.children.splice(removeIndex, 1);
+        form.removeAt(removeIndex);
+    }
+    /**
+     * Change the display mode of tabs.
+     *
+     * @param e    The mouse event
+     * @param tabs The config of the tabs field
+     * @param mode The display mode of tabs
+     */
+    changeTabsMode(e, tabs, mode) {
+        e.stopPropagation();
+        tabs.mode = mode;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: GuiForm, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: GuiForm, selector: "gui-form", inputs: { form: "form", config: "config", model: "model" }, host: { classAttribute: "gui-form" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n  <div *ngFor=\"let item of formFields\">\n    <ng-template [ngTemplateOutlet]=\"controlType\"\n                 [ngTemplateOutletContext]=\"{$implicit: item, formGroup: form}\">\n    </ng-template>\n  </div>\n</form>\n\n<ng-template #controlType let-item let-parent=\"parent\" let-form=\"formGroup\">\n  <ng-container [ngSwitch]=\"item.type\" [formGroup]=\"form\">\n    <!-- Text -->\n    <gui-field-group *ngSwitchCase=\"'text'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-input-text [formControlName]=\"item.key\" [config]=\"item\"></gui-input-text>\n    </gui-field-group>\n    <!-- Number -->\n    <gui-field-group *ngSwitchCase=\"'number'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-input-number [formControlName]=\"item.key\" [config]=\"item\"></gui-input-number>\n    </gui-field-group>\n    <!-- Select -->\n    <gui-field-group *ngSwitchCase=\"'select'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-select [formControlName]=\"item.key\" [config]=\"item\"></gui-select>\n    </gui-field-group>\n    <!-- Switch -->\n    <gui-field-group *ngSwitchCase=\"'switch'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-switch [formControlName]=\"item.key\" [config]=\"item\"></gui-switch>\n    </gui-field-group>\n    <!-- Slider -->\n    <gui-field-group *ngSwitchCase=\"'slider'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-slider [formControlName]=\"item.key\" [config]=\"item\"></gui-slider>\n    </gui-field-group>\n    <!-- Button Toggle -->\n    <gui-field-group *ngSwitchCase=\"'buttonToggle'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-button-toggle [formControlName]=\"item.key\" [config]=\"item\"></gui-button-toggle>\n    </gui-field-group>\n    <!-- Fill -->\n    <gui-field-group *ngSwitchCase=\"'fill'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-fill [formControlName]=\"item.key\" [config]=\"item\"></gui-fill>\n    </gui-field-group>\n    <!-- File -->\n    <gui-field-group *ngSwitchCase=\"'file'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Image -->\n    <gui-field-group *ngSwitchCase=\"'image'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader type=\"image\" [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Video -->\n    <gui-field-group *ngSwitchCase=\"'video'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader type=\"video\" [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Audio -->\n    <gui-field-group *ngSwitchCase=\"'audio'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader type=\"audio\" [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Image Select -->\n    <gui-field-group *ngSwitchCase=\"'imageSelect'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-image-select [formControlName]=\"item.key\" [config]=\"item\"></gui-image-select>\n    </gui-field-group>\n    <!-- Textarea -->\n    <gui-field-group *ngSwitchCase=\"'textarea'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-textarea [formControlName]=\"item.key\" [config]=\"item\"></gui-textarea>\n    </gui-field-group>\n    <!-- Hidden Input -->\n    <input *ngSwitchCase=\"'hidden'\" type=\"hidden\" [formControlName]=\"item.key\">\n\n    <!-- Inline Group -->\n    <gui-inline-group *ngSwitchCase=\"'inline'\" [config]=\"item\" [formGroupName]=\"item.key\">\n      <ng-container *ngFor=\"let child of item.children\">\n        <ng-template [ngTemplateOutlet]=\"controlType\"\n                     [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get(item.key)}\">\n        </ng-template>\n      </ng-container>\n    </gui-inline-group>\n\n    <!-- Group -->\n    <mat-expansion-panel *ngSwitchCase=\"'group'\" [formGroupName]=\"item.key\"\n                         [(expanded)]=\"item.expanded\" [disabled]=\"item.disabled\">\n      <mat-expansion-panel-header>\n        <gui-field-label [config]=\"item\"></gui-field-label>\n      </mat-expansion-panel-header>\n      <!-- Lazy rendering -->\n      <ng-template matExpansionPanelContent>\n        <div *ngFor=\"let child of item.children\">\n          <ng-template [ngTemplateOutlet]=\"controlType\"\n                       [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get(item.key)}\">\n          </ng-template>\n        </div>\n      </ng-template>\n    </mat-expansion-panel>\n\n    <!-- Tabs -->\n    <mat-expansion-panel *ngSwitchCase=\"'tabs'\" [formArrayName]=\"item.key\"\n                         [(expanded)]=\"item.expanded\" [disabled]=\"item.disabled\">\n      <mat-expansion-panel-header>\n        <gui-field-label [config]=\"item\"></gui-field-label>\n        <!-- Show operation buttons after panel opened -->\n        <ng-container *ngIf=\"item.expanded\">\n          <button mat-icon-button (click)=\"changeTabsMode($event, item, 'nav')\"\n                  [color]=\"item.mode!=='list'?'primary':''\" type=\"button\">\n            <mat-icon svgIcon=\"dots_horizontal\"></mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"changeTabsMode($event, item, 'list')\"\n                  [color]=\"item.mode==='list'?'primary':''\" type=\"button\">\n            <mat-icon svgIcon=\"dots_vertical\"></mat-icon>\n          </button>\n          <ng-container *ngIf=\"item.template && (item.addable || item.addable===undefined)\">\n            <button mat-icon-button (click)=\"addTab($event, form.get(item.key), item)\"\n                    type=\"button\" [disabled]=\"item.disabled\">\n              <mat-icon svgIcon=\"plus\"></mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"removeTab($event, form.get(item.key), item)\"\n                    type=\"button\" [disabled]=\"item.disabled\">\n              <mat-icon svgIcon=\"delete\"></mat-icon>\n            </button>\n          </ng-container>\n        </ng-container>\n      </mat-expansion-panel-header>\n      <!-- Lazy rendering -->\n      <ng-template matExpansionPanelContent>\n        <!-- Horizontal nav mode -->\n        <mat-tab-group *ngIf=\"item.mode!=='list'\" class=\"gui-tabs\"\n                       [mat-stretch-tabs]=\"false\" disableRipple>\n          <mat-tab *ngFor=\"let tab of item.children; index as i\" [disabled]=\"tab.disabled\">\n            <ng-template mat-tab-label>\n              <div>{{tab.name | ejs:{i} }}</div>\n            </ng-template>\n            <!-- FormControl & FormArray -->\n            <ng-container *ngIf=\"!tab.children || tab.children.length===0 || tab.type==='tabs'\">\n              <ng-template [ngTemplateOutlet]=\"controlType\"\n                           [ngTemplateOutletContext]=\"{$implicit: tab, parent: item, formGroup: form.get([item.key])}\">\n              </ng-template>\n            </ng-container>\n            <!-- FormGroup -->\n            <ng-container *ngIf=\"tab.children?.length>0 && tab.type!=='tabs'\">\n              <div *ngFor=\"let child of tab.children\">\n                <ng-template [ngTemplateOutlet]=\"controlType\"\n                             [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get([item.key, i])}\">\n                </ng-template>\n              </div>\n            </ng-container>\n          </mat-tab>\n        </mat-tab-group>\n\n        <!-- Vertical list mode -->\n        <div class=\"gui-list\" *ngIf=\"item.mode==='list'\">\n          <div class=\"gui-list-item\" *ngFor=\"let tab of item.children; index as i\">\n            <div class=\"gui-list-item-heading\">\n              <span class=\"gui-list-item-title\">{{tab.name | ejs:{i} }}</span>\n              <ng-container *ngIf=\"item.template && (item.addable || item.addable===undefined)\">\n                <button mat-icon-button (click)=\"addTab($event, form.get(item.key), item, i)\"\n                        type=\"button\" [disabled]=\"item.disabled\">\n                  <mat-icon svgIcon=\"plus\"></mat-icon>\n                </button>\n                <button mat-icon-button (click)=\"removeTab($event, form.get(item.key), item, i)\"\n                        type=\"button\" [disabled]=\"item.disabled\">\n                  <mat-icon svgIcon=\"delete\"></mat-icon>\n                </button>\n              </ng-container>\n            </div>\n            <div class=\"gui-list-item-content\">\n              <!-- FormControl & FormArray -->\n              <ng-container *ngIf=\"!tab.children || tab.children.length===0 || tab.type==='tabs'\">\n                <ng-template [ngTemplateOutlet]=\"controlType\"\n                             [ngTemplateOutletContext]=\"{$implicit: tab, parent: item, formGroup: form.get([item.key])}\">\n                </ng-template>\n              </ng-container>\n              <!-- FormGroup -->\n              <ng-container *ngIf=\"tab.children?.length>0 && tab.type!=='tabs'\">\n                <div *ngFor=\"let child of tab.children\">\n                  <ng-template [ngTemplateOutlet]=\"controlType\"\n                               [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get([item.key, i])}\">\n                  </ng-template>\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </mat-expansion-panel>\n\n    <!-- Menu -->\n    <mat-tab-group class=\"gui-menu\" *ngSwitchCase=\"'menu'\" [formGroupName]=\"item.key\" disableRipple>\n      <mat-tab *ngFor=\"let menuChild of item.children\" [label]=\"menuChild.name\"\n               [disabled]=\"menuChild.disabled\">\n        <ng-template matTabContent>\n          <ng-container *ngIf=\"menuChild.type==='menuItem'\">\n            <!-- Must wrap with div -->\n            <div *ngFor=\"let controlItem of menuChild.children\" [formGroupName]=\"menuChild.key\">\n              <ng-template [ngTemplateOutlet]=\"controlType\"\n                           [ngTemplateOutletContext]=\"{$implicit: controlItem, formGroup: form.get([item.key, menuChild.key])}\">\n              </ng-template>\n            </div>\n          </ng-container>\n          <!-- Support for unlimited nesting -->\n          <ng-container *ngIf=\"menuChild.type==='menu'\">\n            <ng-template [ngTemplateOutlet]=\"controlType\"\n                         [ngTemplateOutletContext]=\"{$implicit: menuChild, formGroup: form.get(item.key)}\">\n            </ng-template>\n          </ng-container>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n\n  </ng-container>\n</ng-template>\n", styles: [".gui-form{--mat-form-field-container-text-size: 12px;--mat-expansion-header-text-size: 12px;--mat-expansion-container-text-size: 12px;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 40px;position:relative;font-size:12px}.gui-form .mat-expansion-panel{--mat-expansion-container-shape: 0;box-shadow:none!important}.gui-form .mat-expansion-panel-body{padding:0}.gui-form .mat-expansion-panel-header{padding:0 12px}.gui-form .mat-expansion-panel-header .mat-content{align-items:center;padding-right:8px}.gui-form .mat-expansion-panel-header .mat-content gui-field-label{flex:1}.gui-form .mat-expansion-indicator:after{vertical-align:2px}.gui-form .mat-mdc-tab-header{--mat-tab-header-label-text-size: 12px;--mdc-secondary-navigation-tab-container-height: 24px}.gui-form .mat-mdc-tab{min-width:auto;padding:0 12px}.gui-form .mat-icon{display:inline-flex;justify-content:center;align-items:center;padding:0!important}.gui-form .mat-icon svg{width:14px;height:14px}.gui-form .mat-mdc-icon-button{--mdc-icon-button-state-layer-size: 24px;--mdc-icon-button-icon-size: 14px;padding:0}.gui-form .mat-mdc-icon-button .mat-mdc-button-touch-target{width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size)}.gui-form .mat-mdc-text-field-wrapper,.gui-form .mat-mdc-form-field-hint-wrapper{position:relative;padding:0 8px;border-radius:var(--mdc-filled-text-field-container-shape)}.gui-form .mat-mdc-form-field-infix{min-height:auto;padding:0!important}.gui-form .mat-mdc-form-field-hint-spacer,.gui-form .mat-mdc-form-field-bottom-align:before,.gui-form .mdc-line-ripple{display:none}.gui-list-item-heading{display:flex;align-items:center;position:relative;padding:0 12px;line-height:24px}.gui-list-item-heading .gui-list-item-title{flex:1}.gui-list-item-heading:before{position:absolute;left:0;width:2px;height:16px;background-color:var(--mat-expansion-header-text-color);content:\"\"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i5.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i5.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: i6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i6.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: i7.GuiInputText, selector: "gui-input-text", inputs: ["config", "disabled"] }, { kind: "component", type: i8.GuiInputNumber, selector: "gui-input-number", inputs: ["config", "disabled"] }, { kind: "component", type: i9.GuiSelect, selector: "gui-select", inputs: ["config", "disabled"] }, { kind: "component", type: i10.GuiSwitch, selector: "gui-switch", inputs: ["config", "disabled"] }, { kind: "component", type: i11.GuiSlider, selector: "gui-slider", inputs: ["config", "disabled"] }, { kind: "component", type: i12.GuiButtonToggle, selector: "gui-button-toggle", inputs: ["config", "disabled"] }, { kind: "component", type: i13.GuiFill, selector: "gui-fill", inputs: ["config", "disabled"] }, { kind: "component", type: i14.GuiFieldGroup, selector: "gui-field-group", inputs: ["config"] }, { kind: "component", type: i15.GuiFieldLabel, selector: "gui-field-label", inputs: ["config", "index"] }, { kind: "component", type: i16.GuiInlineGroup, selector: "gui-inline-group", inputs: ["config"] }, { kind: "component", type: i17.GuiImageSelect, selector: "gui-image-select", inputs: ["config", "disabled"] }, { kind: "component", type: i18.GuiTextarea, selector: "gui-textarea", inputs: ["config", "disabled"] }, { kind: "component", type: i19.GuiFileUploader, selector: "gui-file-uploader", inputs: ["type", "name", "accept", "disabled"], outputs: ["fileChange"] }, { kind: "directive", type: i20.GuiFlexDirective, selector: "[flex]", inputs: ["flex"] }, { kind: "pipe", type: i20.GuiEjsPipe, name: "ejs" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: GuiForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'gui-form', host: {
+                        class: 'gui-form',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<form [formGroup]=\"form\">\n  <div *ngFor=\"let item of formFields\">\n    <ng-template [ngTemplateOutlet]=\"controlType\"\n                 [ngTemplateOutletContext]=\"{$implicit: item, formGroup: form}\">\n    </ng-template>\n  </div>\n</form>\n\n<ng-template #controlType let-item let-parent=\"parent\" let-form=\"formGroup\">\n  <ng-container [ngSwitch]=\"item.type\" [formGroup]=\"form\">\n    <!-- Text -->\n    <gui-field-group *ngSwitchCase=\"'text'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-input-text [formControlName]=\"item.key\" [config]=\"item\"></gui-input-text>\n    </gui-field-group>\n    <!-- Number -->\n    <gui-field-group *ngSwitchCase=\"'number'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-input-number [formControlName]=\"item.key\" [config]=\"item\"></gui-input-number>\n    </gui-field-group>\n    <!-- Select -->\n    <gui-field-group *ngSwitchCase=\"'select'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-select [formControlName]=\"item.key\" [config]=\"item\"></gui-select>\n    </gui-field-group>\n    <!-- Switch -->\n    <gui-field-group *ngSwitchCase=\"'switch'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-switch [formControlName]=\"item.key\" [config]=\"item\"></gui-switch>\n    </gui-field-group>\n    <!-- Slider -->\n    <gui-field-group *ngSwitchCase=\"'slider'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-slider [formControlName]=\"item.key\" [config]=\"item\"></gui-slider>\n    </gui-field-group>\n    <!-- Button Toggle -->\n    <gui-field-group *ngSwitchCase=\"'buttonToggle'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-button-toggle [formControlName]=\"item.key\" [config]=\"item\"></gui-button-toggle>\n    </gui-field-group>\n    <!-- Fill -->\n    <gui-field-group *ngSwitchCase=\"'fill'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-fill [formControlName]=\"item.key\" [config]=\"item\"></gui-fill>\n    </gui-field-group>\n    <!-- File -->\n    <gui-field-group *ngSwitchCase=\"'file'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Image -->\n    <gui-field-group *ngSwitchCase=\"'image'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader type=\"image\" [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Video -->\n    <gui-field-group *ngSwitchCase=\"'video'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader type=\"video\" [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Audio -->\n    <gui-field-group *ngSwitchCase=\"'audio'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-file-uploader type=\"audio\" [formControlName]=\"item.key\"></gui-file-uploader>\n    </gui-field-group>\n    <!-- Image Select -->\n    <gui-field-group *ngSwitchCase=\"'imageSelect'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-image-select [formControlName]=\"item.key\" [config]=\"item\"></gui-image-select>\n    </gui-field-group>\n    <!-- Textarea -->\n    <gui-field-group *ngSwitchCase=\"'textarea'\" [config]=\"item\" [flex]=\"item.col\">\n      <gui-textarea [formControlName]=\"item.key\" [config]=\"item\"></gui-textarea>\n    </gui-field-group>\n    <!-- Hidden Input -->\n    <input *ngSwitchCase=\"'hidden'\" type=\"hidden\" [formControlName]=\"item.key\">\n\n    <!-- Inline Group -->\n    <gui-inline-group *ngSwitchCase=\"'inline'\" [config]=\"item\" [formGroupName]=\"item.key\">\n      <ng-container *ngFor=\"let child of item.children\">\n        <ng-template [ngTemplateOutlet]=\"controlType\"\n                     [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get(item.key)}\">\n        </ng-template>\n      </ng-container>\n    </gui-inline-group>\n\n    <!-- Group -->\n    <mat-expansion-panel *ngSwitchCase=\"'group'\" [formGroupName]=\"item.key\"\n                         [(expanded)]=\"item.expanded\" [disabled]=\"item.disabled\">\n      <mat-expansion-panel-header>\n        <gui-field-label [config]=\"item\"></gui-field-label>\n      </mat-expansion-panel-header>\n      <!-- Lazy rendering -->\n      <ng-template matExpansionPanelContent>\n        <div *ngFor=\"let child of item.children\">\n          <ng-template [ngTemplateOutlet]=\"controlType\"\n                       [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get(item.key)}\">\n          </ng-template>\n        </div>\n      </ng-template>\n    </mat-expansion-panel>\n\n    <!-- Tabs -->\n    <mat-expansion-panel *ngSwitchCase=\"'tabs'\" [formArrayName]=\"item.key\"\n                         [(expanded)]=\"item.expanded\" [disabled]=\"item.disabled\">\n      <mat-expansion-panel-header>\n        <gui-field-label [config]=\"item\"></gui-field-label>\n        <!-- Show operation buttons after panel opened -->\n        <ng-container *ngIf=\"item.expanded\">\n          <button mat-icon-button (click)=\"changeTabsMode($event, item, 'nav')\"\n                  [color]=\"item.mode!=='list'?'primary':''\" type=\"button\">\n            <mat-icon svgIcon=\"dots_horizontal\"></mat-icon>\n          </button>\n          <button mat-icon-button (click)=\"changeTabsMode($event, item, 'list')\"\n                  [color]=\"item.mode==='list'?'primary':''\" type=\"button\">\n            <mat-icon svgIcon=\"dots_vertical\"></mat-icon>\n          </button>\n          <ng-container *ngIf=\"item.template && (item.addable || item.addable===undefined)\">\n            <button mat-icon-button (click)=\"addTab($event, form.get(item.key), item)\"\n                    type=\"button\" [disabled]=\"item.disabled\">\n              <mat-icon svgIcon=\"plus\"></mat-icon>\n            </button>\n            <button mat-icon-button (click)=\"removeTab($event, form.get(item.key), item)\"\n                    type=\"button\" [disabled]=\"item.disabled\">\n              <mat-icon svgIcon=\"delete\"></mat-icon>\n            </button>\n          </ng-container>\n        </ng-container>\n      </mat-expansion-panel-header>\n      <!-- Lazy rendering -->\n      <ng-template matExpansionPanelContent>\n        <!-- Horizontal nav mode -->\n        <mat-tab-group *ngIf=\"item.mode!=='list'\" class=\"gui-tabs\"\n                       [mat-stretch-tabs]=\"false\" disableRipple>\n          <mat-tab *ngFor=\"let tab of item.children; index as i\" [disabled]=\"tab.disabled\">\n            <ng-template mat-tab-label>\n              <div>{{tab.name | ejs:{i} }}</div>\n            </ng-template>\n            <!-- FormControl & FormArray -->\n            <ng-container *ngIf=\"!tab.children || tab.children.length===0 || tab.type==='tabs'\">\n              <ng-template [ngTemplateOutlet]=\"controlType\"\n                           [ngTemplateOutletContext]=\"{$implicit: tab, parent: item, formGroup: form.get([item.key])}\">\n              </ng-template>\n            </ng-container>\n            <!-- FormGroup -->\n            <ng-container *ngIf=\"tab.children?.length>0 && tab.type!=='tabs'\">\n              <div *ngFor=\"let child of tab.children\">\n                <ng-template [ngTemplateOutlet]=\"controlType\"\n                             [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get([item.key, i])}\">\n                </ng-template>\n              </div>\n            </ng-container>\n          </mat-tab>\n        </mat-tab-group>\n\n        <!-- Vertical list mode -->\n        <div class=\"gui-list\" *ngIf=\"item.mode==='list'\">\n          <div class=\"gui-list-item\" *ngFor=\"let tab of item.children; index as i\">\n            <div class=\"gui-list-item-heading\">\n              <span class=\"gui-list-item-title\">{{tab.name | ejs:{i} }}</span>\n              <ng-container *ngIf=\"item.template && (item.addable || item.addable===undefined)\">\n                <button mat-icon-button (click)=\"addTab($event, form.get(item.key), item, i)\"\n                        type=\"button\" [disabled]=\"item.disabled\">\n                  <mat-icon svgIcon=\"plus\"></mat-icon>\n                </button>\n                <button mat-icon-button (click)=\"removeTab($event, form.get(item.key), item, i)\"\n                        type=\"button\" [disabled]=\"item.disabled\">\n                  <mat-icon svgIcon=\"delete\"></mat-icon>\n                </button>\n              </ng-container>\n            </div>\n            <div class=\"gui-list-item-content\">\n              <!-- FormControl & FormArray -->\n              <ng-container *ngIf=\"!tab.children || tab.children.length===0 || tab.type==='tabs'\">\n                <ng-template [ngTemplateOutlet]=\"controlType\"\n                             [ngTemplateOutletContext]=\"{$implicit: tab, parent: item, formGroup: form.get([item.key])}\">\n                </ng-template>\n              </ng-container>\n              <!-- FormGroup -->\n              <ng-container *ngIf=\"tab.children?.length>0 && tab.type!=='tabs'\">\n                <div *ngFor=\"let child of tab.children\">\n                  <ng-template [ngTemplateOutlet]=\"controlType\"\n                               [ngTemplateOutletContext]=\"{$implicit: child, parent: item, formGroup: form.get([item.key, i])}\">\n                  </ng-template>\n                </div>\n              </ng-container>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </mat-expansion-panel>\n\n    <!-- Menu -->\n    <mat-tab-group class=\"gui-menu\" *ngSwitchCase=\"'menu'\" [formGroupName]=\"item.key\" disableRipple>\n      <mat-tab *ngFor=\"let menuChild of item.children\" [label]=\"menuChild.name\"\n               [disabled]=\"menuChild.disabled\">\n        <ng-template matTabContent>\n          <ng-container *ngIf=\"menuChild.type==='menuItem'\">\n            <!-- Must wrap with div -->\n            <div *ngFor=\"let controlItem of menuChild.children\" [formGroupName]=\"menuChild.key\">\n              <ng-template [ngTemplateOutlet]=\"controlType\"\n                           [ngTemplateOutletContext]=\"{$implicit: controlItem, formGroup: form.get([item.key, menuChild.key])}\">\n              </ng-template>\n            </div>\n          </ng-container>\n          <!-- Support for unlimited nesting -->\n          <ng-container *ngIf=\"menuChild.type==='menu'\">\n            <ng-template [ngTemplateOutlet]=\"controlType\"\n                         [ngTemplateOutletContext]=\"{$implicit: menuChild, formGroup: form.get(item.key)}\">\n            </ng-template>\n          </ng-container>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n\n  </ng-container>\n</ng-template>\n", styles: [".gui-form{--mat-form-field-container-text-size: 12px;--mat-expansion-header-text-size: 12px;--mat-expansion-container-text-size: 12px;--mat-expansion-header-collapsed-state-height: 40px;--mat-expansion-header-expanded-state-height: 40px;position:relative;font-size:12px}.gui-form .mat-expansion-panel{--mat-expansion-container-shape: 0;box-shadow:none!important}.gui-form .mat-expansion-panel-body{padding:0}.gui-form .mat-expansion-panel-header{padding:0 12px}.gui-form .mat-expansion-panel-header .mat-content{align-items:center;padding-right:8px}.gui-form .mat-expansion-panel-header .mat-content gui-field-label{flex:1}.gui-form .mat-expansion-indicator:after{vertical-align:2px}.gui-form .mat-mdc-tab-header{--mat-tab-header-label-text-size: 12px;--mdc-secondary-navigation-tab-container-height: 24px}.gui-form .mat-mdc-tab{min-width:auto;padding:0 12px}.gui-form .mat-icon{display:inline-flex;justify-content:center;align-items:center;padding:0!important}.gui-form .mat-icon svg{width:14px;height:14px}.gui-form .mat-mdc-icon-button{--mdc-icon-button-state-layer-size: 24px;--mdc-icon-button-icon-size: 14px;padding:0}.gui-form .mat-mdc-icon-button .mat-mdc-button-touch-target{width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size)}.gui-form .mat-mdc-text-field-wrapper,.gui-form .mat-mdc-form-field-hint-wrapper{position:relative;padding:0 8px;border-radius:var(--mdc-filled-text-field-container-shape)}.gui-form .mat-mdc-form-field-infix{min-height:auto;padding:0!important}.gui-form .mat-mdc-form-field-hint-spacer,.gui-form .mat-mdc-form-field-bottom-align:before,.gui-form .mdc-line-ripple{display:none}.gui-list-item-heading{display:flex;align-items:center;position:relative;padding:0 12px;line-height:24px}.gui-list-item-heading .gui-list-item-title{flex:1}.gui-list-item-heading:before{position:absolute;left:0;width:2px;height:16px;background-color:var(--mat-expansion-header-text-color);content:\"\"}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { form: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VpLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9ndWkvZ3VpLWZvcm0udHMiLCIuLi8uLi8uLi9wcm9qZWN0cy9ndWkvZ3VpLWZvcm0uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEVBS0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFhcEMsTUFBTSxPQUFPLE9BQU87SUFvQmxCLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBbkIxQzs7V0FFRztRQUNNLFNBQUksR0FBRyxJQUFJLFNBQVMsQ0FBTSxFQUFFLENBQUMsQ0FBQztRQUV2Qzs7V0FFRztRQUNNLFdBQU0sR0FBYyxFQUFFLENBQUM7UUFFaEM7O1dBRUc7UUFDTSxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBRXpCLGVBQVUsR0FBaUIsRUFBRSxDQUFDO1FBRTlCLHFCQUFnQixHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7SUFFTyxDQUFDO0lBRTlDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxpQkFBaUI7WUFDMUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5RTtRQUVELElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUN4RSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEM7SUFDSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDL0QsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVEOzs7Ozs7Ozs7O09BVUc7SUFDSCxpQkFBaUIsQ0FDZixJQUEyQixFQUMzQixTQUFtQyxFQUFFLEVBQ3JDLFFBQTZCLEVBQUUsRUFDL0IsZUFBb0IsSUFBSSxFQUN4QixhQUEyQixPQUFPLEVBQ2xDLFVBQXVELEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRTtRQUUzRSxNQUFNLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFFbkIsS0FBSyxNQUFNLEdBQUcsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3JDLHlEQUF5RDtZQUN6RCxnQ0FBZ0M7WUFDaEMsOEJBQThCO1lBQzlCLDhCQUE4QjtZQUM5QixNQUFNLFNBQVMsR0FBSSxNQUFjLENBQUMsR0FBRyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFFLE1BQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUM7WUFDckYsTUFBTSxLQUFLLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7WUFFcEYsTUFBTSxJQUFJLEdBQWU7Z0JBQ3ZCLEtBQUs7Z0JBQ0wsR0FBRztnQkFDSCxVQUFVO2dCQUNWLEtBQUssRUFBRSxLQUFLLENBQUMsR0FBRyxDQUFDO2dCQUNqQixPQUFPLEVBQUUsWUFBWSxFQUFFLENBQUMsR0FBRyxDQUFDO2dCQUM1QixLQUFLLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQztnQkFDbEIsR0FBSSxNQUFjLENBQUMsR0FBRyxDQUFDO2FBQ3hCLENBQUM7WUFFRiw2REFBNkQ7WUFDN0QsaUNBQWlDO1lBQ2pDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxFQUFFO2dCQUMvRCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7YUFDNUQ7WUFFRCwwREFBMEQ7WUFDMUQsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksRUFBRTtnQkFDbkQsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7YUFDM0I7WUFFRCx5RUFBeUU7WUFDekUsNkJBQTZCO1lBQzdCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDakIsMEVBQTBFO2dCQUMxRSw2QkFBNkI7Z0JBQzdCLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO29CQUN0RCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7aUJBQzNCO2dCQUNELElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUU7b0JBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTt3QkFDOUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQzt3QkFDN0MsT0FBTzs0QkFDTCxPQUFPLEVBQUUsS0FBSzs0QkFDZCxHQUFHLElBQUksQ0FBQyxRQUFRO3lCQUNqQixDQUFDO29CQUNKLENBQUMsQ0FBQyxDQUFDO2lCQUNKO3FCQUFNO29CQUNMLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO2lCQUNwQjthQUNGO1lBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsRUFBRTtnQkFDNUIsTUFBTSxTQUFTLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUNuRSxJQUFJLElBQUksWUFBWSxTQUFTLEVBQUU7b0JBQzdCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO2lCQUM1RDtxQkFBTSxJQUFJLElBQUksWUFBWSxTQUFTLEVBQUU7b0JBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksV0FBVyxDQUFDLFNBQVMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxDQUFDO2lCQUM3RTthQUNGO2lCQUFNLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLEVBQUU7Z0JBQ2pDLElBQUksU0FBUyxHQUFHLElBQUksU0FBUyxDQUFNLEVBQUUsQ0FBQyxDQUFDO2dCQUN2QyxJQUFJLElBQUksWUFBWSxTQUFTLEVBQUU7b0JBQzdCLFNBQVMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsSUFBSSxTQUFTLENBQUMsRUFBRSxDQUFDLENBQWMsQ0FBQztpQkFDNUU7cUJBQU0sSUFBSSxJQUFJLFlBQVksU0FBUyxFQUFFO29CQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUM7aUJBQzVEO2dCQUVELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUNwQyxTQUFTLEVBQ1QsSUFBSSxDQUFDLFFBQVEsRUFDYixJQUFJLENBQUMsS0FBSyxFQUNWLElBQUksQ0FBQyxPQUFPLEVBQ1osSUFBSSxDQUFDLElBQUksQ0FDVixDQUFDO2FBQ0g7aUJBQU0sSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLE9BQU8sRUFBRTtnQkFDakMsSUFBSSxTQUFTLEdBQUcsSUFBSSxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7Z0JBQ2xDLElBQUksSUFBSSxZQUFZLFNBQVMsRUFBRTtvQkFDN0IsU0FBUyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBYyxDQUFDO2lCQUM1RTtxQkFBTSxJQUFJLElBQUksWUFBWSxTQUFTLEVBQUU7b0JBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQztpQkFDNUQ7Z0JBRUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQ3BDLFNBQVMsRUFDVCxJQUFJLENBQUMsUUFBUSxFQUNiLElBQUksQ0FBQyxLQUFLLEVBQ1YsSUFBSSxDQUFDLE9BQU8sRUFDWixJQUFJLENBQUMsSUFBSSxDQUNWLENBQUM7YUFDSDtZQUVELE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDcEI7UUFFRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDO0lBRUQ7Ozs7Ozs7T0FPRztJQUNILE1BQU0sQ0FBQyxDQUFhLEVBQUUsSUFBZSxFQUFFLElBQWdCLEVBQUUsS0FBYztRQUNyRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDcEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUN6RSxnREFBZ0Q7UUFDaEQsSUFBSSxDQUFDLFFBQVMsQ0FBQyxLQUFLLEdBQUcsV0FBVyxDQUFDO1FBQ25DLHNFQUFzRTtRQUN0RSxJQUFJLENBQUMsUUFBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUN0QyxJQUFJLEtBQUssSUFBSSxXQUFXLEVBQUU7Z0JBQ3hCLEtBQUssQ0FBQyxLQUFNLElBQUksQ0FBQyxDQUFDO2dCQUNsQixLQUFLLENBQUMsR0FBRyxHQUFHLEtBQUssQ0FBQyxLQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7YUFDckM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILGdGQUFnRjtRQUNoRixzQ0FBc0M7UUFDdEMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUNuQyxJQUFJLEVBQ0osRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQWUsRUFDN0MsRUFBRSxFQUNGLElBQUksRUFDSixNQUFNLEVBQ04sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQ3BCLENBQUM7UUFDRixJQUFJLENBQUMsUUFBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRDs7Ozs7OztPQU9HO0lBQ0gsU0FBUyxDQUFDLENBQWEsRUFBRSxJQUFlLEVBQUUsSUFBZ0IsRUFBRSxLQUFjO1FBQ3hFLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNwQixNQUFNLFdBQVcsR0FBRyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxRQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ3RDLElBQUksS0FBSyxHQUFHLFdBQVcsRUFBRTtnQkFDdkIsS0FBSyxDQUFDLEtBQU0sSUFBSSxDQUFDLENBQUM7Z0JBQ2xCLEtBQUssQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLEtBQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQzthQUNyQztRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNILGNBQWMsQ0FBQyxDQUFhLEVBQUUsSUFBZ0IsRUFBRSxJQUFrQjtRQUNoRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDbkIsQ0FBQzs4R0EvTlUsT0FBTztrR0FBUCxPQUFPLHVLQ3pCcEIsODdVQTZNQTs7MkZEcExhLE9BQU87a0JBVm5CLFNBQVM7K0JBQ0UsVUFBVSxRQUdkO3dCQUNKLEtBQUssRUFBRSxVQUFVO3FCQUNsQixpQkFDYyxpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3dHQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUFycmF5LCBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBHdWlDb250cm9sLCBHdWlGaWVsZFR5cGUsIEd1aUZpZWxkcywgR3VpVGFic01vZGUgfSBmcm9tICcuL2ludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2d1aS1mb3JtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2d1aS1mb3JtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ndWktZm9ybS5zY3NzJ10sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2d1aS1mb3JtJyxcbiAgfSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEd1aUZvcm0gaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIFRoZSBmb3JtIGluc3RhbmNlIHdoaWNoIGFsbG93IHRvIHRyYWNrIG1vZGVsIHZhbHVlIGFuZCB2YWxpZGF0aW9uIHN0YXR1cy5cbiAgICovXG4gIEBJbnB1dCgpIGZvcm0gPSBuZXcgRm9ybUdyb3VwPGFueT4oe30pO1xuXG4gIC8qKlxuICAgKiBUaGUgZmllbGQgY29uZmlndXJhdGlvbnMgZm9yIGJ1aWxkaW5nIHRoZSBmb3JtLlxuICAgKi9cbiAgQElucHV0KCkgY29uZmlnOiBHdWlGaWVsZHMgPSB7fTtcblxuICAvKipcbiAgICogVGhlIG1vZGVsIHRvIGJlIHJlcHJlc2VudGVkIGJ5IHRoZSBmb3JtLlxuICAgKi9cbiAgQElucHV0KCkgbW9kZWw6IGFueSA9IHt9O1xuXG4gIGZvcm1GaWVsZHM6IEd1aUNvbnRyb2xbXSA9IFtdO1xuXG4gIGZvcm1TdWJzY3JpcHRpb24gPSBTdWJzY3JpcHRpb24uRU1QVFk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snY29uZmlnJ10pIHtcbiAgICAgIHRoaXMuZm9ybS5jb250cm9scyA9IHt9OyAvLyByZXNldCBjb250cm9sc1xuICAgICAgdGhpcy5mb3JtRmllbGRzID0gdGhpcy5nZXRGb3JtRmllbGRBcnJheSh0aGlzLmZvcm0sIHRoaXMuY29uZmlnLCB0aGlzLm1vZGVsKTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlc1snbW9kZWwnXSAmJiB0aGlzLm1vZGVsICYmIE9iamVjdC5rZXlzKHRoaXMubW9kZWwpLmxlbmd0aCA+IDApIHtcbiAgICAgIHRoaXMuZm9ybS5wYXRjaFZhbHVlKHRoaXMubW9kZWwpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybVN1YnNjcmlwdGlvbiA9IHRoaXMuZm9ybS52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKHZhbHVlID0+IHtcbiAgICAgIE9iamVjdC5hc3NpZ24odGhpcy5tb2RlbCwgdmFsdWUpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICAvKipcbiAgICogQ29udmVydCB0aGUgb2JqZWN0IGNvbmZpZyB0byBhcnJheSBjb25maWcgYW5kIHJlZ2lzdGVyIGludG8gdGhlIHJlYWN0aXZlIGZvcm0uXG4gICAqXG4gICAqIEBwYXJhbSBmb3JtICAgICAgICAgVGhlIHJlYWN0aXZlIGZvcm0gaW5zdGFuY2VcbiAgICogQHBhcmFtIGNvbmZpZyAgICAgICBUaGUgY29uZmlnIG9mIHRoZSBmb3JtIGZpZWxkc1xuICAgKiBAcGFyYW0gbW9kZWwgICAgICAgIFRoZSB2YWx1ZSBvZiB0aGUgZm9ybSBjb250cm9sXG4gICAqIEBwYXJhbSBkZWZhdWx0VmFsdWUgVGhlIGRlZmF1bHQgdmFsdWUgb2YgdGhlIGZvcm0gZmllbGRcbiAgICogQHBhcmFtIHBhcmVudFR5cGUgICBUaGUgdHlwZSBvZiB0aGUgZm9ybSBmaWVsZCBwYXJlbnRcbiAgICogQHBhcmFtIG9wdGlvbnMgICAgICBUaGUgcmVhY3RpdmUgZm9ybSBvcHRpb25zXG4gICAqIEByZXR1cm5zXG4gICAqL1xuICBnZXRGb3JtRmllbGRBcnJheShcbiAgICBmb3JtOiBGb3JtR3JvdXAgfCBGb3JtQXJyYXksXG4gICAgY29uZmlnOiBHdWlGaWVsZHMgfCBHdWlDb250cm9sW10gPSB7fSxcbiAgICBtb2RlbDogUmVjb3JkPHN0cmluZywgYW55PiA9IHt9LFxuICAgIGRlZmF1bHRWYWx1ZTogYW55ID0gbnVsbCxcbiAgICBwYXJlbnRUeXBlOiBHdWlGaWVsZFR5cGUgPSAnZ3JvdXAnLFxuICAgIG9wdGlvbnM6IHsgb25seVNlbGY/OiBib29sZWFuOyBlbWl0RXZlbnQ/OiBib29sZWFuIH0gPSB7IGVtaXRFdmVudDogZmFsc2UgfVxuICApIHtcbiAgICBjb25zdCB0ZW1wQXJyID0gW107XG5cbiAgICBmb3IgKGNvbnN0IGtleSBvZiBPYmplY3Qua2V5cyhjb25maWcpKSB7XG4gICAgICAvLyBJbmZlcnJpbmcgdGhlIGZvcm0gdHlwZSBieSB0aGUgZGF0YSB0eXBlIG9mIGBjaGlsZHJlbmBcbiAgICAgIC8vIDEuIGB1bmRlZmluZWRgID0+IEZvcm1Db250cm9sXG4gICAgICAvLyAyLiBgYXJyYXlgICAgICA9PiBGb3JtQXJyYXlcbiAgICAgIC8vIDMuIGBvYmplY3RgICAgID0+IEZvcm1Hcm91cFxuICAgICAgY29uc3QgX2NoaWxkcmVuID0gKGNvbmZpZyBhcyBhbnkpW2tleV0udGVtcGxhdGUgPyBbXSA6IChjb25maWcgYXMgYW55KVtrZXldLmNoaWxkcmVuO1xuICAgICAgY29uc3QgX3R5cGUgPSAhX2NoaWxkcmVuID8gJ2NvbnRyb2wnIDogQXJyYXkuaXNBcnJheShfY2hpbGRyZW4pID8gJ2FycmF5JyA6ICdncm91cCc7XG5cbiAgICAgIGNvbnN0IGl0ZW06IEd1aUNvbnRyb2wgPSB7XG4gICAgICAgIF90eXBlLFxuICAgICAgICBrZXksXG4gICAgICAgIHBhcmVudFR5cGUsXG4gICAgICAgIG1vZGVsOiBtb2RlbFtrZXldLFxuICAgICAgICBkZWZhdWx0OiBkZWZhdWx0VmFsdWU/LltrZXldLFxuICAgICAgICBpbmRleDogTnVtYmVyKGtleSksIC8vIHRoZSBzdHJpbmcga2V5IHdpbGwgYmUgYE5hTmBcbiAgICAgICAgLi4uKGNvbmZpZyBhcyBhbnkpW2tleV0sXG4gICAgICB9O1xuXG4gICAgICAvLyBUaGUgYGdyb3VwYCB0eXBlIGdlbmVyYWxseSBoYXZlIG5vIGBkZWZhdWx0YCwgc28gd2Ugc2hvdWxkXG4gICAgICAvLyBzZXQgdGhlIGRlZmF1bHQgdmFsdWUgbWFudWFsbHlcbiAgICAgIGlmIChpdGVtLmNoaWxkcmVuICYmIG1vZGVsW2tleV0gPT0gbnVsbCAmJiBpdGVtLmRlZmF1bHQgPT0gbnVsbCkge1xuICAgICAgICBpdGVtLm1vZGVsID0gbW9kZWxba2V5XSA9IGl0ZW0uX3R5cGUgPT09ICdhcnJheScgPyBbXSA6IHt9O1xuICAgICAgfVxuXG4gICAgICAvLyBHZW5lcmF0ZSBtb2RlbCBieSB0aGUgYGRlZmF1bHRgIGtleSBvZiB0aGUgZmllbGQgY29uZmlnXG4gICAgICBpZiAodHlwZW9mIG1vZGVsID09PSAnb2JqZWN0JyAmJiBtb2RlbFtrZXldID09IG51bGwpIHtcbiAgICAgICAgbW9kZWxba2V5XSA9IGl0ZW0uZGVmYXVsdDtcbiAgICAgIH1cblxuICAgICAgLy8gU3BlY2lhbCBqdWRnbWVudCBvbiBgdGFic2AgdHlwZSwgdGhlIGBjaGlsZHJlbmAga2V5IHdpbGwgYmUgaWdub3JlZCBpZlxuICAgICAgLy8gdGhlcmUgaGFzIGEgYHRlbXBsYXRlYCBrZXlcbiAgICAgIGlmIChpdGVtLnRlbXBsYXRlKSB7XG4gICAgICAgIC8vIElmIG1vZGVsIGlzIGFuIGFycmF5IGFuZCBub3QgZW1wdHksIHRoZSBkZWZhdWx0IHZhbHVlIG9mIHRoZSBmb3JtIGZpZWxkXG4gICAgICAgIC8vIHdpbGwgdXNlIHRoZSBtb2RlbCdzIHZhbHVlXG4gICAgICAgIGlmIChBcnJheS5pc0FycmF5KGl0ZW0ubW9kZWwpICYmIGl0ZW0ubW9kZWwubGVuZ3RoID4gMCkge1xuICAgICAgICAgIGl0ZW0uZGVmYXVsdCA9IGl0ZW0ubW9kZWw7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGl0ZW0uZGVmYXVsdD8ubGVuZ3RoKSB7XG4gICAgICAgICAgaXRlbS5jaGlsZHJlbiA9IGl0ZW0uZGVmYXVsdC5tYXAoKHZhbHVlOiBhbnkpID0+IHtcbiAgICAgICAgICAgIE9iamVjdC5hc3NpZ24odmFsdWUsIGl0ZW0udGVtcGxhdGU/LmRlZmF1bHQpO1xuICAgICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgICAgZGVmYXVsdDogdmFsdWUsXG4gICAgICAgICAgICAgIC4uLml0ZW0udGVtcGxhdGUsXG4gICAgICAgICAgICB9O1xuICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGl0ZW0uY2hpbGRyZW4gPSBbXTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBpZiAoaXRlbS5fdHlwZSA9PT0gJ2NvbnRyb2wnKSB7XG4gICAgICAgIGNvbnN0IGZvcm1TdGF0ZSA9IHsgdmFsdWU6IGl0ZW0uZGVmYXVsdCwgZGlzYWJsZWQ6IGl0ZW0uZGlzYWJsZWQgfTtcbiAgICAgICAgaWYgKGZvcm0gaW5zdGFuY2VvZiBGb3JtR3JvdXApIHtcbiAgICAgICAgICBmb3JtLnJlZ2lzdGVyQ29udHJvbChpdGVtLmtleSwgbmV3IEZvcm1Db250cm9sKGZvcm1TdGF0ZSkpO1xuICAgICAgICB9IGVsc2UgaWYgKGZvcm0gaW5zdGFuY2VvZiBGb3JtQXJyYXkpIHtcbiAgICAgICAgICBmb3JtLmluc2VydChpdGVtLmluZGV4IHx8IGZvcm0ubGVuZ3RoLCBuZXcgRm9ybUNvbnRyb2woZm9ybVN0YXRlKSwgb3B0aW9ucyk7XG4gICAgICAgIH1cbiAgICAgIH0gZWxzZSBpZiAoaXRlbS5fdHlwZSA9PT0gJ2FycmF5Jykge1xuICAgICAgICBsZXQgZm9ybUFycmF5ID0gbmV3IEZvcm1BcnJheTxhbnk+KFtdKTtcbiAgICAgICAgaWYgKGZvcm0gaW5zdGFuY2VvZiBGb3JtR3JvdXApIHtcbiAgICAgICAgICBmb3JtQXJyYXkgPSBmb3JtLnJlZ2lzdGVyQ29udHJvbChpdGVtLmtleSwgbmV3IEZvcm1BcnJheShbXSkpIGFzIEZvcm1BcnJheTtcbiAgICAgICAgfSBlbHNlIGlmIChmb3JtIGluc3RhbmNlb2YgRm9ybUFycmF5KSB7XG4gICAgICAgICAgZm9ybS5pbnNlcnQoaXRlbS5pbmRleCB8fCBmb3JtLmxlbmd0aCwgZm9ybUFycmF5LCBvcHRpb25zKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGl0ZW0uY2hpbGRyZW4gPSB0aGlzLmdldEZvcm1GaWVsZEFycmF5KFxuICAgICAgICAgIGZvcm1BcnJheSxcbiAgICAgICAgICBpdGVtLmNoaWxkcmVuLFxuICAgICAgICAgIGl0ZW0ubW9kZWwsXG4gICAgICAgICAgaXRlbS5kZWZhdWx0LFxuICAgICAgICAgIGl0ZW0udHlwZVxuICAgICAgICApO1xuICAgICAgfSBlbHNlIGlmIChpdGVtLl90eXBlID09PSAnZ3JvdXAnKSB7XG4gICAgICAgIGxldCBmb3JtR3JvdXAgPSBuZXcgRm9ybUdyb3VwKHt9KTtcbiAgICAgICAgaWYgKGZvcm0gaW5zdGFuY2VvZiBGb3JtR3JvdXApIHtcbiAgICAgICAgICBmb3JtR3JvdXAgPSBmb3JtLnJlZ2lzdGVyQ29udHJvbChpdGVtLmtleSwgbmV3IEZvcm1Hcm91cCh7fSkpIGFzIEZvcm1Hcm91cDtcbiAgICAgICAgfSBlbHNlIGlmIChmb3JtIGluc3RhbmNlb2YgRm9ybUFycmF5KSB7XG4gICAgICAgICAgZm9ybS5pbnNlcnQoaXRlbS5pbmRleCB8fCBmb3JtLmxlbmd0aCwgZm9ybUdyb3VwLCBvcHRpb25zKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGl0ZW0uY2hpbGRyZW4gPSB0aGlzLmdldEZvcm1GaWVsZEFycmF5KFxuICAgICAgICAgIGZvcm1Hcm91cCxcbiAgICAgICAgICBpdGVtLmNoaWxkcmVuLFxuICAgICAgICAgIGl0ZW0ubW9kZWwsXG4gICAgICAgICAgaXRlbS5kZWZhdWx0LFxuICAgICAgICAgIGl0ZW0udHlwZVxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICB0ZW1wQXJyLnB1c2goaXRlbSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRlbXBBcnI7XG4gIH1cblxuICAvKipcbiAgICogQWRkIGEgdGFiIGl0ZW0uXG4gICAqXG4gICAqIEBwYXJhbSBlICAgICBUaGUgbW91c2UgZXZlbnRcbiAgICogQHBhcmFtIGZvcm0gIFRoZSByZWFjdGl2ZSBmb3JtIGluc3RhbmNlXG4gICAqIEBwYXJhbSB0YWJzICBUaGUgY29uZmlnIG9mIHRoZSB0YWJzIGZpZWxkXG4gICAqIEBwYXJhbSBpbmRleCBUaGUgaW5kZXggb2YgdGhlIHRhYnMgYXJyYXlcbiAgICovXG4gIGFkZFRhYihlOiBNb3VzZUV2ZW50LCBmb3JtOiBGb3JtQXJyYXksIHRhYnM6IEd1aUNvbnRyb2wsIGluZGV4PzogbnVtYmVyKSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBjb25zdCBpbnNlcnRJbmRleCA9IGluZGV4ID09PSB2b2lkIDAgPyB0YWJzLmNoaWxkcmVuIS5sZW5ndGggOiBpbmRleCArIDE7XG4gICAgLy8gU2F2ZSB0aGUgaW5kZXggb2YgdGhlIGluc2VydGlvbiBpbiB0aGUgY29uZmlnXG4gICAgdGFicy50ZW1wbGF0ZSEuaW5kZXggPSBpbnNlcnRJbmRleDtcbiAgICAvLyBUaGUga2V5IGluIHRoZSBvYmplY3QgYW5kIHRoZSBpbmRleCBpbiB0aGUgYXJyYXkgc2hvdWxkIGJlIHRoZSBzYW1lXG4gICAgdGFicy5jaGlsZHJlbiEuZm9yRWFjaCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgICBpZiAoaW5kZXggPj0gaW5zZXJ0SW5kZXgpIHtcbiAgICAgICAgY2hpbGQuaW5kZXghICs9IDE7XG4gICAgICAgIGNoaWxkLmtleSA9IGNoaWxkLmluZGV4IS50b1N0cmluZygpO1xuICAgICAgfVxuICAgIH0pO1xuICAgIC8vIFRoZSBjb25zdHJ1Y3RlZCBvYmplY3QgbG9va3MgbGlrZSB0aGlzIGBbeyBrZXk6ICd0YWInLCBjaGlsZHJlbjogdGVtcGxhdGUgfV1gXG4gICAgLy8gVGhlIGtleSBzaG91bGQgcHJlZmVyYWJseSBiZSBgbnVsbGBcbiAgICBjb25zdCBuZXdUYWIgPSB0aGlzLmdldEZvcm1GaWVsZEFycmF5KFxuICAgICAgZm9ybSxcbiAgICAgIHsgW2luc2VydEluZGV4XTogdGFicy50ZW1wbGF0ZSB9IGFzIEd1aUZpZWxkcyxcbiAgICAgIHt9LFxuICAgICAgbnVsbCxcbiAgICAgICd0YWJzJyxcbiAgICAgIHsgZW1pdEV2ZW50OiB0cnVlIH1cbiAgICApO1xuICAgIHRhYnMuY2hpbGRyZW4hLnNwbGljZShpbnNlcnRJbmRleCwgMCwgbmV3VGFiWzBdKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmUgYSB0YWIgaXRlbS5cbiAgICpcbiAgICogQHBhcmFtIGUgICAgIFRoZSBtb3VzZSBldmVudFxuICAgKiBAcGFyYW0gZm9ybSAgVGhlIHJlYWN0aXZlIGZvcm0gaW5zdGFuY2VcbiAgICogQHBhcmFtIHRhYnMgIFRoZSBjb25maWcgb2YgdGhlIHRhYnMgZmllbGRcbiAgICogQHBhcmFtIGluZGV4IFRoZSBpbmRleCBvZiB0aGUgdGFicyBhcnJheVxuICAgKi9cbiAgcmVtb3ZlVGFiKGU6IE1vdXNlRXZlbnQsIGZvcm06IEZvcm1BcnJheSwgdGFiczogR3VpQ29udHJvbCwgaW5kZXg/OiBudW1iZXIpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGNvbnN0IHJlbW92ZUluZGV4ID0gaW5kZXggPT09IHZvaWQgMCA/IHRhYnMuY2hpbGRyZW4hLmxlbmd0aCAtIDEgOiBpbmRleDtcbiAgICB0YWJzLmNoaWxkcmVuIS5mb3JFYWNoKChjaGlsZCwgaW5kZXgpID0+IHtcbiAgICAgIGlmIChpbmRleCA+IHJlbW92ZUluZGV4KSB7XG4gICAgICAgIGNoaWxkLmluZGV4ISAtPSAxO1xuICAgICAgICBjaGlsZC5rZXkgPSBjaGlsZC5pbmRleCEudG9TdHJpbmcoKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICB0YWJzLmNoaWxkcmVuIS5zcGxpY2UocmVtb3ZlSW5kZXgsIDEpO1xuICAgIGZvcm0ucmVtb3ZlQXQocmVtb3ZlSW5kZXgpO1xuICB9XG5cbiAgLyoqXG4gICAqIENoYW5nZSB0aGUgZGlzcGxheSBtb2RlIG9mIHRhYnMuXG4gICAqXG4gICAqIEBwYXJhbSBlICAgIFRoZSBtb3VzZSBldmVudFxuICAgKiBAcGFyYW0gdGFicyBUaGUgY29uZmlnIG9mIHRoZSB0YWJzIGZpZWxkXG4gICAqIEBwYXJhbSBtb2RlIFRoZSBkaXNwbGF5IG1vZGUgb2YgdGFic1xuICAgKi9cbiAgY2hhbmdlVGFic01vZGUoZTogTW91c2VFdmVudCwgdGFiczogR3VpQ29udHJvbCwgbW9kZT86IEd1aVRhYnNNb2RlKSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0YWJzLm1vZGUgPSBtb2RlO1xuICB9XG59XG4iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIj5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBmb3JtRmllbGRzXCI+XG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbnRyb2xUeXBlXCJcbiAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInskaW1wbGljaXQ6IGl0ZW0sIGZvcm1Hcm91cDogZm9ybX1cIj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cbjwvZm9ybT5cblxuPG5nLXRlbXBsYXRlICNjb250cm9sVHlwZSBsZXQtaXRlbSBsZXQtcGFyZW50PVwicGFyZW50XCIgbGV0LWZvcm09XCJmb3JtR3JvdXBcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiaXRlbS50eXBlXCIgW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gICAgPCEtLSBUZXh0IC0tPlxuICAgIDxndWktZmllbGQtZ3JvdXAgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0J1wiIFtjb25maWddPVwiaXRlbVwiIFtmbGV4XT1cIml0ZW0uY29sXCI+XG4gICAgICA8Z3VpLWlucHV0LXRleHQgW2Zvcm1Db250cm9sTmFtZV09XCJpdGVtLmtleVwiIFtjb25maWddPVwiaXRlbVwiPjwvZ3VpLWlucHV0LXRleHQ+XG4gICAgPC9ndWktZmllbGQtZ3JvdXA+XG4gICAgPCEtLSBOdW1iZXIgLS0+XG4gICAgPGd1aS1maWVsZC1ncm91cCAqbmdTd2l0Y2hDYXNlPVwiJ251bWJlcidcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1pbnB1dC1udW1iZXIgW2Zvcm1Db250cm9sTmFtZV09XCJpdGVtLmtleVwiIFtjb25maWddPVwiaXRlbVwiPjwvZ3VpLWlucHV0LW51bWJlcj5cbiAgICA8L2d1aS1maWVsZC1ncm91cD5cbiAgICA8IS0tIFNlbGVjdCAtLT5cbiAgICA8Z3VpLWZpZWxkLWdyb3VwICpuZ1N3aXRjaENhc2U9XCInc2VsZWN0J1wiIFtjb25maWddPVwiaXRlbVwiIFtmbGV4XT1cIml0ZW0uY29sXCI+XG4gICAgICA8Z3VpLXNlbGVjdCBbZm9ybUNvbnRyb2xOYW1lXT1cIml0ZW0ua2V5XCIgW2NvbmZpZ109XCJpdGVtXCI+PC9ndWktc2VsZWN0PlxuICAgIDwvZ3VpLWZpZWxkLWdyb3VwPlxuICAgIDwhLS0gU3dpdGNoIC0tPlxuICAgIDxndWktZmllbGQtZ3JvdXAgKm5nU3dpdGNoQ2FzZT1cIidzd2l0Y2gnXCIgW2NvbmZpZ109XCJpdGVtXCIgW2ZsZXhdPVwiaXRlbS5jb2xcIj5cbiAgICAgIDxndWktc3dpdGNoIFtmb3JtQ29udHJvbE5hbWVdPVwiaXRlbS5rZXlcIiBbY29uZmlnXT1cIml0ZW1cIj48L2d1aS1zd2l0Y2g+XG4gICAgPC9ndWktZmllbGQtZ3JvdXA+XG4gICAgPCEtLSBTbGlkZXIgLS0+XG4gICAgPGd1aS1maWVsZC1ncm91cCAqbmdTd2l0Y2hDYXNlPVwiJ3NsaWRlcidcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1zbGlkZXIgW2Zvcm1Db250cm9sTmFtZV09XCJpdGVtLmtleVwiIFtjb25maWddPVwiaXRlbVwiPjwvZ3VpLXNsaWRlcj5cbiAgICA8L2d1aS1maWVsZC1ncm91cD5cbiAgICA8IS0tIEJ1dHRvbiBUb2dnbGUgLS0+XG4gICAgPGd1aS1maWVsZC1ncm91cCAqbmdTd2l0Y2hDYXNlPVwiJ2J1dHRvblRvZ2dsZSdcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1idXR0b24tdG9nZ2xlIFtmb3JtQ29udHJvbE5hbWVdPVwiaXRlbS5rZXlcIiBbY29uZmlnXT1cIml0ZW1cIj48L2d1aS1idXR0b24tdG9nZ2xlPlxuICAgIDwvZ3VpLWZpZWxkLWdyb3VwPlxuICAgIDwhLS0gRmlsbCAtLT5cbiAgICA8Z3VpLWZpZWxkLWdyb3VwICpuZ1N3aXRjaENhc2U9XCInZmlsbCdcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1maWxsIFtmb3JtQ29udHJvbE5hbWVdPVwiaXRlbS5rZXlcIiBbY29uZmlnXT1cIml0ZW1cIj48L2d1aS1maWxsPlxuICAgIDwvZ3VpLWZpZWxkLWdyb3VwPlxuICAgIDwhLS0gRmlsZSAtLT5cbiAgICA8Z3VpLWZpZWxkLWdyb3VwICpuZ1N3aXRjaENhc2U9XCInZmlsZSdcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1maWxlLXVwbG9hZGVyIFtmb3JtQ29udHJvbE5hbWVdPVwiaXRlbS5rZXlcIj48L2d1aS1maWxlLXVwbG9hZGVyPlxuICAgIDwvZ3VpLWZpZWxkLWdyb3VwPlxuICAgIDwhLS0gSW1hZ2UgLS0+XG4gICAgPGd1aS1maWVsZC1ncm91cCAqbmdTd2l0Y2hDYXNlPVwiJ2ltYWdlJ1wiIFtjb25maWddPVwiaXRlbVwiIFtmbGV4XT1cIml0ZW0uY29sXCI+XG4gICAgICA8Z3VpLWZpbGUtdXBsb2FkZXIgdHlwZT1cImltYWdlXCIgW2Zvcm1Db250cm9sTmFtZV09XCJpdGVtLmtleVwiPjwvZ3VpLWZpbGUtdXBsb2FkZXI+XG4gICAgPC9ndWktZmllbGQtZ3JvdXA+XG4gICAgPCEtLSBWaWRlbyAtLT5cbiAgICA8Z3VpLWZpZWxkLWdyb3VwICpuZ1N3aXRjaENhc2U9XCIndmlkZW8nXCIgW2NvbmZpZ109XCJpdGVtXCIgW2ZsZXhdPVwiaXRlbS5jb2xcIj5cbiAgICAgIDxndWktZmlsZS11cGxvYWRlciB0eXBlPVwidmlkZW9cIiBbZm9ybUNvbnRyb2xOYW1lXT1cIml0ZW0ua2V5XCI+PC9ndWktZmlsZS11cGxvYWRlcj5cbiAgICA8L2d1aS1maWVsZC1ncm91cD5cbiAgICA8IS0tIEF1ZGlvIC0tPlxuICAgIDxndWktZmllbGQtZ3JvdXAgKm5nU3dpdGNoQ2FzZT1cIidhdWRpbydcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1maWxlLXVwbG9hZGVyIHR5cGU9XCJhdWRpb1wiIFtmb3JtQ29udHJvbE5hbWVdPVwiaXRlbS5rZXlcIj48L2d1aS1maWxlLXVwbG9hZGVyPlxuICAgIDwvZ3VpLWZpZWxkLWdyb3VwPlxuICAgIDwhLS0gSW1hZ2UgU2VsZWN0IC0tPlxuICAgIDxndWktZmllbGQtZ3JvdXAgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZVNlbGVjdCdcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS1pbWFnZS1zZWxlY3QgW2Zvcm1Db250cm9sTmFtZV09XCJpdGVtLmtleVwiIFtjb25maWddPVwiaXRlbVwiPjwvZ3VpLWltYWdlLXNlbGVjdD5cbiAgICA8L2d1aS1maWVsZC1ncm91cD5cbiAgICA8IS0tIFRleHRhcmVhIC0tPlxuICAgIDxndWktZmllbGQtZ3JvdXAgKm5nU3dpdGNoQ2FzZT1cIid0ZXh0YXJlYSdcIiBbY29uZmlnXT1cIml0ZW1cIiBbZmxleF09XCJpdGVtLmNvbFwiPlxuICAgICAgPGd1aS10ZXh0YXJlYSBbZm9ybUNvbnRyb2xOYW1lXT1cIml0ZW0ua2V5XCIgW2NvbmZpZ109XCJpdGVtXCI+PC9ndWktdGV4dGFyZWE+XG4gICAgPC9ndWktZmllbGQtZ3JvdXA+XG4gICAgPCEtLSBIaWRkZW4gSW5wdXQgLS0+XG4gICAgPGlucHV0ICpuZ1N3aXRjaENhc2U9XCInaGlkZGVuJ1wiIHR5cGU9XCJoaWRkZW5cIiBbZm9ybUNvbnRyb2xOYW1lXT1cIml0ZW0ua2V5XCI+XG5cbiAgICA8IS0tIElubGluZSBHcm91cCAtLT5cbiAgICA8Z3VpLWlubGluZS1ncm91cCAqbmdTd2l0Y2hDYXNlPVwiJ2lubGluZSdcIiBbY29uZmlnXT1cIml0ZW1cIiBbZm9ybUdyb3VwTmFtZV09XCJpdGVtLmtleVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY2hpbGQgb2YgaXRlbS5jaGlsZHJlblwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udHJvbFR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInskaW1wbGljaXQ6IGNoaWxkLCBwYXJlbnQ6IGl0ZW0sIGZvcm1Hcm91cDogZm9ybS5nZXQoaXRlbS5rZXkpfVwiPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9ndWktaW5saW5lLWdyb3VwPlxuXG4gICAgPCEtLSBHcm91cCAtLT5cbiAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbCAqbmdTd2l0Y2hDYXNlPVwiJ2dyb3VwJ1wiIFtmb3JtR3JvdXBOYW1lXT1cIml0ZW0ua2V5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbKGV4cGFuZGVkKV09XCJpdGVtLmV4cGFuZGVkXCIgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgPGd1aS1maWVsZC1sYWJlbCBbY29uZmlnXT1cIml0ZW1cIj48L2d1aS1maWVsZC1sYWJlbD5cbiAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICA8IS0tIExhenkgcmVuZGVyaW5nIC0tPlxuICAgICAgPG5nLXRlbXBsYXRlIG1hdEV4cGFuc2lvblBhbmVsQ29udGVudD5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgY2hpbGQgb2YgaXRlbS5jaGlsZHJlblwiPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJjb250cm9sVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGltcGxpY2l0OiBjaGlsZCwgcGFyZW50OiBpdGVtLCBmb3JtR3JvdXA6IGZvcm0uZ2V0KGl0ZW0ua2V5KX1cIj5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuXG4gICAgPCEtLSBUYWJzIC0tPlxuICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsICpuZ1N3aXRjaENhc2U9XCIndGFicydcIiBbZm9ybUFycmF5TmFtZV09XCJpdGVtLmtleVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgWyhleHBhbmRlZCldPVwiaXRlbS5leHBhbmRlZFwiIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCI+XG4gICAgICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgIDxndWktZmllbGQtbGFiZWwgW2NvbmZpZ109XCJpdGVtXCI+PC9ndWktZmllbGQtbGFiZWw+XG4gICAgICAgIDwhLS0gU2hvdyBvcGVyYXRpb24gYnV0dG9ucyBhZnRlciBwYW5lbCBvcGVuZWQgLS0+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLmV4cGFuZGVkXCI+XG4gICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImNoYW5nZVRhYnNNb2RlKCRldmVudCwgaXRlbSwgJ25hdicpXCJcbiAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJpdGVtLm1vZGUhPT0nbGlzdCc/J3ByaW1hcnknOicnXCIgdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJkb3RzX2hvcml6b250YWxcIj48L21hdC1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjaGFuZ2VUYWJzTW9kZSgkZXZlbnQsIGl0ZW0sICdsaXN0JylcIlxuICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cIml0ZW0ubW9kZT09PSdsaXN0Jz8ncHJpbWFyeSc6JydcIiB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImRvdHNfdmVydGljYWxcIj48L21hdC1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLnRlbXBsYXRlICYmIChpdGVtLmFkZGFibGUgfHwgaXRlbS5hZGRhYmxlPT09dW5kZWZpbmVkKVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImFkZFRhYigkZXZlbnQsIGZvcm0uZ2V0KGl0ZW0ua2V5KSwgaXRlbSlcIlxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCIgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJwbHVzXCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInJlbW92ZVRhYigkZXZlbnQsIGZvcm0uZ2V0KGl0ZW0ua2V5KSwgaXRlbSlcIlxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCIgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJkZWxldGVcIj48L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgIDwhLS0gTGF6eSByZW5kZXJpbmcgLS0+XG4gICAgICA8bmctdGVtcGxhdGUgbWF0RXhwYW5zaW9uUGFuZWxDb250ZW50PlxuICAgICAgICA8IS0tIEhvcml6b250YWwgbmF2IG1vZGUgLS0+XG4gICAgICAgIDxtYXQtdGFiLWdyb3VwICpuZ0lmPVwiaXRlbS5tb2RlIT09J2xpc3QnXCIgY2xhc3M9XCJndWktdGFic1wiXG4gICAgICAgICAgICAgICAgICAgICAgIFttYXQtc3RyZXRjaC10YWJzXT1cImZhbHNlXCIgZGlzYWJsZVJpcHBsZT5cbiAgICAgICAgICA8bWF0LXRhYiAqbmdGb3I9XCJsZXQgdGFiIG9mIGl0ZW0uY2hpbGRyZW47IGluZGV4IGFzIGlcIiBbZGlzYWJsZWRdPVwidGFiLmRpc2FibGVkXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgbWF0LXRhYi1sYWJlbD5cbiAgICAgICAgICAgICAgPGRpdj57e3RhYi5uYW1lIHwgZWpzOntpfSB9fTwvZGl2PlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwhLS0gRm9ybUNvbnRyb2wgJiBGb3JtQXJyYXkgLS0+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXRhYi5jaGlsZHJlbiB8fCB0YWIuY2hpbGRyZW4ubGVuZ3RoPT09MCB8fCB0YWIudHlwZT09PSd0YWJzJ1wiPlxuICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udHJvbFR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInskaW1wbGljaXQ6IHRhYiwgcGFyZW50OiBpdGVtLCBmb3JtR3JvdXA6IGZvcm0uZ2V0KFtpdGVtLmtleV0pfVwiPlxuICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8IS0tIEZvcm1Hcm91cCAtLT5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0YWIuY2hpbGRyZW4/Lmxlbmd0aD4wICYmIHRhYi50eXBlIT09J3RhYnMnXCI+XG4gICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGNoaWxkIG9mIHRhYi5jaGlsZHJlblwiPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJjb250cm9sVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGltcGxpY2l0OiBjaGlsZCwgcGFyZW50OiBpdGVtLCBmb3JtR3JvdXA6IGZvcm0uZ2V0KFtpdGVtLmtleSwgaV0pfVwiPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9tYXQtdGFiPlxuICAgICAgICA8L21hdC10YWItZ3JvdXA+XG5cbiAgICAgICAgPCEtLSBWZXJ0aWNhbCBsaXN0IG1vZGUgLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJndWktbGlzdFwiICpuZ0lmPVwiaXRlbS5tb2RlPT09J2xpc3QnXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImd1aS1saXN0LWl0ZW1cIiAqbmdGb3I9XCJsZXQgdGFiIG9mIGl0ZW0uY2hpbGRyZW47IGluZGV4IGFzIGlcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJndWktbGlzdC1pdGVtLWhlYWRpbmdcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJndWktbGlzdC1pdGVtLXRpdGxlXCI+e3t0YWIubmFtZSB8IGVqczp7aX0gfX08L3NwYW4+XG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLnRlbXBsYXRlICYmIChpdGVtLmFkZGFibGUgfHwgaXRlbS5hZGRhYmxlPT09dW5kZWZpbmVkKVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJhZGRUYWIoJGV2ZW50LCBmb3JtLmdldChpdGVtLmtleSksIGl0ZW0sIGkpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIiBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJwbHVzXCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwicmVtb3ZlVGFiKCRldmVudCwgZm9ybS5nZXQoaXRlbS5rZXkpLCBpdGVtLCBpKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCIgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiZGVsZXRlXCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJndWktbGlzdC1pdGVtLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgPCEtLSBGb3JtQ29udHJvbCAmIEZvcm1BcnJheSAtLT5cbiAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF0YWIuY2hpbGRyZW4gfHwgdGFiLmNoaWxkcmVuLmxlbmd0aD09PTAgfHwgdGFiLnR5cGU9PT0ndGFicydcIj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udHJvbFR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyRpbXBsaWNpdDogdGFiLCBwYXJlbnQ6IGl0ZW0sIGZvcm1Hcm91cDogZm9ybS5nZXQoW2l0ZW0ua2V5XSl9XCI+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgIDwhLS0gRm9ybUdyb3VwIC0tPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGFiLmNoaWxkcmVuPy5sZW5ndGg+MCAmJiB0YWIudHlwZSE9PSd0YWJzJ1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGNoaWxkIG9mIHRhYi5jaGlsZHJlblwiPlxuICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbnRyb2xUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyRpbXBsaWNpdDogY2hpbGQsIHBhcmVudDogaXRlbSwgZm9ybUdyb3VwOiBmb3JtLmdldChbaXRlbS5rZXksIGldKX1cIj5cbiAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWw+XG5cbiAgICA8IS0tIE1lbnUgLS0+XG4gICAgPG1hdC10YWItZ3JvdXAgY2xhc3M9XCJndWktbWVudVwiICpuZ1N3aXRjaENhc2U9XCInbWVudSdcIiBbZm9ybUdyb3VwTmFtZV09XCJpdGVtLmtleVwiIGRpc2FibGVSaXBwbGU+XG4gICAgICA8bWF0LXRhYiAqbmdGb3I9XCJsZXQgbWVudUNoaWxkIG9mIGl0ZW0uY2hpbGRyZW5cIiBbbGFiZWxdPVwibWVudUNoaWxkLm5hbWVcIlxuICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIm1lbnVDaGlsZC5kaXNhYmxlZFwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgbWF0VGFiQ29udGVudD5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibWVudUNoaWxkLnR5cGU9PT0nbWVudUl0ZW0nXCI+XG4gICAgICAgICAgICA8IS0tIE11c3Qgd3JhcCB3aXRoIGRpdiAtLT5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGNvbnRyb2xJdGVtIG9mIG1lbnVDaGlsZC5jaGlsZHJlblwiIFtmb3JtR3JvdXBOYW1lXT1cIm1lbnVDaGlsZC5rZXlcIj5cbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNvbnRyb2xUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGltcGxpY2l0OiBjb250cm9sSXRlbSwgZm9ybUdyb3VwOiBmb3JtLmdldChbaXRlbS5rZXksIG1lbnVDaGlsZC5rZXldKX1cIj5cbiAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwhLS0gU3VwcG9ydCBmb3IgdW5saW1pdGVkIG5lc3RpbmcgLS0+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVDaGlsZC50eXBlPT09J21lbnUnXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udHJvbFR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGltcGxpY2l0OiBtZW51Q2hpbGQsIGZvcm1Hcm91cDogZm9ybS5nZXQoaXRlbS5rZXkpfVwiPlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvbWF0LXRhYj5cbiAgICA8L21hdC10YWItZ3JvdXA+XG5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/gui-icons.mjs

@@ -0,0 +1,33 @@
+export const svgIcons = {
+    dots_horizontal: `
+  <svg viewBox="0 0 24 24">
+    <path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"></path>
+  </svg>
+  `,
+    dots_vertical: `
+  <svg viewBox="0 0 24 24">
+    <path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"></path>
+  </svg>
+  `,
+    plus: `
+  <svg viewBox="0 0 24 24">
+    <path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path>
+  </svg>
+  `,
+    delete: `
+  <svg viewBox="0 0 24 24">
+    <path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"></path>
+  </svg>
+  `,
+    link: `
+  <svg viewBox="0 0 24 24">
+    <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
+  </svg>
+  `,
+    close: `
+  <svg viewBox="0 0 24 24">
+    <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path>
+  </svg>
+  `,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3VpLWljb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvZ3VpL2d1aS1pY29ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQThCO0lBQ2pELGVBQWUsRUFBRTs7OztHQUloQjtJQUNELGFBQWEsRUFBRTs7OztHQUlkO0lBQ0QsSUFBSSxFQUFFOzs7O0dBSUw7SUFDRCxNQUFNLEVBQUU7Ozs7R0FJUDtJQUNELElBQUksRUFBRTs7OztHQUlMO0lBQ0QsS0FBSyxFQUFFOzs7O0dBSU47Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IHN2Z0ljb25zOiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9ID0ge1xuICBkb3RzX2hvcml6b250YWw6IGBcbiAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI0IDI0XCI+XG4gICAgPHBhdGggZD1cIk0xNiwxMkEyLDIgMCAwLDEgMTgsMTBBMiwyIDAgMCwxIDIwLDEyQTIsMiAwIDAsMSAxOCwxNEEyLDIgMCAwLDEgMTYsMTJNMTAsMTJBMiwyIDAgMCwxIDEyLDEwQTIsMiAwIDAsMSAxNCwxMkEyLDIgMCAwLDEgMTIsMTRBMiwyIDAgMCwxIDEwLDEyTTQsMTJBMiwyIDAgMCwxIDYsMTBBMiwyIDAgMCwxIDgsMTJBMiwyIDAgMCwxIDYsMTRBMiwyIDAgMCwxIDQsMTJaXCI+PC9wYXRoPlxuICA8L3N2Zz5cbiAgYCxcbiAgZG90c192ZXJ0aWNhbDogYFxuICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cbiAgICA8cGF0aCBkPVwiTTEyLDE2QTIsMiAwIDAsMSAxNCwxOEEyLDIgMCAwLDEgMTIsMjBBMiwyIDAgMCwxIDEwLDE4QTIsMiAwIDAsMSAxMiwxNk0xMiwxMEEyLDIgMCAwLDEgMTQsMTJBMiwyIDAgMCwxIDEyLDE0QTIsMiAwIDAsMSAxMCwxMkEyLDIgMCAwLDEgMTIsMTBNMTIsNEEyLDIgMCAwLDEgMTQsNkEyLDIgMCAwLDEgMTIsOEEyLDIgMCAwLDEgMTAsNkEyLDIgMCAwLDEgMTIsNFpcIj48L3BhdGg+XG4gIDwvc3ZnPlxuICBgLFxuICBwbHVzOiBgXG4gIDxzdmcgdmlld0JveD1cIjAgMCAyNCAyNFwiPlxuICAgIDxwYXRoIGQ9XCJNMTksMTNIMTNWMTlIMTFWMTNINVYxMUgxMVY1SDEzVjExSDE5VjEzWlwiPjwvcGF0aD5cbiAgPC9zdmc+XG4gIGAsXG4gIGRlbGV0ZTogYFxuICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cbiAgICA8cGF0aCBkPVwiTTE5LDRIMTUuNUwxNC41LDNIOS41TDguNSw0SDVWNkgxOU02LDE5QTIsMiAwIDAsMCA4LDIxSDE2QTIsMiAwIDAsMCAxOCwxOVY3SDZWMTlaXCI+PC9wYXRoPlxuICA8L3N2Zz5cbiAgYCxcbiAgbGluazogYFxuICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cbiAgICA8cGF0aCBkPVwiTTMuOSAxMmMwLTEuNzEgMS4zOS0zLjEgMy4xLTMuMWg0VjdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWg0di0xLjlIN2MtMS43MSAwLTMuMS0xLjM5LTMuMS0zLjF6TTggMTNoOHYtMkg4djJ6bTktNmgtNHYxLjloNGMxLjcxIDAgMy4xIDEuMzkgMy4xIDMuMXMtMS4zOSAzLjEtMy4xIDMuMWgtNFYxN2g0YzIuNzYgMCA1LTIuMjQgNS01cy0yLjI0LTUtNS01elwiPjwvcGF0aD5cbiAgPC9zdmc+XG4gIGAsXG4gIGNsb3NlOiBgXG4gIDxzdmcgdmlld0JveD1cIjAgMCAyNCAyNFwiPlxuICAgIDxwYXRoIGQ9XCJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaXCI+PC9wYXRoPlxuICA8L3N2Zz5cbiAgYCxcbn07XG4iXX0=