@openziti/ziti-console-lib 1.1.2 → 1.1.3

package/fesm2022/openziti-ziti-console-lib.mjs

@@ -320,6 +320,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             }] } });
 
 class NumberInputComponent {
+    set fieldName(name) {
+        this._fieldName = name;
+        this._idName = name.replace(/\s/g, '').toLowerCase();
+    }
     constructor() {
         this._fieldName = 'Field Label';
         this._idName = 'fieldname';
@@ -331,19 +335,17 @@ class NumberInputComponent {
         this.fieldValueChange = new EventEmitter();
         this.valueChange = new Subject();
         this._isValid = true;
-    }
-    set fieldName(name) {
-        this._fieldName = name;
-        this._idName = name.replace(/\s/g, '').toLowerCase();
+        this._emitEventsDebounced = debounce(this.emitEvents.bind(this), 500);
     }
     setIsValid(isValid) {
         this._isValid = isValid;
     }
     onKeyup() {
-        debounce(() => {
-            this.fieldValueChange.emit(this.fieldValue);
-            this.valueChange.next(this.fieldValue);
-        }, 500)();
+        this._emitEventsDebounced();
+    }
+    emitEvents() {
+        this.fieldValueChange.emit(this.fieldValue);
+        this.valueChange.next(this.fieldValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: NumberInputComponent, isStandalone: false, selector: "lib-number-input", inputs: { fieldName: "fieldName", helpText: "helpText", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
@@ -362,7 +364,7 @@ class NumberInputComponent {
       <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
         type="number" class="jsonEntry"
         [ngClass]="{'error': error}"
-        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()"/>
+        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
       @if (error) {
         <div class="error">{{error}}</div>
       }
@@ -387,13 +389,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
         type="number" class="jsonEntry"
         [ngClass]="{'error': error}"
-        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()"/>
+        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
       @if (error) {
         <div class="error">{{error}}</div>
       }
     </div>
     `, standalone: false, styles: [".number-input-container{margin:var(--marginSmall) 0}.number-input-container label{margin-bottom:0rem;margin-top:0rem}.number-input-container input.error{border-color:red}.number-input-container div.error{color:red}.label-container{display:flex;gap:.3125rem;margin-bottom:var(--marginSmall);margin-top:var(--marginMedium)}\n"] }]
-        }], propDecorators: { fieldName: [{
+        }], ctorParameters: () => [], propDecorators: { fieldName: [{
                 type: Input
             }], helpText: [{
                 type: Input
@@ -882,7 +884,7 @@ class CheckboxListInputComponent {
           <input type="checkbox"
             class="jsonEntry checkbox"
             [ngClass]="{'error': error}"
-            [checked]="item.checked" (click)="item.checked=!item.checked;updateFieldVal();"/>
+            [(ngModel)]="item.checked" (ngModelChange)="updateFieldVal()"/>
           <span class="boxlabel">{{item.name}}</span>
         </div>
       }
@@ -890,7 +892,7 @@ class CheckboxListInputComponent {
         <div class="error">{{error}}</div>
       }
     </div>
-    `, isInline: true, styles: [".boxlabel{text-transform:uppercase;position:absolute;padding-top:.3rem;padding-left:.25rem}input{width:1rem;height:1.5rem;border-radius:.25rem}input:checked{background-color:var(--green)!important}.jsonEntry.checkbox{width:1.5625rem;height:1.5625rem;border-radius:.9375rem;cursor:pointer;transition:background-color .5s;top:.8125rem;left:.625rem;background-color:var(--navigation);transition:var(--transition);border:.125rem var(--offWhite) solid}.jsonEntry.checkbox:checked{background-color:var(--green);background-image:url(/assets/images/check.png);background-size:45%;background-position:center center;background-repeat:no-repeat;border:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    `, isInline: true, styles: [".boxlabel{text-transform:uppercase;position:absolute;padding-top:.3rem;padding-left:.25rem}input{width:1rem;height:1.5rem;border-radius:.25rem}input:checked{background-color:var(--green)!important}.jsonEntry.checkbox{width:1.5625rem;height:1.5625rem;border-radius:.9375rem;cursor:pointer;transition:background-color .5s;top:.8125rem;left:.625rem;background-color:var(--navigation);transition:var(--transition);border:.125rem var(--offWhite) solid}.jsonEntry.checkbox:checked{background-color:var(--green);background-image:url(/assets/images/check.png);background-size:45%;background-position:center center;background-repeat:no-repeat;border:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CheckboxListInputComponent, decorators: [{
             type: Component,
@@ -902,7 +904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <input type="checkbox"
             class="jsonEntry checkbox"
             [ngClass]="{'error': error}"
-            [checked]="item.checked" (click)="item.checked=!item.checked;updateFieldVal();"/>
+            [(ngModel)]="item.checked" (ngModelChange)="updateFieldVal()"/>
           <span class="boxlabel">{{item.name}}</span>
         </div>
       }
@@ -18376,6 +18378,9 @@ class ConfigEditorComponent {
                 if (item.addedItems) {
                     data[item.key] = item.addedItems;
                 }
+                else if (item?.component?.instance?.fieldValue) {
+                    data[item.key] = item.component.instance.fieldValue;
+                }
                 else {
                     data[item.key] = [];
                 }
@@ -18384,7 +18389,7 @@ class ConfigEditorComponent {
                 const val = this.addItemsToConfig(item.items, {}, item.type);
                 let hasDefinition = false;
                 keys(val).forEach((key) => {
-                    if (isBoolean(val[key]) || (!isEmpty(val[key]) && !isNil(val[key]))) {
+                    if (isBoolean(val[key]) || isNumber(val[key]) || (!isEmpty(val[key]) && !isNil(val[key]))) {
                         hasDefinition = true;
                     }
                 });
@@ -18517,11 +18522,11 @@ class ConfigEditorComponent {
         return data;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigEditorComponent, deps: [{ token: SchemaService }, { token: GrowlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfigEditorComponent, isStandalone: false, selector: "lib-config-editor", inputs: { configErrors: "configErrors", configData: "configData", showJsonView: "showJsonView", schema: "schema" }, outputs: { configErrorsChange: "configErrorsChange", configDataChange: "configDataChange" }, viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicform"], descendants: true, read: ViewContainerRef }, { propertyName: "editor", first: true, predicate: JsonEditorComponent, descendants: true }], ngImport: i0, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}", styles: [""], dependencies: [{ kind: "directive", type: i1$4.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfigEditorComponent, isStandalone: false, selector: "lib-config-editor", inputs: { configErrors: "configErrors", configData: "configData", showJsonView: "showJsonView", schema: "schema" }, outputs: { configErrorsChange: "configErrorsChange", configDataChange: "configDataChange" }, viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicform"], descendants: true, read: ViewContainerRef }, { propertyName: "editor", first: true, predicate: JsonEditorComponent, descendants: true }], ngImport: i0, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-config-editor', standalone: false, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}" }]
+            args: [{ selector: 'lib-config-editor', standalone: false, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}\n" }]
         }], ctorParameters: () => [{ type: SchemaService }, { type: GrowlerService }], propDecorators: { configErrors: [{
                 type: Input
             }], configErrorsChange: [{
@@ -30862,7 +30867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }] });
 
 const ZAC_VERSION = {
-    "version": "4.1.2"
+    "version": "4.1.3"
 };
 
 /*