@openziti/ziti-console-lib 0.3.0

package/esm2022/lib/features/dynamic-widgets/port-ranges/port-ranges.component.mjs

@@ -0,0 +1,98 @@
+/*
+    Copyright NetFoundry Inc.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+    https://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/validation.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/chips";
+class PortRangesComponent {
+    constructor(validationService) {
+        this.validationService = validationService;
+        this.fieldValue = '';
+        this.fieldValueChanged = new EventEmitter();
+        this.errors = {};
+        this.invalid = false;
+    }
+    getProperties() {
+        if (!this.fieldValue) {
+            return [];
+        }
+        const ranges = this.validationService.getPortRanges(this.fieldValue);
+        return [{ key: 'portRanges', value: ranges }];
+    }
+    setProperties(ranges) {
+        if (!ranges) {
+            this.fieldValue = [];
+            return;
+        }
+        this.fieldValue = this.validationService.combinePortRanges(ranges);
+    }
+    onKeyup(event) {
+        const key = event.key?.toLowerCase();
+        if (key === " " || key === 'enter') {
+            event.preventDefault();
+            const element = event.target;
+            element.blur();
+            element.focus();
+        }
+    }
+    validateConfig() {
+        if (!this.fieldValue) {
+            this.invalid = false;
+            return;
+        }
+        let invalid = false;
+        this.fieldValue.forEach((val) => {
+            const vals = val.split('-');
+            if (vals.length === 1) {
+                const port = parseInt(val);
+                if (isNaN(port)) {
+                    invalid = true;
+                    return;
+                }
+            }
+            else if (vals.length === 2) {
+                const port1 = parseInt(vals[0]);
+                const port2 = parseInt(vals[1]);
+                if (isNaN(port1) || isNaN(port2)) {
+                    invalid = true;
+                    return;
+                }
+                else if (port1 > port2) {
+                    invalid = true;
+                    return;
+                }
+            }
+            else {
+                invalid = true;
+            }
+        });
+        this.invalid = invalid;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PortRangesComponent, deps: [{ token: i1.ValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PortRangesComponent, selector: "lib-port-ranges", inputs: { fieldValue: "fieldValue" }, outputs: { fieldValueChanged: "fieldValueChanged" }, ngImport: i0, template: "<label>PORT RANGES</label>\n<p-chips\n        (onAdd)=\"validateConfig()\"\n        (onRemove)=\"validateConfig()\"\n        (keyup)=\"onKeyup($event)\"\n        [(ngModel)]=\"fieldValue\"\n        [allowDuplicate]=\"false\"\n        [ngClass]=\"{ error: invalid }\"\n        [placeholder]=\"'80 120-125 443 8080'\"\n        [addOnBlur]=\"true\"\n        separator=\",\"\n>\n</p-chips>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onClear"] }] }); }
+}
+export { PortRangesComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PortRangesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-port-ranges', template: "<label>PORT RANGES</label>\n<p-chips\n        (onAdd)=\"validateConfig()\"\n        (onRemove)=\"validateConfig()\"\n        (keyup)=\"onKeyup($event)\"\n        [(ngModel)]=\"fieldValue\"\n        [allowDuplicate]=\"false\"\n        [ngClass]=\"{ error: invalid }\"\n        [placeholder]=\"'80 120-125 443 8080'\"\n        [addOnBlur]=\"true\"\n        separator=\",\"\n>\n</p-chips>" }]
+        }], ctorParameters: function () { return [{ type: i1.ValidationService }]; }, propDecorators: { fieldValue: [{
+                type: Input
+            }], fieldValueChanged: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9ydC1yYW5nZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2R5bmFtaWMtd2lkZ2V0cy9wb3J0LXJhbmdlcy9wb3J0LXJhbmdlcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvZHluYW1pYy13aWRnZXRzL3BvcnQtcmFuZ2VzL3BvcnQtcmFuZ2VzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUYsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBR3JFLE1BS2EsbUJBQW1CO0lBTzlCLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBTC9DLGVBQVUsR0FBUSxFQUFFLENBQUM7UUFDcEIsc0JBQWlCLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFDekUsV0FBTSxHQUFRLEVBQUUsQ0FBQztRQUNqQixZQUFPLEdBQVksS0FBSyxDQUFDO0lBRWtDLENBQUM7SUFFNUQsYUFBYTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3BCLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNyRSxPQUFPLENBQUMsRUFBQyxHQUFHLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxhQUFhLENBQUMsTUFBTTtRQUNsQixJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ1gsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7WUFDckIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxHQUFHLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDckMsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDbEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFxQixDQUFDO1lBQzVDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNmLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUNqQjtJQUNILENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDcEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsT0FBTztTQUNSO1FBQ0QsSUFBSSxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBVyxFQUFFLEVBQUU7WUFDdEMsTUFBTSxJQUFJLEdBQUcsR0FBRyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUM1QixJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO2dCQUNyQixNQUFNLElBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQzNCLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUNmLE9BQU8sR0FBRyxJQUFJLENBQUM7b0JBQ2YsT0FBTztpQkFDUjthQUNGO2lCQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7Z0JBQzVCLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDaEMsTUFBTSxLQUFLLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUNoQyxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7b0JBQ2hDLE9BQU8sR0FBRyxJQUFJLENBQUM7b0JBQ2YsT0FBTztpQkFDUjtxQkFBTSxJQUFJLEtBQUssR0FBRyxLQUFLLEVBQUU7b0JBQ3hCLE9BQU8sR0FBRyxJQUFJLENBQUM7b0JBQ2YsT0FBTztpQkFDUjthQUNGO2lCQUFNO2dCQUNMLE9BQU8sR0FBRyxJQUFJLENBQUM7YUFDaEI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7K0dBaEVVLG1CQUFtQjttR0FBbkIsbUJBQW1CLGtKQ3hCaEMsbVlBWVU7O1NEWUcsbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCO3dHQU1sQixVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gICAgQ29weXJpZ2h0IE5ldEZvdW5kcnkgSW5jLlxuXG4gICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG5cbiAgICBodHRwczovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cbiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtWYWxpZGF0aW9uU2VydmljZX0gZnJvbSBcIi4uLy4uLy4uL3NlcnZpY2VzL3ZhbGlkYXRpb24uc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcG9ydC1yYW5nZXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcG9ydC1yYW5nZXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wb3J0LXJhbmdlcy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFBvcnRSYW5nZXNDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGZpZWxkVmFsdWU6IGFueSA9ICcnO1xuICBAT3V0cHV0KCkgZmllbGRWYWx1ZUNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGVycm9yczogYW55ID0ge307XG4gIGludmFsaWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZhbGlkYXRpb25TZXJ2aWNlOiBWYWxpZGF0aW9uU2VydmljZSkge31cblxuICBnZXRQcm9wZXJ0aWVzKCkge1xuICAgIGlmICghdGhpcy5maWVsZFZhbHVlKSB7XG4gICAgICByZXR1cm4gW107XG4gICAgfVxuICAgIGNvbnN0IHJhbmdlcyA9IHRoaXMudmFsaWRhdGlvblNlcnZpY2UuZ2V0UG9ydFJhbmdlcyh0aGlzLmZpZWxkVmFsdWUpO1xuICAgIHJldHVybiBbe2tleTogJ3BvcnRSYW5nZXMnLCB2YWx1ZTogcmFuZ2VzfV07XG4gIH1cblxuICBzZXRQcm9wZXJ0aWVzKHJhbmdlcykge1xuICAgIGlmICghcmFuZ2VzKSB7XG4gICAgICB0aGlzLmZpZWxkVmFsdWUgPSBbXTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5maWVsZFZhbHVlID0gdGhpcy52YWxpZGF0aW9uU2VydmljZS5jb21iaW5lUG9ydFJhbmdlcyhyYW5nZXMpO1xuICB9XG5cbiAgb25LZXl1cChldmVudDogYW55KSB7XG4gICAgY29uc3Qga2V5ID0gZXZlbnQua2V5Py50b0xvd2VyQ2FzZSgpO1xuICAgIGlmIChrZXkgPT09IFwiIFwiIHx8IGtleSA9PT0gJ2VudGVyJykge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICBlbGVtZW50LmJsdXIoKTtcbiAgICAgIGVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG4gIH1cblxuICB2YWxpZGF0ZUNvbmZpZygpIHtcbiAgICBpZiAoIXRoaXMuZmllbGRWYWx1ZSkge1xuICAgICAgdGhpcy5pbnZhbGlkID0gZmFsc2U7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGxldCBpbnZhbGlkID0gZmFsc2U7XG4gICAgdGhpcy5maWVsZFZhbHVlLmZvckVhY2goKHZhbDogc3RyaW5nKSA9PiB7XG4gICAgICBjb25zdCB2YWxzID0gdmFsLnNwbGl0KCctJyk7XG4gICAgICBpZiAodmFscy5sZW5ndGggPT09IDEpIHtcbiAgICAgICAgY29uc3QgcG9ydCA9IHBhcnNlSW50KHZhbCk7XG4gICAgICAgIGlmIChpc05hTihwb3J0KSkge1xuICAgICAgICAgIGludmFsaWQgPSB0cnVlO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmICh2YWxzLmxlbmd0aCA9PT0gMikge1xuICAgICAgICBjb25zdCBwb3J0MSA9IHBhcnNlSW50KHZhbHNbMF0pO1xuICAgICAgICBjb25zdCBwb3J0MiA9IHBhcnNlSW50KHZhbHNbMV0pO1xuICAgICAgICBpZiAoaXNOYU4ocG9ydDEpIHx8IGlzTmFOKHBvcnQyKSkge1xuICAgICAgICAgIGludmFsaWQgPSB0cnVlO1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfSBlbHNlIGlmIChwb3J0MSA+IHBvcnQyKSB7XG4gICAgICAgICAgaW52YWxpZCA9IHRydWU7XG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBpbnZhbGlkID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9KTtcbiAgICB0aGlzLmludmFsaWQgPSBpbnZhbGlkO1xuICB9XG59XG4iLCI8bGFiZWw+UE9SVCBSQU5HRVM8L2xhYmVsPlxuPHAtY2hpcHNcbiAgICAgICAgKG9uQWRkKT1cInZhbGlkYXRlQ29uZmlnKClcIlxuICAgICAgICAob25SZW1vdmUpPVwidmFsaWRhdGVDb25maWcoKVwiXG4gICAgICAgIChrZXl1cCk9XCJvbktleXVwKCRldmVudClcIlxuICAgICAgICBbKG5nTW9kZWwpXT1cImZpZWxkVmFsdWVcIlxuICAgICAgICBbYWxsb3dEdXBsaWNhdGVdPVwiZmFsc2VcIlxuICAgICAgICBbbmdDbGFzc109XCJ7IGVycm9yOiBpbnZhbGlkIH1cIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJzgwIDEyMC0xMjUgNDQzIDgwODAnXCJcbiAgICAgICAgW2FkZE9uQmx1cl09XCJ0cnVlXCJcbiAgICAgICAgc2VwYXJhdG9yPVwiLFwiXG4+XG48L3AtY2hpcHM+Il19

package/esm2022/lib/features/dynamic-widgets/protocol-address-port/protocol-address-port-input.component.mjs

@@ -0,0 +1,180 @@
+/*
+    Copyright NetFoundry Inc.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+    https://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Subject } from "rxjs";
+import _, { debounce, isEmpty, isNumber, isNil, isNaN } from "lodash";
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/validation.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../string/string-input.component";
+import * as i4 from "../number/number-input.component";
+import * as i5 from "../selector/selector-input.component";
+class ProtocolAddressPortInputComponent {
+    constructor(validationService) {
+        this.validationService = validationService;
+        this.showProtocol = true;
+        this.showAddress = true;
+        this.showHostName = true;
+        this.showPort = true;
+        this.disableProtocol = false;
+        this.disableAddress = false;
+        this.disableHostName = false;
+        this.disablePort = false;
+        this.parentage = [];
+        this.labelColor = '#000000';
+        this.labelPrefix = '';
+        this.fieldClass = '';
+        this.error = '';
+        this.fieldValueChange = new EventEmitter();
+        this.portChange = new EventEmitter();
+        this.addressChange = new EventEmitter();
+        this.hostnameChange = new EventEmitter();
+        this.protocolChange = new EventEmitter();
+        this.valueChange = new Subject();
+        this.protocolFieldName = 'Protocol';
+        this.addressFieldName = 'Address';
+        this.hostnameFieldName = 'Host Name';
+        this.portFieldName = 'Port';
+        this.checkAddressDebounced = debounce(this.checkAddress, 100, { maxWait: 100, leading: true });
+        this.errors = {};
+        this._addressChanged = false;
+    }
+    ngOnInit() {
+    }
+    ngDoCheck() {
+        this.checkAddressDebounced();
+    }
+    checkAddress() {
+        this._addressChanged = !_.isEqual(this._prevAddress, this.address);
+        this.addressChange.emit(this.address);
+    }
+    update() {
+        this.portChange.emit(this.port);
+        this.addressChange.emit(this.address);
+        this.hostnameChange.emit(this.hostname);
+        this.protocolChange.emit(this.protocol);
+    }
+    get className() {
+        let className = 'addressFull';
+        if (!this.showProtocol && (this.showHostName || this.showAddress) && (this.showPort)) {
+            className = 'host-name-port';
+        }
+        else if (!this.showProtocol && !this.showPort && (this.showHostName || this.showAddress)) {
+            className = 'address-only';
+        }
+        return className;
+    }
+    getProperties() {
+        const protocol = isEmpty(this.protocol) ? undefined : this.protocol;
+        const address = isEmpty(this.address) ? undefined : this.address;
+        const hostname = isEmpty(this.hostname) ? undefined : this.hostname;
+        const port = !isNumber(this.port) ? undefined : this.port;
+        const props = [
+            { key: 'protocol', value: protocol },
+            { key: 'address', value: address },
+            { key: 'hostname', value: hostname },
+            { key: 'port', value: port }
+        ];
+        return props;
+    }
+    isValid() {
+        this.errors = {};
+        if (!isEmpty(this.parentage)) {
+            return true;
+        }
+        if (this.showProtocol && !this.disableProtocol) {
+            if (isEmpty(this.protocol)) {
+                this.errors['protocol'] = true;
+            }
+        }
+        if (this.showAddress && !this.disableAddress) {
+            if (isEmpty(this.address)) {
+                this.errors['address'] = true;
+            }
+        }
+        if (this.showHostName && !this.disableHostName) {
+            if (isEmpty(this.hostname)) {
+                this.errors['hostname'] = true;
+            }
+        }
+        if (this.showPort && !this.disablePort) {
+            if (isNil(this.port) || isNaN(this.port)) {
+                this.errors['port'] = true;
+            }
+        }
+        return isEmpty(this.errors);
+    }
+    setProperties(data) {
+        this.protocol = data.protocol;
+        this.address = data.address;
+        this.port = data.port;
+        this.hostname = data.hostname;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProtocolAddressPortInputComponent, deps: [{ token: i1.ValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProtocolAddressPortInputComponent, selector: "lib-protocol-address-port-input", inputs: { protocolList: "protocolList", showProtocol: "showProtocol", showAddress: "showAddress", showHostName: "showHostName", showPort: "showPort", disableProtocol: "disableProtocol", disableAddress: "disableAddress", disableHostName: "disableHostName", disablePort: "disablePort", protocol: "protocol", address: "address", hostname: "hostname", port: "port", parentage: "parentage", labelColor: "labelColor", labelPrefix: "labelPrefix", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange", portChange: "portChange", addressChange: "addressChange", hostnameChange: "hostnameChange", protocolChange: "protocolChange" }, ngImport: i0, template: "<div class=\"grid {{className}}\">\n    <div *ngIf=\"showProtocol\" [ngClass]=\"{disabled: disableProtocol, invalid: errors['protocol']}\">\n        <lib-selector-input [fieldName]=\"protocolFieldName\"\n                      [(fieldValue)]=\"protocol\"\n                      [labelColor]=\"labelColor\"\n                      [placeholder]=\"undefined\"\n                      [valueList]=\"['tcp', 'udp']\"\n                      (fieldValueChange)=\"update()\"\n        ></lib-selector-input>\n    </div>\n    <div *ngIf=\"showAddress\" [ngClass]=\"{disabled: disableAddress, invalid: errors['address']}\">\n        <lib-string-input [fieldName]=\"addressFieldName\"\n                    [(fieldValue)]=\"address\"\n                    [labelColor]=\"labelColor\"\n                    [placeholder]=\"'host.name'\"\n                          (fieldValueChange)=\"update()\"\n        ></lib-string-input>\n    </div>\n    <div *ngIf=\"showHostName\" [ngClass]=\"{disabled: disableHostName, invalid: errors['hostname']}\">\n        <lib-string-input [fieldName]=\"hostnameFieldName\"\n                          [(fieldValue)]=\"hostname\"\n                          [labelColor]=\"labelColor\"\n                          [placeholder]=\"'host.name'\"\n                          (fieldValueChange)=\"update()\"\n        ></lib-string-input>\n    </div>\n    <div *ngIf=\"showPort\" [ngClass]=\"{disabled: disablePort, invalid: errors['port']}\">\n        <lib-number-input [fieldName]=\"portFieldName\"\n                    [(fieldValue)]=\"port\"\n                    [labelColor]=\"labelColor\"\n                    [placeholder]=\"'0'\"\n                    (fieldValueChange)=\"update()\"\n        ></lib-number-input>\n    </div>\n</div>\n", styles: [".grid{display:grid;grid-template-columns:auto;grid-gap:10px}.grid.addressFull{grid-template-columns:75px auto 75px}.grid.addressFull .disabled{opacity:.5;pointer-events:none}.grid.address-only{grid-template-columns:auto}.host-name-port{grid-template-columns:auto 75px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.StringInputComponent, selector: "lib-string-input", inputs: ["fieldName", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }, { kind: "component", type: i4.NumberInputComponent, selector: "lib-number-input", inputs: ["fieldName", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }, { kind: "component", type: i5.SelectorInputComponent, selector: "lib-selector-input", inputs: ["fieldName", "fieldValue", "placeholder", "parentage", "valueList", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }] }); }
+}
+export { ProtocolAddressPortInputComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProtocolAddressPortInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-protocol-address-port-input', template: "<div class=\"grid {{className}}\">\n    <div *ngIf=\"showProtocol\" [ngClass]=\"{disabled: disableProtocol, invalid: errors['protocol']}\">\n        <lib-selector-input [fieldName]=\"protocolFieldName\"\n                      [(fieldValue)]=\"protocol\"\n                      [labelColor]=\"labelColor\"\n                      [placeholder]=\"undefined\"\n                      [valueList]=\"['tcp', 'udp']\"\n                      (fieldValueChange)=\"update()\"\n        ></lib-selector-input>\n    </div>\n    <div *ngIf=\"showAddress\" [ngClass]=\"{disabled: disableAddress, invalid: errors['address']}\">\n        <lib-string-input [fieldName]=\"addressFieldName\"\n                    [(fieldValue)]=\"address\"\n                    [labelColor]=\"labelColor\"\n                    [placeholder]=\"'host.name'\"\n                          (fieldValueChange)=\"update()\"\n        ></lib-string-input>\n    </div>\n    <div *ngIf=\"showHostName\" [ngClass]=\"{disabled: disableHostName, invalid: errors['hostname']}\">\n        <lib-string-input [fieldName]=\"hostnameFieldName\"\n                          [(fieldValue)]=\"hostname\"\n                          [labelColor]=\"labelColor\"\n                          [placeholder]=\"'host.name'\"\n                          (fieldValueChange)=\"update()\"\n        ></lib-string-input>\n    </div>\n    <div *ngIf=\"showPort\" [ngClass]=\"{disabled: disablePort, invalid: errors['port']}\">\n        <lib-number-input [fieldName]=\"portFieldName\"\n                    [(fieldValue)]=\"port\"\n                    [labelColor]=\"labelColor\"\n                    [placeholder]=\"'0'\"\n                    (fieldValueChange)=\"update()\"\n        ></lib-number-input>\n    </div>\n</div>\n", styles: [".grid{display:grid;grid-template-columns:auto;grid-gap:10px}.grid.addressFull{grid-template-columns:75px auto 75px}.grid.addressFull .disabled{opacity:.5;pointer-events:none}.grid.address-only{grid-template-columns:auto}.host-name-port{grid-template-columns:auto 75px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ValidationService }]; }, propDecorators: { protocolList: [{
+                type: Input
+            }], showProtocol: [{
+                type: Input
+            }], showAddress: [{
+                type: Input
+            }], showHostName: [{
+                type: Input
+            }], showPort: [{
+                type: Input
+            }], disableProtocol: [{
+                type: Input
+            }], disableAddress: [{
+                type: Input
+            }], disableHostName: [{
+                type: Input
+            }], disablePort: [{
+                type: Input
+            }], protocol: [{
+                type: Input
+            }], address: [{
+                type: Input
+            }], hostname: [{
+                type: Input
+            }], port: [{
+                type: Input
+            }], parentage: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], labelPrefix: [{
+                type: Input
+            }], fieldClass: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], fieldValueChange: [{
+                type: Output
+            }], portChange: [{
+                type: Output
+            }], addressChange: [{
+                type: Output
+            }], hostnameChange: [{
+                type: Output
+            }], protocolChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdG9jb2wtYWRkcmVzcy1wb3J0LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9keW5hbWljLXdpZGdldHMvcHJvdG9jb2wtYWRkcmVzcy1wb3J0L3Byb3RvY29sLWFkZHJlc3MtcG9ydC1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvZHluYW1pYy13aWRnZXRzL3Byb3RvY29sLWFkZHJlc3MtcG9ydC9wcm90b2NvbC1hZGRyZXNzLXBvcnQtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRixPQUFPLEVBQUMsU0FBUyxFQUFXLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUE4QixNQUFNLGVBQWUsQ0FBQztBQUNuSCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sQ0FBQyxFQUFFLEVBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBQyxNQUFNLFFBQVEsQ0FBQzs7Ozs7OztBQUdwRSxNQUthLGlDQUFpQztJQW1DNUMsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFqQy9DLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ25CLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDaEIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFDdkIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFLcEIsY0FBUyxHQUFhLEVBQUUsQ0FBQztRQUN6QixlQUFVLEdBQUcsU0FBUyxDQUFDO1FBQ3ZCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNWLHFCQUFnQixHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFDO1FBQzlELGVBQVUsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM5RCxrQkFBYSxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ2pFLG1CQUFjLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbEUsbUJBQWMsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM1RSxnQkFBVyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFbEMsc0JBQWlCLEdBQUcsVUFBVSxDQUFDO1FBQy9CLHFCQUFnQixHQUFHLFNBQVMsQ0FBQztRQUM3QixzQkFBaUIsR0FBRyxXQUFXLENBQUM7UUFDaEMsa0JBQWEsR0FBRyxNQUFNLENBQUM7UUFFdkIsMEJBQXFCLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFDLENBQUMsQ0FBQztRQUV4RixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBWVosb0JBQWUsR0FBRyxLQUFLLENBQUM7SUFUeEIsQ0FBQztJQUNELFFBQVE7SUFFUixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFJRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxJQUFJLFNBQVMsR0FBRyxhQUFhLENBQUE7UUFDN0IsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUNwRixTQUFTLEdBQUcsZ0JBQWdCLENBQUM7U0FDOUI7YUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUMxRixTQUFTLEdBQUcsY0FBYyxDQUFDO1NBQzVCO1FBQ0QsT0FBTyxTQUFTLENBQUM7SUFDbkIsQ0FBQztJQUVELGFBQWE7UUFDWCxNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDcEUsTUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ2pFLE1BQU0sUUFBUSxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUNwRSxNQUFNLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztRQUUxRCxNQUFNLEtBQUssR0FBRztZQUNaLEVBQUMsR0FBRyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDO1lBQ2xDLEVBQUMsR0FBRyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFDO1lBQ2hDLEVBQUMsR0FBRyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFDO1lBQ2xDLEVBQUMsR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFDO1NBQzNCLENBQUM7UUFDRixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDNUIsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUNELElBQUksSUFBSSxDQUFDLFlBQVksSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDOUMsSUFBRyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUN6QixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQzthQUNoQztTQUNGO1FBQ0QsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUM1QyxJQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsSUFBSSxDQUFDO2FBQy9CO1NBQ0Y7UUFDRCxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQzlDLElBQUcsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsR0FBRyxJQUFJLENBQUM7YUFDaEM7U0FDRjtRQUNELElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDdEMsSUFBRyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUU7Z0JBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDO2FBQzVCO1NBQ0Y7UUFDRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFTO1FBQ3JCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNoQyxDQUFDOytHQXJIVSxpQ0FBaUM7bUdBQWpDLGlDQUFpQyw0dEJDMUI5QyxtdERBbUNBOztTRFRhLGlDQUFpQzs0RkFBakMsaUNBQWlDO2tCQUw3QyxTQUFTOytCQUNFLGlDQUFpQzt3R0FLbEMsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICAgIENvcHlyaWdodCBOZXRGb3VuZHJ5IEluYy5cblxuICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cHM6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG4gICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4qL1xuXG5pbXBvcnQge0NvbXBvbmVudCwgRG9DaGVjaywgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCwgVmlld0NvbnRhaW5lclJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1N1YmplY3R9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgXywge2RlYm91bmNlLCBpc0VtcHR5LCBpc051bWJlciwgaXNOaWwsIGlzTmFOfSBmcm9tIFwibG9kYXNoXCI7XG5pbXBvcnQge1ZhbGlkYXRpb25TZXJ2aWNlfSBmcm9tIFwiLi4vLi4vLi4vc2VydmljZXMvdmFsaWRhdGlvbi5zZXJ2aWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1wcm90b2NvbC1hZGRyZXNzLXBvcnQtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJvdG9jb2wtYWRkcmVzcy1wb3J0LWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJvdG9jb2wtYWRkcmVzcy1wb3J0LWlucHV0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJvdG9jb2xBZGRyZXNzUG9ydElucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBEb0NoZWNrIHtcbiAgQElucHV0KCkgcHJvdG9jb2xMaXN0OiBhbnk7XG4gIEBJbnB1dCgpIHNob3dQcm90b2NvbCA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dBZGRyZXNzID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd0hvc3ROYW1lID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd1BvcnQgPSB0cnVlO1xuICBASW5wdXQoKSBkaXNhYmxlUHJvdG9jb2wgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZUFkZHJlc3MgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZUhvc3ROYW1lID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVQb3J0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIHByb3RvY29sOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFkZHJlc3M6IHN0cmluZztcbiAgQElucHV0KCkgaG9zdG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcG9ydDogbnVtYmVyO1xuICBASW5wdXQoKSBwYXJlbnRhZ2U6IHN0cmluZ1tdID0gW107XG4gIEBJbnB1dCgpIGxhYmVsQ29sb3IgPSAnIzAwMDAwMCc7XG4gIEBJbnB1dCgpIGxhYmVsUHJlZml4ID0gJyc7XG4gIEBJbnB1dCgpIGZpZWxkQ2xhc3MgPSAnJztcbiAgQElucHV0KCkgZXJyb3IgPSAnJztcbiAgQE91dHB1dCgpIGZpZWxkVmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBwb3J0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuICBAT3V0cHV0KCkgYWRkcmVzc0NoYW5nZTogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGhvc3RuYW1lQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgcHJvdG9jb2xDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIHZhbHVlQ2hhbmdlID0gbmV3IFN1YmplY3Q8YW55PiAoKTtcblxuICBwcm90b2NvbEZpZWxkTmFtZSA9ICdQcm90b2NvbCc7XG4gIGFkZHJlc3NGaWVsZE5hbWUgPSAnQWRkcmVzcyc7XG4gIGhvc3RuYW1lRmllbGROYW1lID0gJ0hvc3QgTmFtZSc7XG4gIHBvcnRGaWVsZE5hbWUgPSAnUG9ydCc7XG5cbiAgY2hlY2tBZGRyZXNzRGVib3VuY2VkID0gZGVib3VuY2UodGhpcy5jaGVja0FkZHJlc3MsIDEwMCwge21heFdhaXQ6IDEwMCwgbGVhZGluZzogdHJ1ZX0pO1xuXG4gIGVycm9ycyA9IHt9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdmFsaWRhdGlvblNlcnZpY2U6IFZhbGlkYXRpb25TZXJ2aWNlKSB7XG4gIH1cbiAgbmdPbkluaXQoKSB7XG5cbiAgfVxuXG4gIG5nRG9DaGVjaygpIHtcbiAgICB0aGlzLmNoZWNrQWRkcmVzc0RlYm91bmNlZCgpO1xuICB9XG5cbiAgX2FkZHJlc3NDaGFuZ2VkID0gZmFsc2U7XG4gIF9wcmV2QWRkcmVzcztcbiAgY2hlY2tBZGRyZXNzKCkge1xuICAgIHRoaXMuX2FkZHJlc3NDaGFuZ2VkID0gIV8uaXNFcXVhbCh0aGlzLl9wcmV2QWRkcmVzcywgdGhpcy5hZGRyZXNzKTtcbiAgICB0aGlzLmFkZHJlc3NDaGFuZ2UuZW1pdCh0aGlzLmFkZHJlc3MpO1xuICB9XG5cbiAgdXBkYXRlKCkge1xuICAgIHRoaXMucG9ydENoYW5nZS5lbWl0KHRoaXMucG9ydCk7XG4gICAgdGhpcy5hZGRyZXNzQ2hhbmdlLmVtaXQodGhpcy5hZGRyZXNzKTtcbiAgICB0aGlzLmhvc3RuYW1lQ2hhbmdlLmVtaXQodGhpcy5ob3N0bmFtZSk7XG4gICAgdGhpcy5wcm90b2NvbENoYW5nZS5lbWl0KHRoaXMucHJvdG9jb2wpO1xuICB9XG5cbiAgZ2V0IGNsYXNzTmFtZSgpIHtcbiAgICBsZXQgY2xhc3NOYW1lID0gJ2FkZHJlc3NGdWxsJ1xuICAgIGlmICghdGhpcy5zaG93UHJvdG9jb2wgJiYgKHRoaXMuc2hvd0hvc3ROYW1lIHx8IHRoaXMuc2hvd0FkZHJlc3MpICYmICh0aGlzLnNob3dQb3J0KSkge1xuICAgICAgY2xhc3NOYW1lID0gJ2hvc3QtbmFtZS1wb3J0JztcbiAgICB9IGVsc2UgaWYgKCF0aGlzLnNob3dQcm90b2NvbCAmJiAhdGhpcy5zaG93UG9ydCAmJiAodGhpcy5zaG93SG9zdE5hbWUgfHwgdGhpcy5zaG93QWRkcmVzcykpIHtcbiAgICAgIGNsYXNzTmFtZSA9ICdhZGRyZXNzLW9ubHknO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NOYW1lO1xuICB9XG5cbiAgZ2V0UHJvcGVydGllcygpIHtcbiAgICBjb25zdCBwcm90b2NvbCA9IGlzRW1wdHkodGhpcy5wcm90b2NvbCkgPyB1bmRlZmluZWQgOiB0aGlzLnByb3RvY29sO1xuICAgIGNvbnN0IGFkZHJlc3MgPSBpc0VtcHR5KHRoaXMuYWRkcmVzcykgPyB1bmRlZmluZWQgOiB0aGlzLmFkZHJlc3M7XG4gICAgY29uc3QgaG9zdG5hbWUgPSBpc0VtcHR5KHRoaXMuaG9zdG5hbWUpID8gdW5kZWZpbmVkIDogdGhpcy5ob3N0bmFtZTtcbiAgICBjb25zdCBwb3J0ID0gIWlzTnVtYmVyKHRoaXMucG9ydCkgPyB1bmRlZmluZWQgOiB0aGlzLnBvcnQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IFtcbiAgICAgIHtrZXk6ICdwcm90b2NvbCcsIHZhbHVlOiBwcm90b2NvbH0sXG4gICAgICB7a2V5OiAnYWRkcmVzcycsIHZhbHVlOiBhZGRyZXNzfSxcbiAgICAgIHtrZXk6ICdob3N0bmFtZScsIHZhbHVlOiBob3N0bmFtZX0sXG4gICAgICB7a2V5OiAncG9ydCcsIHZhbHVlOiBwb3J0fVxuICAgIF07XG4gICAgcmV0dXJuIHByb3BzO1xuICB9XG5cbiAgaXNWYWxpZCgpIHtcbiAgICB0aGlzLmVycm9ycyA9IHt9O1xuICAgIGlmICghaXNFbXB0eSh0aGlzLnBhcmVudGFnZSkpIHtcbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH1cbiAgICBpZiAodGhpcy5zaG93UHJvdG9jb2wgJiYgIXRoaXMuZGlzYWJsZVByb3RvY29sKSB7XG4gICAgICBpZihpc0VtcHR5KHRoaXMucHJvdG9jb2wpKSB7XG4gICAgICAgIHRoaXMuZXJyb3JzWydwcm90b2NvbCddID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHRoaXMuc2hvd0FkZHJlc3MgJiYgIXRoaXMuZGlzYWJsZUFkZHJlc3MpIHtcbiAgICAgIGlmKGlzRW1wdHkodGhpcy5hZGRyZXNzKSkge1xuICAgICAgICB0aGlzLmVycm9yc1snYWRkcmVzcyddID0gdHJ1ZTtcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKHRoaXMuc2hvd0hvc3ROYW1lICYmICF0aGlzLmRpc2FibGVIb3N0TmFtZSkge1xuICAgICAgaWYoaXNFbXB0eSh0aGlzLmhvc3RuYW1lKSkge1xuICAgICAgICB0aGlzLmVycm9yc1snaG9zdG5hbWUnXSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICAgIGlmICh0aGlzLnNob3dQb3J0ICYmICF0aGlzLmRpc2FibGVQb3J0KSB7XG4gICAgICBpZihpc05pbCh0aGlzLnBvcnQpIHx8IGlzTmFOKHRoaXMucG9ydCkpIHtcbiAgICAgICAgdGhpcy5lcnJvcnNbJ3BvcnQnXSA9IHRydWU7XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBpc0VtcHR5KHRoaXMuZXJyb3JzKTtcbiAgfVxuXG4gIHNldFByb3BlcnRpZXMoZGF0YTogYW55KSB7XG4gICAgdGhpcy5wcm90b2NvbCA9IGRhdGEucHJvdG9jb2w7XG4gICAgdGhpcy5hZGRyZXNzID0gZGF0YS5hZGRyZXNzO1xuICAgIHRoaXMucG9ydCA9IGRhdGEucG9ydDtcbiAgICB0aGlzLmhvc3RuYW1lID0gZGF0YS5ob3N0bmFtZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyaWQge3tjbGFzc05hbWV9fVwiPlxuICAgIDxkaXYgKm5nSWY9XCJzaG93UHJvdG9jb2xcIiBbbmdDbGFzc109XCJ7ZGlzYWJsZWQ6IGRpc2FibGVQcm90b2NvbCwgaW52YWxpZDogZXJyb3JzWydwcm90b2NvbCddfVwiPlxuICAgICAgICA8bGliLXNlbGVjdG9yLWlucHV0IFtmaWVsZE5hbWVdPVwicHJvdG9jb2xGaWVsZE5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgIFsoZmllbGRWYWx1ZSldPVwicHJvdG9jb2xcIlxuICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbENvbG9yXT1cImxhYmVsQ29sb3JcIlxuICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJ1bmRlZmluZWRcIlxuICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZUxpc3RdPVwiWyd0Y3AnLCAndWRwJ11cIlxuICAgICAgICAgICAgICAgICAgICAgIChmaWVsZFZhbHVlQ2hhbmdlKT1cInVwZGF0ZSgpXCJcbiAgICAgICAgPjwvbGliLXNlbGVjdG9yLWlucHV0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJzaG93QWRkcmVzc1wiIFtuZ0NsYXNzXT1cIntkaXNhYmxlZDogZGlzYWJsZUFkZHJlc3MsIGludmFsaWQ6IGVycm9yc1snYWRkcmVzcyddfVwiPlxuICAgICAgICA8bGliLXN0cmluZy1pbnB1dCBbZmllbGROYW1lXT1cImFkZHJlc3NGaWVsZE5hbWVcIlxuICAgICAgICAgICAgICAgICAgICBbKGZpZWxkVmFsdWUpXT1cImFkZHJlc3NcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxDb2xvcl09XCJsYWJlbENvbG9yXCJcbiAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIidob3N0Lm5hbWUnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgKGZpZWxkVmFsdWVDaGFuZ2UpPVwidXBkYXRlKClcIlxuICAgICAgICA+PC9saWItc3RyaW5nLWlucHV0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJzaG93SG9zdE5hbWVcIiBbbmdDbGFzc109XCJ7ZGlzYWJsZWQ6IGRpc2FibGVIb3N0TmFtZSwgaW52YWxpZDogZXJyb3JzWydob3N0bmFtZSddfVwiPlxuICAgICAgICA8bGliLXN0cmluZy1pbnB1dCBbZmllbGROYW1lXT1cImhvc3RuYW1lRmllbGROYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgWyhmaWVsZFZhbHVlKV09XCJob3N0bmFtZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbENvbG9yXT1cImxhYmVsQ29sb3JcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJ2hvc3QubmFtZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAoZmllbGRWYWx1ZUNoYW5nZSk9XCJ1cGRhdGUoKVwiXG4gICAgICAgID48L2xpYi1zdHJpbmctaW5wdXQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cInNob3dQb3J0XCIgW25nQ2xhc3NdPVwie2Rpc2FibGVkOiBkaXNhYmxlUG9ydCwgaW52YWxpZDogZXJyb3JzWydwb3J0J119XCI+XG4gICAgICAgIDxsaWItbnVtYmVyLWlucHV0IFtmaWVsZE5hbWVdPVwicG9ydEZpZWxkTmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIFsoZmllbGRWYWx1ZSldPVwicG9ydFwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbENvbG9yXT1cImxhYmVsQ29sb3JcIlxuICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiJzAnXCJcbiAgICAgICAgICAgICAgICAgICAgKGZpZWxkVmFsdWVDaGFuZ2UpPVwidXBkYXRlKClcIlxuICAgICAgICA+PC9saWItbnVtYmVyLWlucHV0PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/features/dynamic-widgets/selector/selector-input.component.mjs

@@ -0,0 +1,104 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Subject } from "rxjs";
+import { debounce } from "lodash";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+class SelectorInputComponent {
+    constructor() {
+        this._fieldName = 'Field Label';
+        this._idName = 'fieldname';
+        this._valueList = [];
+        this.listIsObject = false;
+        this.fieldValue = '';
+        this.placeholder = '';
+        this.parentage = [];
+        this.labelColor = '#000000';
+        this.fieldClass = '';
+        this.error = '';
+        this.fieldValueChange = new EventEmitter();
+        this.valueChange = new Subject();
+    }
+    set fieldName(name) {
+        this._fieldName = name;
+        this._idName = name.replace(/\s/g, '').toLowerCase();
+    }
+    set valueList(list) {
+        this.listIsObject = list?.length > 0 && typeof list[0] !== 'string';
+        this._valueList = list;
+        list.forEach(val => {
+            if (val.default)
+                this.fieldValue = val;
+        });
+    }
+    ;
+    selected() {
+        debounce(() => {
+            this.fieldValueChange.emit(this.fieldValue);
+            this.valueChange.next(this.fieldValue);
+        }, 500)();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectorInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectorInputComponent, selector: "lib-selector-input", inputs: { fieldName: "fieldName", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", valueList: "valueList", labelColor: "labelColor", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
+    <div [ngClass]="fieldClass">
+      <label [ngStyle]="{'color': labelColor}">{{_fieldName}}</label>
+      <select id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
+             class="jsonEntry"
+              [ngClass]="{'error': error}"
+             [(ngModel)]="fieldValue" (change)="selected()">
+          <option value="" *ngIf="placeholder">{{placeholder}}</option>
+        <ng-container *ngIf="!listIsObject">
+          <option *ngFor="let name of _valueList" [value]="name">{{name}}</option>
+        </ng-container>
+        <ng-container *ngIf="listIsObject">
+          <option *ngFor="let data of _valueList" [value]="data.value">{{data.name}}</option>
+        </ng-container>
+      </select>
+      <div *ngIf="error" class="error">{{error}}</div>
+    </div>
+`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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"] }] }); }
+}
+export { SelectorInputComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectorInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-selector-input',
+                    template: `
+    <div [ngClass]="fieldClass">
+      <label [ngStyle]="{'color': labelColor}">{{_fieldName}}</label>
+      <select id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
+             class="jsonEntry"
+              [ngClass]="{'error': error}"
+             [(ngModel)]="fieldValue" (change)="selected()">
+          <option value="" *ngIf="placeholder">{{placeholder}}</option>
+        <ng-container *ngIf="!listIsObject">
+          <option *ngFor="let name of _valueList" [value]="name">{{name}}</option>
+        </ng-container>
+        <ng-container *ngIf="listIsObject">
+          <option *ngFor="let data of _valueList" [value]="data.value">{{data.name}}</option>
+        </ng-container>
+      </select>
+      <div *ngIf="error" class="error">{{error}}</div>
+    </div>
+`
+                }]
+        }], propDecorators: { fieldName: [{
+                type: Input
+            }], fieldValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], parentage: [{
+                type: Input
+            }], valueList: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], fieldClass: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], fieldValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0b3ItaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL2R5bmFtaWMtd2lkZ2V0cy9zZWxlY3Rvci9zZWxlY3Rvci1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNyRSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxRQUFRLENBQUM7Ozs7QUFFaEMsTUFxQmEsc0JBQXNCO0lBckJuQztRQXNCRSxlQUFVLEdBQUcsYUFBYSxDQUFDO1FBQzNCLFlBQU8sR0FBRyxXQUFXLENBQUM7UUFDdEIsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUN2QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUtaLGVBQVUsR0FBTyxFQUFFLENBQUM7UUFDcEIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsY0FBUyxHQUFhLEVBQUUsQ0FBQztRQVF6QixlQUFVLEdBQUcsU0FBUyxDQUFDO1FBQ3ZCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNWLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEQsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO0tBUXRDO0lBMUJDLElBQWEsU0FBUyxDQUFDLElBQVk7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2RCxDQUFDO0lBSUQsSUFBYSxTQUFTLENBQUMsSUFBVztRQUNoQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksRUFBRSxNQUFNLEdBQUcsQ0FBQyxJQUFJLE9BQU8sSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLFFBQVEsQ0FBQztRQUNwRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1lBQ2pCLElBQUcsR0FBRyxDQUFDLE9BQU87Z0JBQUUsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUM7UUFDeEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQUEsQ0FBQztJQU9GLFFBQVE7UUFDTixRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ1osSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3pDLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDO0lBQ1osQ0FBQzsrR0E5QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsMlRBbkJ2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FpQlg7O1NBRVksc0JBQXNCOzRGQUF0QixzQkFBc0I7a0JBckJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FpQlg7aUJBQ0E7OEJBTWMsU0FBUztzQkFBckIsS0FBSztnQkFJRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDTyxTQUFTO3NCQUFyQixLQUFLO2dCQU9HLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1N1YmplY3R9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQge2RlYm91bmNlfSBmcm9tIFwibG9kYXNoXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1zZWxlY3Rvci1pbnB1dCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbbmdDbGFzc109XCJmaWVsZENsYXNzXCI+XG4gICAgICA8bGFiZWwgW25nU3R5bGVdPVwieydjb2xvcic6IGxhYmVsQ29sb3J9XCI+e3tfZmllbGROYW1lfX08L2xhYmVsPlxuICAgICAgPHNlbGVjdCBpZD1cInNjaGVtYV97e3BhcmVudGFnZT9wYXJlbnRhZ2UrJ18nOicnfX17e19pZE5hbWV9fVwiXG4gICAgICAgICAgICAgY2xhc3M9XCJqc29uRW50cnlcIlxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2Vycm9yJzogZXJyb3J9XCJcbiAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImZpZWxkVmFsdWVcIiAoY2hhbmdlKT1cInNlbGVjdGVkKClcIj5cbiAgICAgICAgICA8b3B0aW9uIHZhbHVlPVwiXCIgKm5nSWY9XCJwbGFjZWhvbGRlclwiPnt7cGxhY2Vob2xkZXJ9fTwvb3B0aW9uPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWxpc3RJc09iamVjdFwiPlxuICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG5hbWUgb2YgX3ZhbHVlTGlzdFwiIFt2YWx1ZV09XCJuYW1lXCI+e3tuYW1lfX08L29wdGlvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsaXN0SXNPYmplY3RcIj5cbiAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBkYXRhIG9mIF92YWx1ZUxpc3RcIiBbdmFsdWVdPVwiZGF0YS52YWx1ZVwiPnt7ZGF0YS5uYW1lfX08L29wdGlvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L3NlbGVjdD5cbiAgICAgIDxkaXYgKm5nSWY9XCJlcnJvclwiIGNsYXNzPVwiZXJyb3JcIj57e2Vycm9yfX08L2Rpdj5cbiAgICA8L2Rpdj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0b3JJbnB1dENvbXBvbmVudCB7XG4gIF9maWVsZE5hbWUgPSAnRmllbGQgTGFiZWwnO1xuICBfaWROYW1lID0gJ2ZpZWxkbmFtZSc7XG4gIF92YWx1ZUxpc3Q6IGFueVtdID0gW107XG4gIGxpc3RJc09iamVjdCA9IGZhbHNlO1xuICBASW5wdXQoKSBzZXQgZmllbGROYW1lKG5hbWU6IHN0cmluZykge1xuICAgIHRoaXMuX2ZpZWxkTmFtZSA9IG5hbWU7XG4gICAgdGhpcy5faWROYW1lID0gbmFtZS5yZXBsYWNlKC9cXHMvZywgJycpLnRvTG93ZXJDYXNlKCk7XG4gIH1cbiAgQElucHV0KCkgZmllbGRWYWx1ZTphbnkgPSAnJztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgcGFyZW50YWdlOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBzZXQgdmFsdWVMaXN0KGxpc3Q6IGFueVtdKSB7XG4gICAgdGhpcy5saXN0SXNPYmplY3QgPSBsaXN0Py5sZW5ndGggPiAwICYmIHR5cGVvZiBsaXN0WzBdICE9PSAnc3RyaW5nJztcbiAgICB0aGlzLl92YWx1ZUxpc3QgPSBsaXN0O1xuICAgIGxpc3QuZm9yRWFjaCh2YWwgPT4ge1xuICAgICAgaWYodmFsLmRlZmF1bHQpIHRoaXMuZmllbGRWYWx1ZSA9IHZhbDtcbiAgICB9KTtcbiAgfTtcbiAgQElucHV0KCkgbGFiZWxDb2xvciA9ICcjMDAwMDAwJztcbiAgQElucHV0KCkgZmllbGRDbGFzcyA9ICcnO1xuICBASW5wdXQoKSBlcnJvciA9ICcnO1xuICBAT3V0cHV0KCkgZmllbGRWYWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICB2YWx1ZUNoYW5nZSA9IG5ldyBTdWJqZWN0PHN0cmluZz4gKCk7XG5cbiAgc2VsZWN0ZWQoKSB7XG4gICAgZGVib3VuY2UoKCkgPT4ge1xuICAgICAgdGhpcy5maWVsZFZhbHVlQ2hhbmdlLmVtaXQodGhpcy5maWVsZFZhbHVlKTtcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UubmV4dCh0aGlzLmZpZWxkVmFsdWUpO1xuICAgIH0sIDUwMCkoKTtcbiAgfVxufVxuIl19

package/esm2022/lib/features/dynamic-widgets/string/string-input.component.mjs

@@ -0,0 +1,72 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Subject } from "rxjs";
+import { debounce } from "lodash";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+class StringInputComponent {
+    constructor() {
+        this._fieldName = 'Field Label';
+        this._idName = 'fieldname';
+        this.fieldValue = '';
+        this.placeholder = '';
+        this.parentage = [];
+        this.labelColor = '#000000';
+        this.fieldClass = '';
+        this.error = '';
+        this.fieldValueChange = new EventEmitter();
+        this.valueChange = new Subject();
+    }
+    set fieldName(name) {
+        this._fieldName = name;
+        this._idName = name.replace(/\s/g, '').toLowerCase();
+    }
+    onKeyup() {
+        debounce(() => {
+            this.fieldValueChange.emit(this.fieldValue);
+            this.valueChange.next(this.fieldValue);
+        }, 500)();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringInputComponent, selector: "lib-string-input", inputs: { fieldName: "fieldName", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
+      <div [ngClass]="fieldClass">
+          <label for="schema_{{parentage?parentage+'_':''}}{{_idName}}"  [ngStyle]="{'color': labelColor}">{{_fieldName}}</label>
+          <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
+                 type="text" class="jsonEntry"
+                 [ngClass]="{'error': error}"
+                 [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()"/>
+          <div *ngIf="error" class="error">{{error}}</div>
+      </div>
+  `, isInline: true, styles: ["input.error{border-color:red}\n", "div.error{color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }] }); }
+}
+export { StringInputComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-string-input', template: `
+      <div [ngClass]="fieldClass">
+          <label for="schema_{{parentage?parentage+'_':''}}{{_idName}}"  [ngStyle]="{'color': labelColor}">{{_fieldName}}</label>
+          <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
+                 type="text" class="jsonEntry"
+                 [ngClass]="{'error': error}"
+                 [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()"/>
+          <div *ngIf="error" class="error">{{error}}</div>
+      </div>
+  `, styles: ["input.error{border-color:red}\n", "div.error{color:red}\n"] }]
+        }], propDecorators: { fieldName: [{
+                type: Input
+            }], fieldValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], parentage: [{
+                type: Input
+            }], labelColor: [{
+                type: Input
+            }], fieldClass: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], fieldValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9keW5hbWljLXdpZGdldHMvc3RyaW5nL3N0cmluZy1pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxRQUFRLENBQUM7Ozs7QUFFaEMsTUFjYSxvQkFBb0I7SUFkakM7UUFlSSxlQUFVLEdBQUcsYUFBYSxDQUFDO1FBQzNCLFlBQU8sR0FBRyxXQUFXLENBQUM7UUFLYixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLGNBQVMsR0FBYSxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFHLFNBQVMsQ0FBQztRQUN2QixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDVixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3hELGdCQUFXLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQztLQVF4QztJQW5CRyxJQUFhLFNBQVMsQ0FBQyxJQUFZO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDekQsQ0FBQztJQVVELE9BQU87UUFDSCxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDNUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzNDLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDO0lBQ2QsQ0FBQzsrR0FyQlEsb0JBQW9CO21HQUFwQixvQkFBb0IsaVNBWnJCOzs7Ozs7Ozs7R0FTVDs7U0FHVSxvQkFBb0I7NEZBQXBCLG9CQUFvQjtrQkFkaEMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7OztHQVNUOzhCQU1jLFNBQVM7c0JBQXJCLEtBQUs7Z0JBSUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTdWJqZWN0fSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHtkZWJvdW5jZX0gZnJvbSBcImxvZGFzaFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc3RyaW5nLWlucHV0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwiZmllbGRDbGFzc1wiPlxuICAgICAgICAgIDxsYWJlbCBmb3I9XCJzY2hlbWFfe3twYXJlbnRhZ2U/cGFyZW50YWdlKydfJzonJ319e3tfaWROYW1lfX1cIiAgW25nU3R5bGVdPVwieydjb2xvcic6IGxhYmVsQ29sb3J9XCI+e3tfZmllbGROYW1lfX08L2xhYmVsPlxuICAgICAgICAgIDxpbnB1dCBpZD1cInNjaGVtYV97e3BhcmVudGFnZT9wYXJlbnRhZ2UrJ18nOicnfX17e19pZE5hbWV9fVwiXG4gICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCIgY2xhc3M9XCJqc29uRW50cnlcIlxuICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7J2Vycm9yJzogZXJyb3J9XCJcbiAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgWyhuZ01vZGVsKV09XCJmaWVsZFZhbHVlXCIgKHBhc3RlKT1cIm9uS2V5dXAoKVwiIChrZXl1cCk9XCJvbktleXVwKClcIi8+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJlcnJvclwiPnt7ZXJyb3J9fTwvZGl2PlxuICAgICAgPC9kaXY+XG4gIGAsXG4gICAgc3R5bGVzOlsnaW5wdXQuZXJyb3Ige2JvcmRlci1jb2xvcjpyZWQ7fScsJ2Rpdi5lcnJvciB7Y29sb3I6cmVkfSddXG59KVxuZXhwb3J0IGNsYXNzIFN0cmluZ0lucHV0Q29tcG9uZW50IHtcbiAgICBfZmllbGROYW1lID0gJ0ZpZWxkIExhYmVsJztcbiAgICBfaWROYW1lID0gJ2ZpZWxkbmFtZSc7XG4gICAgQElucHV0KCkgc2V0IGZpZWxkTmFtZShuYW1lOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5fZmllbGROYW1lID0gbmFtZTtcbiAgICAgICAgdGhpcy5faWROYW1lID0gbmFtZS5yZXBsYWNlKC9cXHMvZywgJycpLnRvTG93ZXJDYXNlKCk7XG4gICAgfVxuICAgIEBJbnB1dCgpIGZpZWxkVmFsdWUgPSAnJztcbiAgICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICAgIEBJbnB1dCgpIHBhcmVudGFnZTogc3RyaW5nW10gPSBbXTtcbiAgICBASW5wdXQoKSBsYWJlbENvbG9yID0gJyMwMDAwMDAnO1xuICAgIEBJbnB1dCgpIGZpZWxkQ2xhc3MgPSAnJztcbiAgICBASW5wdXQoKSBlcnJvciA9ICcnO1xuICAgIEBPdXRwdXQoKSBmaWVsZFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgdmFsdWVDaGFuZ2UgPSBuZXcgU3ViamVjdDxzdHJpbmc+ICgpO1xuXG4gICAgb25LZXl1cCgpIHtcbiAgICAgICAgZGVib3VuY2UoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5maWVsZFZhbHVlQ2hhbmdlLmVtaXQodGhpcy5maWVsZFZhbHVlKTtcbiAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UubmV4dCh0aGlzLmZpZWxkVmFsdWUpO1xuICAgICAgICB9LCA1MDApKCk7XG4gICAgfVxufVxuIl19