@openziti/ziti-console-lib 0.8.0 → 0.8.2

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

@@ -4,7 +4,7 @@ import * as i4 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { Subject, BehaviorSubject, firstValueFrom, tap, map, Subscription } from 'rxjs';
 import { catchError } from 'rxjs/operators';
-import _, { isEmpty, isNumber, includes, isNil, defer, cloneDeep, set, invoke, get, debounce, isNaN as isNaN$1, forEach, isFunction, unset, isBoolean, keys, isEqual, isObject, isArray, forOwn, invert, sortedUniq, map as map$1, isString, some, filter, delay } from 'lodash';
+import _, { isEmpty, isNumber, includes, isNil, defer, cloneDeep, set, invoke, get, debounce, isNaN as isNaN$1, forEach, isString, isFunction, unset, isBoolean, keys, isEqual, isObject, isArray, forOwn, invert, sortedUniq, map as map$1, some, filter, delay } from 'lodash';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpParams, HttpClientModule, HttpHeaders } from '@angular/common/http';
 import * as i1 from 'ngx-logger';
@@ -737,7 +737,7 @@ class ValidationService {
     }
     isValidPEM(cert) {
         const pemRegex = /^-----BEGIN CERTIFICATE-----([A-Za-z0-9+/=\n\r]+)-----END CERTIFICATE-----$/;
-        return pemRegex.test(cert);
+        return pemRegex.test(cert?.trim().trimEnd());
     }
     isValidURI(uri) {
         try {
@@ -871,6 +871,10 @@ let LoginServiceClass = class LoginServiceClass {
         this.settingsService = settingsService;
         this.router = router;
         this.growlerService = growlerService;
+        this.loginDialogOpen = false;
+        this.isCertBasedAuth = false;
+        this.serviceUrl = '';
+        this.loginInProgress = false;
     }
     getHttpOptions() {
         const options = {
@@ -1194,6 +1198,8 @@ class StringInputComponent {
         this.labelColor = '#000000';
         this.fieldClass = '';
         this.error = '';
+        this.autocomplete = '';
+        this.required = false;
         this.fieldValueChange = new EventEmitter();
         this.valueChange = new Subject();
         this._isValid = true;
@@ -1214,7 +1220,7 @@ class StringInputComponent {
         this.valueChange.next(this.fieldValue);
     }
     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", helpText: "helpText", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StringInputComponent, selector: "lib-string-input", inputs: { fieldName: "fieldName", helpText: "helpText", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error", autocomplete: "autocomplete", required: "required" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
       <div [ngClass]="fieldClass + (!_isValid ? 'invalid' : '')" class="string-input-container">
           <div class="label-container">
               <label for="schema_{{parentage?parentage+'_':''}}{{_idName}}"  [ngStyle]="{'color': labelColor}">{{_fieldName}}</label>
@@ -1228,11 +1234,13 @@ class StringInputComponent {
           </div>
           <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
                  type="text" class="jsonEntry"
+                 [required]="required"
+                 [autocomplete]="autocomplete"
                  [ngClass]="{'error': error}"
                  [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
           <div *ngIf="error" class="error">{{error}}</div>
       </div>
-  `, isInline: true, styles: [".string-input-container{margin:var(--marginSmall) 0}.string-input-container label{margin-bottom:0rem;margin-top:0rem;width:-moz-fit-content;width:fit-content}.string-input-container input.error{border-color:red}.string-input-container div.error{color:red}.label-container{display:flex;gap:.3125rem;margin-bottom:.3125rem;margin-top:.625rem}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] }); }
+  `, isInline: true, styles: [".string-input-container{margin:var(--marginSmall) 0}.string-input-container label{margin-bottom:0rem;margin-top:0rem;width:-moz-fit-content;width:fit-content}.string-input-container input.error{border-color:red}.string-input-container div.error{color:red}.label-container{display:flex;gap:.3125rem;margin-bottom:.3125rem;margin-top:.625rem}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StringInputComponent, decorators: [{
             type: Component,
@@ -1250,6 +1258,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           </div>
           <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
                  type="text" class="jsonEntry"
+                 [required]="required"
+                 [autocomplete]="autocomplete"
                  [ngClass]="{'error': error}"
                  [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
           <div *ngIf="error" class="error">{{error}}</div>
@@ -1271,6 +1281,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], error: [{
                 type: Input
+            }], autocomplete: [{
+                type: Input
+            }], required: [{
+                type: Input
             }], fieldValueChange: [{
                 type: Output
             }] } });
@@ -2090,7 +2104,7 @@ class ProtocolAddressPortInputComponent {
         this.hostname = data.hostname;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProtocolAddressPortInputComponent, deps: [{ token: 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:.625rem}.grid.addressFull{grid-template-columns:4.6875rem auto 4.6875rem}.grid.addressFull .disabled{opacity:.5;pointer-events:none}.grid.address-only{grid-template-columns:auto}.host-name-port{grid-template-columns:auto 4.6875rem}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: StringInputComponent, selector: "lib-string-input", inputs: ["fieldName", "helpText", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }, { kind: "component", type: NumberInputComponent, selector: "lib-number-input", inputs: ["fieldName", "helpText", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }, { kind: "component", type: SelectorInputComponent, selector: "lib-selector-input", inputs: ["fieldName", "fieldValue", "helpText", "placeholder", "parentage", "valueList", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }] }); }
+    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:.625rem}.grid.addressFull{grid-template-columns:4.6875rem auto 4.6875rem}.grid.addressFull .disabled{opacity:.5;pointer-events:none}.grid.address-only{grid-template-columns:auto}.host-name-port{grid-template-columns:auto 4.6875rem}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: StringInputComponent, selector: "lib-string-input", inputs: ["fieldName", "helpText", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error", "autocomplete", "required"], outputs: ["fieldValueChange"] }, { kind: "component", type: NumberInputComponent, selector: "lib-number-input", inputs: ["fieldName", "helpText", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }, { kind: "component", type: SelectorInputComponent, selector: "lib-selector-input", inputs: ["fieldName", "fieldValue", "helpText", "placeholder", "parentage", "valueList", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProtocolAddressPortInputComponent, decorators: [{
             type: Component,
@@ -2358,6 +2372,8 @@ class PasswordInputComponent {
         this.labelColor = '#000000';
         this.fieldClass = '';
         this.error = '';
+        this.autocomplete = '';
+        this.required = false;
         this.fieldValueChange = new EventEmitter();
         this.valueChange = new Subject();
         this.emitEventsDebounced = debounce(this.emitEvents.bind(this), 500);
@@ -2374,16 +2390,18 @@ class PasswordInputComponent {
         this.valueChange.next(this.fieldValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PasswordInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PasswordInputComponent, selector: "lib-password-input", inputs: { fieldName: "fieldName", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PasswordInputComponent, selector: "lib-password-input", inputs: { fieldName: "fieldName", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error", autocomplete: "autocomplete", required: "required" }, 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="password" class="jsonEntry"
+                 [required]="required"
+                 [autocomplete]="autocomplete"
                  [ngClass]="{'error': error}"
                  [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
           <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$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+  `, isInline: true, styles: ["input.error{border-color:red}\n", "div.error{color:red}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PasswordInputComponent, decorators: [{
             type: Component,
@@ -2392,6 +2410,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
           <label for="schema_{{parentage?parentage+'_':''}}{{_idName}}"  [ngStyle]="{'color': labelColor}">{{_fieldName}}</label>
           <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
                  type="password" class="jsonEntry"
+                 [required]="required"
+                 [autocomplete]="autocomplete"
                  [ngClass]="{'error': error}"
                  [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
           <div *ngIf="error" class="error">{{error}}</div>
@@ -2411,6 +2431,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], error: [{
                 type: Input
+            }], autocomplete: [{
+                type: Input
+            }], required: [{
+                type: Input
             }], fieldValueChange: [{
                 type: Output
             }] } });
@@ -2633,6 +2657,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 const ZITI_DATA_SERVICE = new InjectionToken('ZITI_DATA_SERVICE');
 class ZitiDataService {
+    static { this.NODE_DATA_SERVICE_TYPE = 'node'; }
+    static { this.CONTROLLER_DATA_SERVICE_TYPE = 'controller'; }
     get DEFAULT_PAGING() {
         return cloneDeep({
             filter: "",
@@ -2650,6 +2676,7 @@ class ZitiDataService {
         this.settingsService = settingsService;
         this.httpClient = httpClient;
         this.router = router;
+        this.dataServiceType = '';
     }
     getRoleFilter(roleAttributes) {
         let hasAll = false;
@@ -2686,6 +2713,9 @@ class ZitiDataService {
         else if (resp?.error?.message) {
             errorMessage = resp?.error?.message;
         }
+        else if (isString(resp?.error)) {
+            errorMessage = resp?.error;
+        }
         else {
             errorMessage = 'An unknown error occurred';
         }
@@ -2784,8 +2814,8 @@ let ListPageServiceClass = class ListPageServiceClass {
         };
         this.dataService = inject(ZITI_DATA_SERVICE);
         this.settings.settingsChange.subscribe((settings) => {
-            if (!isEmpty(this.settings?.settings?.session?.id)) {
-                if (this.currentSettings?.session?.id !== settings?.session?.id && this.refreshData) {
+            if (!isEmpty(this.settings?.settings?.session?.id) || this.dataService.dataServiceType === ZitiDataService.NODE_DATA_SERVICE_TYPE) {
+                if ((this.currentSettings?.session?.id !== settings?.session?.id || this.dataService.dataServiceType === ZitiDataService.NODE_DATA_SERVICE_TYPE) && this.refreshData) {
                     this.refreshData();
                 }
             }
@@ -5416,20 +5446,8 @@ class IdentityFormService {
             const growlerData = new GrowlerModel('success', 'Success', `Identity ${isUpdate ? 'Updated' : 'Created'}`, `Successfully ${isUpdate ? 'updated' : 'created'} Identity: ${formData.name}`);
             this.growlerService.show(growlerData);
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Identity`, errorMessage);
+            const errorMessage = this.zitiService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Identity`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -6021,20 +6039,8 @@ class EdgeRouterFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Edge Router`, errorMessage);
+            const errorMessage = this.zitiService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Edge Router`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -8235,7 +8241,7 @@ const KEY_CODES = {
     DOWN_ARROW: 40
 };
 class ProjectableForm extends ExtendableComponent {
-    constructor(growlerService, extService, zitiService, router, route, location) {
+    constructor(growlerService, extService, zitiService, router, route, location, settingsService) {
         super();
         this.growlerService = growlerService;
         this.extService = extService;
@@ -8243,6 +8249,7 @@ class ProjectableForm extends ExtendableComponent {
         this.router = router;
         this.route = route;
         this.location = location;
+        this.settingsService = settingsService;
         this.isModal = false;
         this.dataChange = new EventEmitter();
         this.errors = {};
@@ -8258,7 +8265,9 @@ class ProjectableForm extends ExtendableComponent {
         this.apiOptions = [{ id: 'cli', label: 'Copy as CLI' }, { id: 'curl', label: 'Copy as CURL' }];
         this.basePath = '';
         this.showMore = false;
+        this._settings = {};
         this.checkDataChangeDebounced = debounce(this.checkDataChange, 100, { maxWait: 100 });
+        this.ignoreDataChange = false;
         this.subscription = new Subscription();
         this.previousRoute = this.router.getCurrentNavigation().previousNavigation?.finalUrl?.toString();
         this.subscription.add(this.route?.params?.subscribe(params => {
@@ -8276,6 +8285,15 @@ class ProjectableForm extends ExtendableComponent {
                 this.basePath = pathSegments[0];
             }
         }));
+        this.subscription.add(this.settingsService.settingsChange?.subscribe(params => {
+            const newSettings = cloneDeep(this.settingsService.settings);
+            if (!isEmpty(this.formData?.id) && (isEmpty(this._settings) || this._settings.session?.id === newSettings.session?.id)) {
+                this._settings = newSettings;
+                return;
+            }
+            this._settings = newSettings;
+            this.ngOnInit();
+        }));
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
@@ -8410,6 +8428,9 @@ class ProjectableForm extends ExtendableComponent {
         this.checkDataChangeDebounced();
     }
     checkDataChange() {
+        if (this.ignoreDataChange) {
+            return;
+        }
         let initData = cloneDeep(this.initData);
         initData = this.omitEmptyData(initData);
         let formData = cloneDeep(this.formData);
@@ -8475,7 +8496,7 @@ class ProjectableForm extends ExtendableComponent {
             return results.data;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProjectableForm, deps: [{ token: GrowlerService }, { token: SHAREDZ_EXTENSION }, { token: ZITI_DATA_SERVICE }, { token: i4.Router }, { token: i4.ActivatedRoute }, { token: i1$4.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProjectableForm, deps: [{ token: GrowlerService }, { token: SHAREDZ_EXTENSION }, { token: ZITI_DATA_SERVICE }, { token: i4.Router }, { token: i4.ActivatedRoute }, { token: i1$4.Location }, { token: SETTINGS_SERVICE }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProjectableForm, selector: "ng-component", inputs: { isModal: "isModal", entityId: "entityId", formData: "formData" }, outputs: { close: "close", dataChange: "dataChange" }, viewQueries: [{ propertyName: "nameFieldInput", first: true, predicate: ["nameFieldInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProjectableForm, decorators: [{
@@ -8487,7 +8508,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: ZitiDataService, decorators: [{
                     type: Inject,
                     args: [ZITI_DATA_SERVICE]
-                }] }, { type: i4.Router }, { type: i4.ActivatedRoute }, { type: i1$4.Location }]; }, propDecorators: { isModal: [{
+                }] }, { type: i4.Router }, { type: i4.ActivatedRoute }, { type: i1$4.Location }, { type: SettingsService, decorators: [{
+                    type: Inject,
+                    args: [SETTINGS_SERVICE]
+                }] }]; }, propDecorators: { isModal: [{
                 type: Input
             }], entityId: [{
                 type: Input
@@ -9082,7 +9106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class TerminatorFormComponent extends ProjectableForm {
     constructor(svc, schemaSvc, growlerService, extService, settingsService, zitiService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.svc = svc;
         this.schemaSvc = schemaSvc;
         this.settingsService = settingsService;
@@ -11024,20 +11048,8 @@ class ServicePolicyFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Service Policy`, errorMessage);
+            const errorMessage = this.zitiService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Service Policy`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -12127,7 +12139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class IdentityFormComponent extends ProjectableForm {
     constructor(settingsService, svc, identitiesService, zitiService, growlerService, extService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.identitiesService = identitiesService;
@@ -15715,7 +15727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class EdgeRouterFormComponent extends ProjectableForm {
     constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -16040,20 +16052,8 @@ class ServiceFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Service`, errorMessage);
+            const errorMessage = this.zitiService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Service`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -16808,7 +16808,7 @@ class ServiceFormComponent extends ProjectableForm {
         return this.svc.formData;
     }
     constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -17102,8 +17102,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class CardListComponent extends ProjectableForm {
-    constructor(settingsService, svc, zitiService, growlerService, extService, router, route) {
-        super(growlerService, extService, zitiService, router, route);
+    constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -17120,7 +17120,7 @@ class CardListComponent extends ProjectableForm {
     cardSelected(type) {
         this.router.navigateByUrl(`/services/${type}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardListComponent, deps: [{ token: SETTINGS_SERVICE }, { token: ServiceFormService }, { token: ZITI_DATA_SERVICE }, { token: GrowlerService }, { token: SERVICE_EXTENSION_SERVICE }, { token: i4.Router }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardListComponent, deps: [{ token: SETTINGS_SERVICE }, { token: ServiceFormService }, { token: ZITI_DATA_SERVICE }, { token: GrowlerService }, { token: SERVICE_EXTENSION_SERVICE }, { token: i4.Router }, { token: i4.ActivatedRoute }, { token: i1$4.Location }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardListComponent, selector: "lib-card-list", outputs: { close: "close", selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"card-list-wrapper ziti-page-container fullModal opened\">\n    <div class=\"title\" style=\"filter: brightness(50%)\">Create a service</div>\n    <div class=\"subtitle\">Choose a service type</div>\n    <div class=\"card-list-container\">\n        <lib-card\n            (click)=\"cardSelected('simple')\"\n            [imageUrl]=\"'/assets/svgs/Simple.svg'\"\n            [title]=\"'Simple'\"\n            [content]=\"'Simple services required fewer details, only asking for the most commonly used fields.'\"\n            [buttonText]=\"'Create Simple Service'\"\n            [id]=\"'SimpleServiceCard'\"\n            [href]=\"'services/simple'\"\n        ></lib-card>\n        <lib-card\n            (click)=\"cardSelected('advanced')\"\n            [imageUrl]=\"'/assets/svgs/Advanced.svg'\"\n            [title]=\"'Advanced'\"\n            [content]=\"'Advanced services allow you to configure any option supported by the controller but are subsequently a bit more complex.'\"\n            [buttonText]=\"'Create Advanced Service'\"\n            [id]=\"'AdvancedServiceCard'\"\n            [href]=\"'services/advanced'\"\n        ></lib-card>\n    </div>\n    <div (click)=\"returnToListPage()\" class=\"buttonBall close\" id=\"EscZitiAWClose\">\n        <div class=\"buttonLabel\">ESC</div>\n    </div>\n\n</div>\n", styles: [":host{--shadow: rgba(0, 0, 0, .08)}.card-list-wrapper>.title{font-size:1.625rem;filter:brightness(50%);padding-top:2.1875rem;text-align:center;width:100%;color:var(--primaryColor);font-family:Russo One;text-transform:uppercase;position:relative;font-weight:400}.card-list-wrapper>.subtitle{text-align:center;width:100%;color:var(--tableText);position:relative;margin-bottom:0rem;font-size:2rem;font-weight:300;font-family:Open Sans;float:left}.card-list-wrapper .card-list-container{display:flex;flex-direction:row;width:100%;justify-content:center}.card-list-wrapper .buttonBall.close{font-style:normal;font-weight:600;-webkit-font-smoothing:antialiased;cursor:pointer;position:absolute;width:3.9375rem;height:3.9375rem;font-size:1.875rem;top:1.25rem;right:1.25rem;left:unset;z-index:20;color:var(--stroke);text-transform:uppercase;text-align:center;line-height:2.5rem;font-family:zac!important;font-variant:normal;border-radius:2.0625rem;transition:all .3s ease 0s}.card-list-wrapper .buttonBall.close:before{content:\"\\e91b\";font-size:1.875rem}.card-list-wrapper .buttonBall:hover{background-color:var(--primaryColor);color:var(--white);box-shadow:0 .125rem .1875rem 0 var(--primaryColorOpaque);transition:all .2s ease 0s}.card-list-wrapper .buttonBall:hover:before{color:var(--white)}.card-list-wrapper .buttonBall .buttonLabel{font-weight:600;font-family:Open Sans,Arial,sans-serif;position:absolute;bottom:-.125rem;width:100%;text-align:center;font-size:.75rem;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "lib-card", inputs: ["imageUrl", "title", "content", "buttonText", "id", "href"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardListComponent, decorators: [{
@@ -17135,7 +17135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: GrowlerService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SERVICE_EXTENSION_SERVICE]
-                }] }, { type: i4.Router }, { type: i4.ActivatedRoute }]; }, propDecorators: { close: [{
+                }] }, { type: i4.Router }, { type: i4.ActivatedRoute }, { type: i1$4.Location }]; }, propDecorators: { close: [{
                 type: Output
             }], selected: [{
                 type: Output
@@ -17227,8 +17227,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 // @ts-ignore
 const { app } = window;
 class SimpleServiceComponent extends ProjectableForm {
-    constructor(settingsService, svc, zitiService, growlerService, extService, dialogForm, validationService, servicesPageService, router, route) {
-        super(growlerService, extService, zitiService, router, route);
+    constructor(settingsService, svc, zitiService, growlerService, extService, dialogForm, validationService, servicesPageService, router, route, location) {
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -17966,12 +17966,12 @@ class SimpleServiceComponent extends ProjectableForm {
     }
     clear() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SimpleServiceComponent, deps: [{ token: SETTINGS_SERVICE }, { token: ServiceFormService }, { token: ZITI_DATA_SERVICE }, { token: GrowlerService }, { token: SERVICE_EXTENSION_SERVICE }, { token: i3$2.MatDialog }, { token: ValidationService }, { token: ServicesPageService }, { token: i4.Router }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SimpleServiceComponent, selector: "lib-simple-service", inputs: { serviceRoleAttributes: "serviceRoleAttributes", identityRoleAttributes: "identityRoleAttributes", identityNamedAttributes: "identityNamedAttributes" }, outputs: { close: "close", selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper simple-service-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(true, false, 'cards', $event)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"showForm ? 'Create a Simple Service' : 'Service Creation Summary'\"\n            [actionButtonText]=\"'Save'\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n    ></lib-form-header>\n    <div class=\"simple-service-form-container projectable-form-container\">\n        <div class=\"form-group-column three-fifths\" *ngIf=\"showForm\">\n            <div  id=\"InlineServiceArea\" class=\"anyadd\">\n                <div class=\"simple-service-inputs\">\n                    <lib-form-field-container [title]=\"'Service Details'\">\n                        <div class=\"form-field-input-group service-group\">\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">Service Name</span>\n                                </div>\n                                <input\n                                    class=\"form-field-input\"\n                                    placeholder=\"Name this service\"\n                                    autofocus\n                                    #nameFieldInput\n                                    [ngClass]=\"{error: errors.name}\"\n                                    [(ngModel)]=\"serviceApiData.name\"\n                                    (keyup)=\"serviceNameChanged($event)\"\n                                    (change)=\"validateServiceName()\"\n                                />\n                            </div>\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">SELECT OR CREATE SERVICE ATTRIBUTES</span>\n                                </div>\n                                <lib-tag-selector\n                                    [(selectedRoleAttributes)]=\"serviceApiData.roleAttributes\"\n                                    [availableRoleAttributes]=\"serviceRoleAttributes\"\n                                    [placeholder]=\"'Add attributes to group services'\"\n                                ></lib-tag-selector>\n                            </div>\n                        </div>\n                    </lib-form-field-container>\n                </div>\n            </div>\n        </div>\n        <div class=\"simple-service-center-content\" *ngIf=\"showForm\">\n            <div class=\"form-group-row\">\n                <lib-form-field-container\n                        [title]=\"'ACCESSING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                        [helpText]=\"'How will client applications use this service? Specify a hostname/IP and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n                >\n                    <div class=\"form-field-input-group accessing-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can access this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"dialPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"dialPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes to grant access'\"\n                                    [hasError]=\"errors.dialIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateDialIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateDialIdentities()\"\n                                    (filterChange)=\"getIdentityNamedAttributes($event)\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">How will the service be accessed?</span>\n                            </div>\n                            <div class=\"grid addressPort\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyDial()\"\n                                                        [ngClass]=\"{ on: sdkOnlyDial }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyDial\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyDial\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <div class=\"config-hostname-label\">\n                                        <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                        <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Accessing hostnames must include a '.'\"\n                                            matTooltipPosition=\"above\"\n                                        ></div>\n                                        <span *ngIf=\"errors.interceptAddressFormat\" class=\"error-label\">Accessing hostnames must include a '.'</span>\n                                    </div>\n                                    <input id=\"HowTo\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateInterceptAddress()\" [ngClass]=\"{error: errors.interceptAddress}\" [placeholder]=\"sdkOnlyDial ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptConfigApiData.data.addresses[0]\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HowToPort\" type=\"number\" maxlength=\"10\" (change)=\"validateInterceptPort()\" [ngClass]=\"{error: errors.interceptPort}\" [placeholder]=\"sdkOnlyDial ? '' : 443\" (keyup)=\"interceptPortChanged($event)\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptPort\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'HOSTING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10000'\"\n                        [helpText]=\"'Where should traffic for this service be sent? Specify a protocol, hostname/IP, and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n\n                >\n                    <div class=\"form-field-input-group hosting-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can host this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"bindPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"bindPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes'\"\n                                    [hasError]=\"errors.bindIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateBindIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateBindIdentities()\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">Where should traffic be sent?</span>\n                            </div>\n                            <div class=\"grid addressFull\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyBind()\"\n                                                        [ngClass]=\"{ on: sdkOnlyBind }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyBind\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyBind\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PROTOCOL</span>\n                                    <select id=\"HostedProtocol\" (change)=\"hostProtocolsChanged($event)\" [(ngModel)]=\"sdkOnlyBind ? '' : hostProtocol\">\n                                        <option value=\"tcp\">TCP</option>\n                                        <option value=\"udp\" >UDP</option>\n                                        <option value=\"both\" >TCP/UDP</option>\n                                    </select>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                    <input id=\"HostedHost\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateHostAddress()\" [ngClass]=\"{error: errors.hostAddress}\" [placeholder]=\"sdkOnlyBind ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.address\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HostedPort\" type=\"number\" maxlength=\"10\" (change)=\"validateHostPort()\" [ngClass]=\"{error: errors.hostPort}\" [placeholder]=\"sdkOnlyBind ? '' : 443\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.port\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".ziti-entity-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.simple-service-wrapper .simple-service-form-container .form-group-column{height:-moz-fit-content;height:fit-content;max-width:40.625rem;width:100%;transition:var(--transition);flex-grow:0;padding-bottom:0}.simple-service-wrapper .simple-service-form-container .simple-service-center-content lib-form-field-container{min-width:23.4375rem}.simple-service-wrapper .simple-service-form-container .simple-service-center-content .form-field-input-group{display:flex;flex-direction:column;gap:.9375rem}.simple-service-wrapper .grid.addressFull{grid-template-columns:4.375rem 5.9375rem auto 4.0625rem}.simple-service-wrapper .grid.addressPort{grid-template-columns:4.375rem auto 4.0625rem}.simple-service-wrapper input:disabled{opacity:.5!important}.simple-service-wrapper .addressPort .config-item-container.disabled,.simple-service-wrapper .addressFull .config-item-container.disabled{opacity:.3;pointer-events:none}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle{color:var(--white);display:flex;justify-content:space-between;height:var(--defaultInputHeight);align-items:center;margin-bottom:0}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .label{display:flex;font-size:.875rem;font-weight:600;text-transform:uppercase}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle{margin:0;display:flex;align-items:center;width:3.75rem;height:1.75rem;font-size:.875rem;line-height:1.5625rem;font-weight:800;font-family:Open Sans,Arial,sans-serif;background-color:var(--icon);color:var(--white);text-align:center;cursor:pointer;position:relative;float:left;border-radius:.8125rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle.on{background-color:var(--green)}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch{width:1.25rem;height:1.25rem;border-radius:.625rem;background-color:var(--white);transition:var(--transition);position:absolute;top:.25rem;z-index:10}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch.on{left:2.1875rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .on-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .on-label{margin-left:.4375rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .off-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .off-label{margin-left:2rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label{display:flex;flex-direction:row;justify-content:flex-start;white-space:nowrap}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .form-field-info,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .form-field-info{margin-top:.0625rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .error-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .error-label{margin-left:.3125rem}.simple-service-wrapper .form-field-input-group.service-group{gap:.625rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group.accessing-group{gap:.9375rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group .form-field-sub-group{display:flex;flex-direction:column;gap:.3125rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .config-title-row{height:.875rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull,.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressPort{gap:.625rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull select{height:var(--defaultInputHeight)}.simple-service-wrapper .simple-service-center-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.simple-service-wrapper .simple-service-center-content .form-group-row{flex-wrap:wrap;gap:.9375rem;max-width:40.625rem;justify-content:center;padding:0}.config-item-label{color:#a9abaf;font-weight:600;margin-bottom:.3125rem;position:relative;display:flex}.simple-service-inputs{display:flex;flex-direction:column;gap:.9375rem}.form-field-input-group .form-field-title{color:var(--offWhite);margin-bottom:.625rem}.config-item .config-container.encryption-pod{background-color:#222f3e;background-image:linear-gradient(90deg,#232f3e,#f6f7fb);background-image:-ms-linear-gradient(90deg,rgb(35,47,62) 0%,rgb(246,247,251) 100%);border-radius:var(--inputBorderRadius)}.config-item .config-container .config-container-label{color:#fff}::ng-deep .simple-service-wrapper input{max-height:var(--defaultInputHeight);min-height:0rem;height:var(--defaultInputHeight)}::ng-deep .simple-service-wrapper .select2-search__field{height:100%;min-height:2.5rem;max-height:2.5rem}::ng-deep .simple-service-wrapper .select2-selection__rendered{padding:0;max-height:7.1875rem!important;overflow:auto}::ng-deep .simple-service-wrapper .form-header-container{align-items:center}::ng-deep .simple-service-wrapper .form-header-container .form-header-group{width:40.625rem!important}::ng-deep .simple-service-wrapper .form-header-container .header-actions-container{min-width:0rem}::ng-deep .simple-service-wrapper .form-header-container .form-header-toggle-container{display:none}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: TagSelectorComponent, selector: "lib-tag-selector", inputs: ["placeholder", "disableField", "disableCreate", "hideOption", "isLoading", "errorMessage", "focusOnInit", "selectedRoleAttributes", "selectedNamedAttributes", "hasError", "availableRoleAttributes", "availableNamedAttributes"], outputs: ["addRoleAttribute", "addNamedAttribute", "roleAttributeRemoved", "namedAttributeRemoved", "selectedRoleAttributesChange", "selectedNamedAttributesChange", "filterChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SimpleServiceComponent, deps: [{ token: SETTINGS_SERVICE }, { token: ServiceFormService }, { token: ZITI_DATA_SERVICE }, { token: GrowlerService }, { token: SERVICE_EXTENSION_SERVICE }, { token: i3$2.MatDialog }, { token: ValidationService }, { token: ServicesPageService }, { token: i4.Router }, { token: i4.ActivatedRoute }, { token: i1$4.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SimpleServiceComponent, selector: "lib-simple-service", inputs: { serviceRoleAttributes: "serviceRoleAttributes", identityRoleAttributes: "identityRoleAttributes", identityNamedAttributes: "identityNamedAttributes" }, outputs: { close: "close", selected: "selected" }, usesInheritance: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper simple-service-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(true, false, 'cards', $event)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"showForm ? 'Create a Simple Service' : 'Service Creation Summary'\"\n            [actionButtonText]=\"'Save'\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n    ></lib-form-header>\n    <div class=\"simple-service-form-container projectable-form-container\">\n        <div class=\"form-group-column three-fifths\" *ngIf=\"showForm\">\n            <div  id=\"InlineServiceArea\" class=\"anyadd\">\n                <div class=\"simple-service-inputs\">\n                    <lib-form-field-container [title]=\"'Service Details'\">\n                        <div class=\"form-field-input-group service-group\">\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">Service Name</span>\n                                </div>\n                                <input\n                                    class=\"form-field-input\"\n                                    placeholder=\"Name this service\"\n                                    autofocus\n                                    #nameFieldInput\n                                    [ngClass]=\"{error: errors.name}\"\n                                    [(ngModel)]=\"serviceApiData.name\"\n                                    (keyup)=\"serviceNameChanged($event)\"\n                                    (change)=\"validateServiceName()\"\n                                />\n                            </div>\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">SELECT OR CREATE SERVICE ATTRIBUTES</span>\n                                </div>\n                                <lib-tag-selector\n                                    [(selectedRoleAttributes)]=\"serviceApiData.roleAttributes\"\n                                    [availableRoleAttributes]=\"serviceRoleAttributes\"\n                                    [placeholder]=\"'Add attributes to group services'\"\n                                ></lib-tag-selector>\n                            </div>\n                        </div>\n                    </lib-form-field-container>\n                </div>\n            </div>\n        </div>\n        <div class=\"simple-service-center-content\" *ngIf=\"showForm\">\n            <div class=\"form-group-row\">\n                <lib-form-field-container\n                        [title]=\"'ACCESSING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                        [helpText]=\"'How will client applications use this service? Specify a hostname/IP and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n                >\n                    <div class=\"form-field-input-group accessing-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can access this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"dialPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"dialPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes to grant access'\"\n                                    [hasError]=\"errors.dialIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateDialIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateDialIdentities()\"\n                                    (filterChange)=\"getIdentityNamedAttributes($event)\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">How will the service be accessed?</span>\n                            </div>\n                            <div class=\"grid addressPort\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyDial()\"\n                                                        [ngClass]=\"{ on: sdkOnlyDial }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyDial\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyDial\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <div class=\"config-hostname-label\">\n                                        <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                        <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Accessing hostnames must include a '.'\"\n                                            matTooltipPosition=\"above\"\n                                        ></div>\n                                        <span *ngIf=\"errors.interceptAddressFormat\" class=\"error-label\">Accessing hostnames must include a '.'</span>\n                                    </div>\n                                    <input id=\"HowTo\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateInterceptAddress()\" [ngClass]=\"{error: errors.interceptAddress}\" [placeholder]=\"sdkOnlyDial ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptConfigApiData.data.addresses[0]\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HowToPort\" type=\"number\" maxlength=\"10\" (change)=\"validateInterceptPort()\" [ngClass]=\"{error: errors.interceptPort}\" [placeholder]=\"sdkOnlyDial ? '' : 443\" (keyup)=\"interceptPortChanged($event)\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptPort\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'HOSTING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10000'\"\n                        [helpText]=\"'Where should traffic for this service be sent? Specify a protocol, hostname/IP, and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n\n                >\n                    <div class=\"form-field-input-group hosting-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can host this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"bindPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"bindPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes'\"\n                                    [hasError]=\"errors.bindIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateBindIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateBindIdentities()\"\n                                    (filterChange)=\"getIdentityNamedAttributes($event)\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">Where should traffic be sent?</span>\n                            </div>\n                            <div class=\"grid addressFull\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyBind()\"\n                                                        [ngClass]=\"{ on: sdkOnlyBind }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyBind\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyBind\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PROTOCOL</span>\n                                    <select id=\"HostedProtocol\" (change)=\"hostProtocolsChanged($event)\" [(ngModel)]=\"sdkOnlyBind ? '' : hostProtocol\">\n                                        <option value=\"tcp\">TCP</option>\n                                        <option value=\"udp\" >UDP</option>\n                                        <option value=\"both\" >TCP/UDP</option>\n                                    </select>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                    <input id=\"HostedHost\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateHostAddress()\" [ngClass]=\"{error: errors.hostAddress}\" [placeholder]=\"sdkOnlyBind ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.address\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HostedPort\" type=\"number\" maxlength=\"10\" (change)=\"validateHostPort()\" [ngClass]=\"{error: errors.hostPort}\" [placeholder]=\"sdkOnlyBind ? '' : 443\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.port\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".ziti-entity-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.simple-service-wrapper .simple-service-form-container .form-group-column{height:-moz-fit-content;height:fit-content;max-width:40.625rem;width:100%;transition:var(--transition);flex-grow:0;padding-bottom:0}.simple-service-wrapper .simple-service-form-container .simple-service-center-content lib-form-field-container{min-width:23.4375rem}.simple-service-wrapper .simple-service-form-container .simple-service-center-content .form-field-input-group{display:flex;flex-direction:column;gap:.9375rem}.simple-service-wrapper .grid.addressFull{grid-template-columns:4.375rem 5.9375rem auto 4.0625rem}.simple-service-wrapper .grid.addressPort{grid-template-columns:4.375rem auto 4.0625rem}.simple-service-wrapper input:disabled{opacity:.5!important}.simple-service-wrapper .addressPort .config-item-container.disabled,.simple-service-wrapper .addressFull .config-item-container.disabled{opacity:.3;pointer-events:none}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle{color:var(--white);display:flex;justify-content:space-between;height:var(--defaultInputHeight);align-items:center;margin-bottom:0}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .label{display:flex;font-size:.875rem;font-weight:600;text-transform:uppercase}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle{margin:0;display:flex;align-items:center;width:3.75rem;height:1.75rem;font-size:.875rem;line-height:1.5625rem;font-weight:800;font-family:Open Sans,Arial,sans-serif;background-color:var(--icon);color:var(--white);text-align:center;cursor:pointer;position:relative;float:left;border-radius:.8125rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle.on{background-color:var(--green)}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch{width:1.25rem;height:1.25rem;border-radius:.625rem;background-color:var(--white);transition:var(--transition);position:absolute;top:.25rem;z-index:10}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch.on{left:2.1875rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .on-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .on-label{margin-left:.4375rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .off-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .off-label{margin-left:2rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label{display:flex;flex-direction:row;justify-content:flex-start;white-space:nowrap}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .form-field-info,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .form-field-info{margin-top:.0625rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .error-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .error-label{margin-left:.3125rem}.simple-service-wrapper .form-field-input-group.service-group{gap:.625rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group.accessing-group{gap:.9375rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group .form-field-sub-group{display:flex;flex-direction:column;gap:.3125rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .config-title-row{height:.875rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull,.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressPort{gap:.625rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull select{height:var(--defaultInputHeight)}.simple-service-wrapper .simple-service-center-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.simple-service-wrapper .simple-service-center-content .form-group-row{flex-wrap:wrap;gap:.9375rem;max-width:40.625rem;justify-content:center;padding:0}.config-item-label{color:#a9abaf;font-weight:600;margin-bottom:.3125rem;position:relative;display:flex}.simple-service-inputs{display:flex;flex-direction:column;gap:.9375rem}.form-field-input-group .form-field-title{color:var(--offWhite);margin-bottom:.625rem}.config-item .config-container.encryption-pod{background-color:#222f3e;background-image:linear-gradient(90deg,#232f3e,#f6f7fb);background-image:-ms-linear-gradient(90deg,rgb(35,47,62) 0%,rgb(246,247,251) 100%);border-radius:var(--inputBorderRadius)}.config-item .config-container .config-container-label{color:#fff}::ng-deep .simple-service-wrapper input{max-height:var(--defaultInputHeight);min-height:0rem;height:var(--defaultInputHeight)}::ng-deep .simple-service-wrapper .select2-search__field{height:100%;min-height:2.5rem;max-height:2.5rem}::ng-deep .simple-service-wrapper .select2-selection__rendered{padding:0;max-height:7.1875rem!important;overflow:auto}::ng-deep .simple-service-wrapper .form-header-container{align-items:center}::ng-deep .simple-service-wrapper .form-header-container .form-header-group{width:40.625rem!important}::ng-deep .simple-service-wrapper .form-header-container .header-actions-container{min-width:0rem}::ng-deep .simple-service-wrapper .form-header-container .form-header-toggle-container{display:none}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: TagSelectorComponent, selector: "lib-tag-selector", inputs: ["placeholder", "disableField", "disableCreate", "hideOption", "isLoading", "errorMessage", "focusOnInit", "selectedRoleAttributes", "selectedNamedAttributes", "hasError", "availableRoleAttributes", "availableNamedAttributes"], outputs: ["addRoleAttribute", "addNamedAttribute", "roleAttributeRemoved", "namedAttributeRemoved", "selectedRoleAttributesChange", "selectedNamedAttributesChange", "filterChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SimpleServiceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-simple-service', template: "<div class=\"projectable-form-wrapper simple-service-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(true, false, 'cards', $event)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"showForm ? 'Create a Simple Service' : 'Service Creation Summary'\"\n            [actionButtonText]=\"'Save'\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n    ></lib-form-header>\n    <div class=\"simple-service-form-container projectable-form-container\">\n        <div class=\"form-group-column three-fifths\" *ngIf=\"showForm\">\n            <div  id=\"InlineServiceArea\" class=\"anyadd\">\n                <div class=\"simple-service-inputs\">\n                    <lib-form-field-container [title]=\"'Service Details'\">\n                        <div class=\"form-field-input-group service-group\">\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">Service Name</span>\n                                </div>\n                                <input\n                                    class=\"form-field-input\"\n                                    placeholder=\"Name this service\"\n                                    autofocus\n                                    #nameFieldInput\n                                    [ngClass]=\"{error: errors.name}\"\n                                    [(ngModel)]=\"serviceApiData.name\"\n                                    (keyup)=\"serviceNameChanged($event)\"\n                                    (change)=\"validateServiceName()\"\n                                />\n                            </div>\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">SELECT OR CREATE SERVICE ATTRIBUTES</span>\n                                </div>\n                                <lib-tag-selector\n                                    [(selectedRoleAttributes)]=\"serviceApiData.roleAttributes\"\n                                    [availableRoleAttributes]=\"serviceRoleAttributes\"\n                                    [placeholder]=\"'Add attributes to group services'\"\n                                ></lib-tag-selector>\n                            </div>\n                        </div>\n                    </lib-form-field-container>\n                </div>\n            </div>\n        </div>\n        <div class=\"simple-service-center-content\" *ngIf=\"showForm\">\n            <div class=\"form-group-row\">\n                <lib-form-field-container\n                        [title]=\"'ACCESSING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                        [helpText]=\"'How will client applications use this service? Specify a hostname/IP and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n                >\n                    <div class=\"form-field-input-group accessing-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can access this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"dialPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"dialPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes to grant access'\"\n                                    [hasError]=\"errors.dialIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateDialIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateDialIdentities()\"\n                                    (filterChange)=\"getIdentityNamedAttributes($event)\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">How will the service be accessed?</span>\n                            </div>\n                            <div class=\"grid addressPort\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyDial()\"\n                                                        [ngClass]=\"{ on: sdkOnlyDial }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyDial\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyDial\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <div class=\"config-hostname-label\">\n                                        <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                        <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Accessing hostnames must include a '.'\"\n                                            matTooltipPosition=\"above\"\n                                        ></div>\n                                        <span *ngIf=\"errors.interceptAddressFormat\" class=\"error-label\">Accessing hostnames must include a '.'</span>\n                                    </div>\n                                    <input id=\"HowTo\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateInterceptAddress()\" [ngClass]=\"{error: errors.interceptAddress}\" [placeholder]=\"sdkOnlyDial ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptConfigApiData.data.addresses[0]\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HowToPort\" type=\"number\" maxlength=\"10\" (change)=\"validateInterceptPort()\" [ngClass]=\"{error: errors.interceptPort}\" [placeholder]=\"sdkOnlyDial ? '' : 443\" (keyup)=\"interceptPortChanged($event)\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptPort\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'HOSTING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10000'\"\n                        [helpText]=\"'Where should traffic for this service be sent? Specify a protocol, hostname/IP, and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n\n                >\n                    <div class=\"form-field-input-group hosting-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can host this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"bindPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"bindPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes'\"\n                                    [hasError]=\"errors.bindIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateBindIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateBindIdentities()\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">Where should traffic be sent?</span>\n                            </div>\n                            <div class=\"grid addressFull\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyBind()\"\n                                                        [ngClass]=\"{ on: sdkOnlyBind }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyBind\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyBind\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PROTOCOL</span>\n                                    <select id=\"HostedProtocol\" (change)=\"hostProtocolsChanged($event)\" [(ngModel)]=\"sdkOnlyBind ? '' : hostProtocol\">\n                                        <option value=\"tcp\">TCP</option>\n                                        <option value=\"udp\" >UDP</option>\n                                        <option value=\"both\" >TCP/UDP</option>\n                                    </select>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                    <input id=\"HostedHost\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateHostAddress()\" [ngClass]=\"{error: errors.hostAddress}\" [placeholder]=\"sdkOnlyBind ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.address\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HostedPort\" type=\"number\" maxlength=\"10\" (change)=\"validateHostPort()\" [ngClass]=\"{error: errors.hostPort}\" [placeholder]=\"sdkOnlyBind ? '' : 443\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.port\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".ziti-entity-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.simple-service-wrapper .simple-service-form-container .form-group-column{height:-moz-fit-content;height:fit-content;max-width:40.625rem;width:100%;transition:var(--transition);flex-grow:0;padding-bottom:0}.simple-service-wrapper .simple-service-form-container .simple-service-center-content lib-form-field-container{min-width:23.4375rem}.simple-service-wrapper .simple-service-form-container .simple-service-center-content .form-field-input-group{display:flex;flex-direction:column;gap:.9375rem}.simple-service-wrapper .grid.addressFull{grid-template-columns:4.375rem 5.9375rem auto 4.0625rem}.simple-service-wrapper .grid.addressPort{grid-template-columns:4.375rem auto 4.0625rem}.simple-service-wrapper input:disabled{opacity:.5!important}.simple-service-wrapper .addressPort .config-item-container.disabled,.simple-service-wrapper .addressFull .config-item-container.disabled{opacity:.3;pointer-events:none}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle{color:var(--white);display:flex;justify-content:space-between;height:var(--defaultInputHeight);align-items:center;margin-bottom:0}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .label{display:flex;font-size:.875rem;font-weight:600;text-transform:uppercase}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle{margin:0;display:flex;align-items:center;width:3.75rem;height:1.75rem;font-size:.875rem;line-height:1.5625rem;font-weight:800;font-family:Open Sans,Arial,sans-serif;background-color:var(--icon);color:var(--white);text-align:center;cursor:pointer;position:relative;float:left;border-radius:.8125rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle.on{background-color:var(--green)}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch{width:1.25rem;height:1.25rem;border-radius:.625rem;background-color:var(--white);transition:var(--transition);position:absolute;top:.25rem;z-index:10}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch.on{left:2.1875rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .on-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .on-label{margin-left:.4375rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .off-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .off-label{margin-left:2rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label{display:flex;flex-direction:row;justify-content:flex-start;white-space:nowrap}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .form-field-info,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .form-field-info{margin-top:.0625rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .error-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .error-label{margin-left:.3125rem}.simple-service-wrapper .form-field-input-group.service-group{gap:.625rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group.accessing-group{gap:.9375rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group .form-field-sub-group{display:flex;flex-direction:column;gap:.3125rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .config-title-row{height:.875rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull,.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressPort{gap:.625rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull select{height:var(--defaultInputHeight)}.simple-service-wrapper .simple-service-center-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.simple-service-wrapper .simple-service-center-content .form-group-row{flex-wrap:wrap;gap:.9375rem;max-width:40.625rem;justify-content:center;padding:0}.config-item-label{color:#a9abaf;font-weight:600;margin-bottom:.3125rem;position:relative;display:flex}.simple-service-inputs{display:flex;flex-direction:column;gap:.9375rem}.form-field-input-group .form-field-title{color:var(--offWhite);margin-bottom:.625rem}.config-item .config-container.encryption-pod{background-color:#222f3e;background-image:linear-gradient(90deg,#232f3e,#f6f7fb);background-image:-ms-linear-gradient(90deg,rgb(35,47,62) 0%,rgb(246,247,251) 100%);border-radius:var(--inputBorderRadius)}.config-item .config-container .config-container-label{color:#fff}::ng-deep .simple-service-wrapper input{max-height:var(--defaultInputHeight);min-height:0rem;height:var(--defaultInputHeight)}::ng-deep .simple-service-wrapper .select2-search__field{height:100%;min-height:2.5rem;max-height:2.5rem}::ng-deep .simple-service-wrapper .select2-selection__rendered{padding:0;max-height:7.1875rem!important;overflow:auto}::ng-deep .simple-service-wrapper .form-header-container{align-items:center}::ng-deep .simple-service-wrapper .form-header-container .form-header-group{width:40.625rem!important}::ng-deep .simple-service-wrapper .form-header-container .header-actions-container{min-width:0rem}::ng-deep .simple-service-wrapper .form-header-container .form-header-toggle-container{display:none}\n"] }]
+            args: [{ selector: 'lib-simple-service', template: "<div class=\"projectable-form-wrapper simple-service-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(true, false, 'cards', $event)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"showForm ? 'Create a Simple Service' : 'Service Creation Summary'\"\n            [actionButtonText]=\"'Save'\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n    ></lib-form-header>\n    <div class=\"simple-service-form-container projectable-form-container\">\n        <div class=\"form-group-column three-fifths\" *ngIf=\"showForm\">\n            <div  id=\"InlineServiceArea\" class=\"anyadd\">\n                <div class=\"simple-service-inputs\">\n                    <lib-form-field-container [title]=\"'Service Details'\">\n                        <div class=\"form-field-input-group service-group\">\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">Service Name</span>\n                                </div>\n                                <input\n                                    class=\"form-field-input\"\n                                    placeholder=\"Name this service\"\n                                    autofocus\n                                    #nameFieldInput\n                                    [ngClass]=\"{error: errors.name}\"\n                                    [(ngModel)]=\"serviceApiData.name\"\n                                    (keyup)=\"serviceNameChanged($event)\"\n                                    (change)=\"validateServiceName()\"\n                                />\n                            </div>\n                            <div class=\"form-field-sub-group\">\n                                <div class=\"config-title-row\">\n                                    <span class=\"form-field-title\">SELECT OR CREATE SERVICE ATTRIBUTES</span>\n                                </div>\n                                <lib-tag-selector\n                                    [(selectedRoleAttributes)]=\"serviceApiData.roleAttributes\"\n                                    [availableRoleAttributes]=\"serviceRoleAttributes\"\n                                    [placeholder]=\"'Add attributes to group services'\"\n                                ></lib-tag-selector>\n                            </div>\n                        </div>\n                    </lib-form-field-container>\n                </div>\n            </div>\n        </div>\n        <div class=\"simple-service-center-content\" *ngIf=\"showForm\">\n            <div class=\"form-group-row\">\n                <lib-form-field-container\n                        [title]=\"'ACCESSING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10001'\"\n                        [helpText]=\"'How will client applications use this service? Specify a hostname/IP and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n                >\n                    <div class=\"form-field-input-group accessing-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can access this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"dialPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"dialPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes to grant access'\"\n                                    [hasError]=\"errors.dialIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateDialIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateDialIdentities()\"\n                                    (filterChange)=\"getIdentityNamedAttributes($event)\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">How will the service be accessed?</span>\n                            </div>\n                            <div class=\"grid addressPort\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyDial()\"\n                                                        [ngClass]=\"{ on: sdkOnlyDial }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyDial\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyDial\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <div class=\"config-hostname-label\">\n                                        <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                        <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"Accessing hostnames must include a '.'\"\n                                            matTooltipPosition=\"above\"\n                                        ></div>\n                                        <span *ngIf=\"errors.interceptAddressFormat\" class=\"error-label\">Accessing hostnames must include a '.'</span>\n                                    </div>\n                                    <input id=\"HowTo\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateInterceptAddress()\" [ngClass]=\"{error: errors.interceptAddress}\" [placeholder]=\"sdkOnlyDial ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptConfigApiData.data.addresses[0]\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyDial}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HowToPort\" type=\"number\" maxlength=\"10\" (change)=\"validateInterceptPort()\" [ngClass]=\"{error: errors.interceptPort}\" [placeholder]=\"sdkOnlyDial ? '' : 443\" (keyup)=\"interceptPortChanged($event)\" [(ngModel)]=\"sdkOnlyDial ? '' : interceptPort\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'HOSTING CONFIGURATION'\"\n                        [contentStyle]=\"'z-index: 10000'\"\n                        [helpText]=\"'Where should traffic for this service be sent? Specify a protocol, hostname/IP, and port, or use the &quot;SDK Only&quot; toggle for an application embedded configuration.'\"\n\n                >\n                    <div class=\"form-field-input-group hosting-group\">\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">What identities can host this service?</span>\n                            </div>\n                            <lib-tag-selector\n                                    [(selectedNamedAttributes)]=\"bindPolicyNamedAttributes\"\n                                    [(selectedRoleAttributes)]=\"bindPolicyRoleAttributes\"\n                                    [availableNamedAttributes]=\"identityNamedAttributes\"\n                                    [availableRoleAttributes]=\"identityRoleAttributes\"\n                                    [placeholder]=\"'Select identity attributes'\"\n                                    [hasError]=\"errors.bindIdentities\"\n                                    (selectedNamedAttributesChange)=\"validateBindIdentities()\"\n                                    (selectedRoleAttributesChange)=\"validateBindIdentities()\"\n                                    (filterChange)=\"getIdentityNamedAttributes($event)\"\n                            ></lib-tag-selector>\n                        </div>\n                        <div class=\"form-field-sub-group\">\n                            <div class=\"config-title-row\">\n                                <span class=\"form-field-title\">Where should traffic be sent?</span>\n                            </div>\n                            <div class=\"grid addressFull\">\n                                <div class=\"config-item-container\">\n                                    <span class=\"config-item-label\">SDK ONLY</span>\n                                    <div\n                                            class=\"sdk-toggle form-field-toggle\"\n                                    >\n                                        <div class=\"switchGrid\">\n                                            <div>\n                                                <div\n                                                        (click)=\"toggleSdkOnlyBind()\"\n                                                        [ngClass]=\"{ on: sdkOnlyBind }\"\n                                                        class=\"toggle\"\n                                                >\n                                                    <span [hidden]=\"!sdkOnlyBind\" class=\"on-label\">YES</span>\n                                                    <span [hidden]=\"sdkOnlyBind\" class=\"off-label\">NO</span>\n                                                    <div class=\"switch\"></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PROTOCOL</span>\n                                    <select id=\"HostedProtocol\" (change)=\"hostProtocolsChanged($event)\" [(ngModel)]=\"sdkOnlyBind ? '' : hostProtocol\">\n                                        <option value=\"tcp\">TCP</option>\n                                        <option value=\"udp\" >UDP</option>\n                                        <option value=\"both\" >TCP/UDP</option>\n                                    </select>\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">HOSTNAME / IP</span>\n                                    <input id=\"HostedHost\" type=\"text\" maxlength=\"100\" data-i18n=\"EgHost\" (change)=\"validateHostAddress()\" [ngClass]=\"{error: errors.hostAddress}\" [placeholder]=\"sdkOnlyBind ? '' : 'e.g. myservice.ziti'\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.address\">\n                                </div>\n                                <div class=\"config-item-container\" [ngClass]=\"{disabled: sdkOnlyBind}\">\n                                    <span class=\"config-item-label\">PORT</span>\n                                    <input id=\"HostedPort\" type=\"number\" maxlength=\"10\" (change)=\"validateHostPort()\" [ngClass]=\"{error: errors.hostPort}\" [placeholder]=\"sdkOnlyBind ? '' : 443\" [(ngModel)]=\"sdkOnlyBind ? '' : hostConfigApiData.data.port\">\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".ziti-entity-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.simple-service-wrapper .simple-service-form-container .form-group-column{height:-moz-fit-content;height:fit-content;max-width:40.625rem;width:100%;transition:var(--transition);flex-grow:0;padding-bottom:0}.simple-service-wrapper .simple-service-form-container .simple-service-center-content lib-form-field-container{min-width:23.4375rem}.simple-service-wrapper .simple-service-form-container .simple-service-center-content .form-field-input-group{display:flex;flex-direction:column;gap:.9375rem}.simple-service-wrapper .grid.addressFull{grid-template-columns:4.375rem 5.9375rem auto 4.0625rem}.simple-service-wrapper .grid.addressPort{grid-template-columns:4.375rem auto 4.0625rem}.simple-service-wrapper input:disabled{opacity:.5!important}.simple-service-wrapper .addressPort .config-item-container.disabled,.simple-service-wrapper .addressFull .config-item-container.disabled{opacity:.3;pointer-events:none}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle{color:var(--white);display:flex;justify-content:space-between;height:var(--defaultInputHeight);align-items:center;margin-bottom:0}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .label{display:flex;font-size:.875rem;font-weight:600;text-transform:uppercase}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle{margin:0;display:flex;align-items:center;width:3.75rem;height:1.75rem;font-size:.875rem;line-height:1.5625rem;font-weight:800;font-family:Open Sans,Arial,sans-serif;background-color:var(--icon);color:var(--white);text-align:center;cursor:pointer;position:relative;float:left;border-radius:.8125rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle.on{background-color:var(--green)}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch{width:1.25rem;height:1.25rem;border-radius:.625rem;background-color:var(--white);transition:var(--transition);position:absolute;top:.25rem;z-index:10}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .switch.on,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .switch.on{left:2.1875rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .on-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .on-label{margin-left:.4375rem}.simple-service-wrapper .addressPort .config-item-container .sdk-toggle .toggle .off-label,.simple-service-wrapper .addressFull .config-item-container .sdk-toggle .toggle .off-label{margin-left:2rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label{display:flex;flex-direction:row;justify-content:flex-start;white-space:nowrap}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .form-field-info,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .form-field-info{margin-top:.0625rem}.simple-service-wrapper .addressPort .config-item-container .config-hostname-label .error-label,.simple-service-wrapper .addressFull .config-item-container .config-hostname-label .error-label{margin-left:.3125rem}.simple-service-wrapper .form-field-input-group.service-group{gap:.625rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group.accessing-group{gap:.9375rem;display:flex;flex-direction:column}.simple-service-wrapper .form-field-input-group .form-field-sub-group{display:flex;flex-direction:column;gap:.3125rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .config-title-row{height:.875rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull,.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressPort{gap:.625rem}.simple-service-wrapper .form-field-input-group .form-field-sub-group .addressFull select{height:var(--defaultInputHeight)}.simple-service-wrapper .simple-service-center-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.simple-service-wrapper .simple-service-center-content .form-group-row{flex-wrap:wrap;gap:.9375rem;max-width:40.625rem;justify-content:center;padding:0}.config-item-label{color:#a9abaf;font-weight:600;margin-bottom:.3125rem;position:relative;display:flex}.simple-service-inputs{display:flex;flex-direction:column;gap:.9375rem}.form-field-input-group .form-field-title{color:var(--offWhite);margin-bottom:.625rem}.config-item .config-container.encryption-pod{background-color:#222f3e;background-image:linear-gradient(90deg,#232f3e,#f6f7fb);background-image:-ms-linear-gradient(90deg,rgb(35,47,62) 0%,rgb(246,247,251) 100%);border-radius:var(--inputBorderRadius)}.config-item .config-container .config-container-label{color:#fff}::ng-deep .simple-service-wrapper input{max-height:var(--defaultInputHeight);min-height:0rem;height:var(--defaultInputHeight)}::ng-deep .simple-service-wrapper .select2-search__field{height:100%;min-height:2.5rem;max-height:2.5rem}::ng-deep .simple-service-wrapper .select2-selection__rendered{padding:0;max-height:7.1875rem!important;overflow:auto}::ng-deep .simple-service-wrapper .form-header-container{align-items:center}::ng-deep .simple-service-wrapper .form-header-container .form-header-group{width:40.625rem!important}::ng-deep .simple-service-wrapper .form-header-container .header-actions-container{min-width:0rem}::ng-deep .simple-service-wrapper .form-header-container .form-header-toggle-container{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: SettingsService, decorators: [{
                     type: Inject,
                     args: [SETTINGS_SERVICE]
@@ -17981,7 +17981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }] }, { type: GrowlerService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SERVICE_EXTENSION_SERVICE]
-                }] }, { type: i3$2.MatDialog }, { type: ValidationService }, { type: ServicesPageService }, { type: i4.Router }, { type: i4.ActivatedRoute }]; }, propDecorators: { serviceRoleAttributes: [{
+                }] }, { type: i3$2.MatDialog }, { type: ValidationService }, { type: ServicesPageService }, { type: i4.Router }, { type: i4.ActivatedRoute }, { type: i1$4.Location }]; }, propDecorators: { serviceRoleAttributes: [{
                 type: Input
             }], identityRoleAttributes: [{
                 type: Input
@@ -18965,6 +18965,7 @@ class ServicePoliciesPageComponent extends ListPageComponent {
     }
     ngOnInit() {
         super.ngOnInit();
+        this.getRoleAttributes();
         this.tabs = this.tabNames.getTabs('policies');
     }
     headerActionClicked(action) {
@@ -19051,7 +19052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class ServicePolicyFormComponent extends ProjectableForm {
     constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -19342,20 +19343,8 @@ class EdgeRouterPolicyFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Edge Router Policy`, errorMessage);
+            const errorMessage = this.zitiService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Edge Router Policy`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -19490,7 +19479,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class EdgeRouterPolicyFormComponent extends ProjectableForm {
     constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -20252,20 +20241,8 @@ class ServiceEdgeRouterPolicyFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Edge Router Policy`, errorMessage);
+            const errorMessage = this.zitiService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Service Edge Router Policy`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -20384,7 +20361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 class ServiceEdgeRouterPolicyFormComponent extends ProjectableForm {
     constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.settingsService = settingsService;
         this.svc = svc;
         this.zitiService = zitiService;
@@ -20988,20 +20965,8 @@ class ConfigurationService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Service`, errorMessage);
+            const errorMessage = this.dataService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Config`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -21051,7 +21016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class ConfigurationFormComponent extends ProjectableForm {
     constructor(svc, schemaSvc, growlerService, extService, settingsService, zitiService, router, route, location) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.svc = svc;
         this.schemaSvc = schemaSvc;
         this.settingsService = settingsService;
@@ -21566,6 +21531,7 @@ class JwtSigner {
         this.jwksEndpoint = undefined;
         this.certPem = undefined;
         this.tags = {};
+        this.targetToken = 'ACCESS';
     }
 }
 ;
@@ -21606,20 +21572,8 @@ class JwtSignerFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating JWT Signer`, errorMessage);
+            const errorMessage = this.dataService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} JWT Signer`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -21668,7 +21622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class JwtSignerFormComponent extends ProjectableForm {
     constructor(svc, schemaSvc, growlerService, extService, settingsService, zitiService, router, route, location, validationService) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.svc = svc;
         this.schemaSvc = schemaSvc;
         this.settingsService = settingsService;
@@ -21820,6 +21774,22 @@ class JwtSignerFormComponent extends ProjectableForm {
         });
         return isEmpty(this.errors);
     }
+    get showTokenType() {
+        return !isEmpty(this.settingsService?.zitiSemver) && semver.gte(this.settingsService?.zitiSemver, '1.3.4');
+    }
+    get targetToken() {
+        if (this.formData && !this.formData.targetToken) {
+            this.formData.targetToken = 'ACCESS';
+            this.initData = cloneDeep(this.formData);
+        }
+        return this.formData.targetToken;
+    }
+    set targetToken(val) {
+        if (!this.formData) {
+            return;
+        }
+        this.formData.targetToken = val;
+    }
     get apiCallURL() {
         return this.settings.selectedEdgeController + '/edge/management/v1/external-jwt-signers' + (this.formData.id ? `/${this.formData.id}` : '');
     }
@@ -21841,6 +21811,9 @@ class JwtSignerFormComponent extends ProjectableForm {
         if (!isEmpty(this.formData.jwksEndpoint)) {
             data.jwksEndpoint = this.formData.jwksEndpoint;
         }
+        if (!isEmpty(this.formData.targetToken) && this.showTokenType) {
+            data.targetToken = this.formData.targetToken;
+        }
         if (!isEmpty(this.formData.id)) {
             data.id = this.formData.id;
         }
@@ -21952,11 +21925,11 @@ class JwtSignerFormComponent extends ProjectableForm {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JwtSignerFormComponent, deps: [{ token: JwtSignerFormService }, { token: SchemaService }, { token: GrowlerService }, { token: SHAREDZ_EXTENSION }, { token: SETTINGS_SERVICE }, { token: ZITI_DATA_SERVICE }, { token: i4.Router }, { token: i4.ActivatedRoute }, { token: i1$4.Location }, { token: ValidationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: JwtSignerFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["fileSelect"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"(formData.id ? 'JWT Signer Details' : 'Create JWT Signer')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"jwt-signer-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column three-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Name'\"\n                        [label]=\"'Required'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"formData.name\" [ngClass]=\"{error: errors['name']}\" placeholder=\"Name this JWT Signer\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'column'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Issuer</span>\n                                <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The &quot;issuer&quot; field on the JWT Signer must match the &quot;iss&quot; field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter issuer\" [(ngModel)]=\"formData.issuer\" [ngClass]=\"{error: errors['issuer']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Audience</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The expected &quot;aud&quot; (audience) field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter audience\" [(ngModel)]=\"formData.audience\"/>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Claims Property</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"The field on the JWT for mapping to an identity. Matches the identity's id or externalId if &quot;Use External Id&quot; is set to true. Defaults to &quot;sub&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter claims property\" [(ngModel)]=\"formData.claimsProperty\" (keyup)=\"checkExternalIdToggle()\" [ngClass]=\"{error: errors['claimsProperty']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\" style=\"font-weight: 600; font-size: 14px;\">External ID</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"If enabled, will match the &quot;claimsProperty&quot; to an identity's &quot;externalId&quot; field. If false, it will match to the identity's id field.\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                            </div>\n                            <div class=\"config-item\">\n                                <div class=\"config-container toggle-container\">\n                                    <div class=\"form-field-title-container\">\n                                        <div class=\"config-container-label\">Use External ID</div>\n                                    </div>\n                                    <div\n                                            (click)=\"toggleUseExternalId()\"\n                                            [ngClass]=\"{ on: formData.useExternalId }\"\n                                            class=\"toggle\"\n                                    >\n                                        <span [hidden]=\"!formData.useExternalId\" class=\"on-label\">YES</span>\n                                        <span [hidden]=\"formData.useExternalId\" class=\"off-label\">NO</span>\n                                        <div class=\"switch\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Client ID</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The client id to use when authenticating to the IDP\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter client ID\" [(ngModel)]=\"formData.clientId\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">External Auth Url</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The URL that users are directed to, to obtain a JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter external auth URL\" [(ngModel)]=\"formData.externalAuthUrl\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Scopes</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Enter as a comma or space seperated list of claims/permissions\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-chips (keyup)=\"scopesOnKeyup($event)\"\n                                 [(ngModel)]=\"formData.scopes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter scopes\"\n                                 [addOnBlur]=\"true\"\n                                 separator=\",\">\n                        </p-chips>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-toggle [(toggleOn)]=\"showMore\" (toggleOnChange)=\"showMoreChanged($event)\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                            [title]=\"'Custom Tags'\"\n                            [label]=\"'OPTIONAL'\"\n                            class=\"form-field-advanced\"\n                    >\n                        <lib-custom-tags [(tags)]=\"formData.tags\"></lib-custom-tags>\n                    </lib-form-field-container>\n                </div>\n            </div>\n            <div class=\"form-group-column two-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Verification'\"\n                        [label]=\"'REQUIRED'\"\n                >\n                    <div class=\"radio-group-container\" (keydown)=\"radioKeyDownHandler($event)\" tabindex=\"0\">\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'JWKS_ENDPOINT'}\" (click)=\"selectSignatureMethod('JWKS_ENDPOINT')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">JWKS Endpoint</span>\n                        </div>\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'CERT_PEM'}\" (click)=\"selectSignatureMethod('CERT_PEM')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">Cert PEM</span>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'JWKS_ENDPOINT'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">JWKS Endpoint</span>\n                                </div>\n                            </div>\n                            <input class=\"form-field-input read-only\" placeholder=\"Enter endpoint URL\" [(ngModel)]=\"formData.jwksEndpoint\" [ngClass]=\"{error: errors['certPem']}\"/>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'CERT_PEM'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">PEM</span>\n                                </div>\n                                <span class=\"select-file-button\" (click)=\"openFileSelect($event)\">\n                                    Select File\n                                    <div class=\"spinner\" *ngIf=\"fileSelectOpening\"></div>\n                                </span>\n                                <input #fileSelect type=\"file\" style=\"display:none\" (change)=\"selectPemFile($event)\">\n                            </div>\n                            <textarea placeholder=\"Paste pem contents or select file\" [(ngModel)]=\"formData.certPem\" [ngClass]=\"{error: errors['certPem']}\"></textarea>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">KID</span>\n                                </div>\n                                <span class=\"form-field-label\" >Optional</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter KID\" [(ngModel)]=\"formData.kid\"/>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"config-container-label\">ENABLED</div>\n                            <div\n                                    (click)=\"toggleEnabled()\"\n                                    [ngClass]=\"{ on: formData.enabled }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.enabled\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.enabled\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'API Calls'\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                        [class]=\"'api-data-no-wrap'\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n                        <div class=\"icon-copy copy\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n                    </div>\n                    <lib-json-view *ngIf=\"formData\" [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n                </lib-form-field-container>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["@charset \"UTF-8\";.jwt-signer-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.jwt-signer-form-container .select-file-button{padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);height:1.5625rem;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);border-style:solid;border-width:.0625rem;border-color:var(--stroke);color:var(--white);cursor:pointer;border-radius:var(--inputBorderRadius);gap:var(--marginMedium);margin-top:-.3125rem}.jwt-signer-form-container .select-file-button:hover{filter:brightness(.8)}.jwt-signer-form-container .select-file-button:active{filter:grayscale(1);transform:translateY(.0625rem)}.jwt-signer-form-container .select-file-button .spinner{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:transparent;border-top:.125rem solid white;border-right:.125rem solid white;border-bottom:.125rem solid transparent;border-left:.125rem solid transparent;animation:loading .5s infinite linear}.jwt-signer-form-container .select-file-label-container{gap:var(--marginMedium)}::ng-deep .jwt-signer-form-container select:disabled,::ng-deep .jwt-signer-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}::ng-deep .api-data-no-wrap .jse-text-mode{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content{width:100%;overflow:auto}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content .\\37cr{white-space:nowrap}.radio-group-container{display:flex;gap:var(--marginLarge)}.radio-group-container:focus .radio-button-container .radio-button-circle{border-color:var(--primaryColor)}.radio-group-container .radio-button-container{display:flex;flex-direction:row;align-items:center;background-color:var(--formGroup);border-radius:var(--inputBorderRadius);width:100%;padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);padding-top:var(--paddingLarge);padding-bottom:var(--paddingLarge);cursor:pointer;gap:var(--marginMedium)}.radio-group-container .radio-button-container .radio-button-circle{display:flex;width:1.3125rem;height:1.3125rem;border-radius:1.3125rem;border-width:.125rem;border-style:solid;border-color:var(--offWhite);align-items:center;justify-content:center;background-color:var(--offWhite)}.radio-group-container .radio-button-container .radio-button-circle .radio-button-inner-circle{display:none;width:.9375rem;height:.9375rem;border-radius:.9375rem;align-items:center;justify-content:center;background-color:var(--primaryColor)}.radio-group-container .radio-button-container.selected .radio-button-circle .radio-button-inner-circle{display:flex}.radio-group-container .radio-button-container:active .radio-button-circle .radio-button-inner-circle{display:flex;background-color:var(--menu)}.radio-group-container .radio-button-container .radio-button-label{color:var(--offWhite);font-size:.875rem;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.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"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: FormFieldToggleComponent, selector: "lib-form-field-toggle", inputs: ["label", "orientation", "labelOn", "labelOff", "toggleOn"], outputs: ["toggleOnChange"] }, { kind: "component", type: JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { kind: "component", type: CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: JwtSignerFormComponent, selector: "lib-configuration", inputs: { formData: "formData", errors: "errors" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "filterInput", first: true, predicate: ["fileSelect"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"(formData.id ? 'JWT Signer Details' : 'Create JWT Signer')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"jwt-signer-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column three-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Name'\"\n                        [label]=\"'Required'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"formData.name\" [ngClass]=\"{error: errors['name']}\" placeholder=\"Name this JWT Signer\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'column'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Issuer</span>\n                                <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The &quot;issuer&quot; field on the JWT Signer must match the &quot;iss&quot; field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter issuer\" [(ngModel)]=\"formData.issuer\" [ngClass]=\"{error: errors['issuer']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Audience</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The expected &quot;aud&quot; (audience) field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter audience\" [(ngModel)]=\"formData.audience\"/>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Claims Property</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"The field on the JWT for mapping to an identity. Matches the identity's id or externalId if &quot;Use External Id&quot; is set to true. Defaults to &quot;sub&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter claims property\" [(ngModel)]=\"formData.claimsProperty\" (keyup)=\"checkExternalIdToggle()\" [ngClass]=\"{error: errors['claimsProperty']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\" style=\"font-weight: 600; font-size: 14px;\">External ID</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"If enabled, will match the &quot;claimsProperty&quot; to an identity's &quot;externalId&quot; field. If false, it will match to the identity's id field.\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                            </div>\n                            <div class=\"config-item\">\n                                <div class=\"config-container toggle-container\">\n                                    <div class=\"form-field-title-container\">\n                                        <div class=\"config-container-label\">Use External ID</div>\n                                    </div>\n                                    <div\n                                            (click)=\"toggleUseExternalId()\"\n                                            [ngClass]=\"{ on: formData.useExternalId }\"\n                                            class=\"toggle\"\n                                    >\n                                        <span [hidden]=\"!formData.useExternalId\" class=\"on-label\">YES</span>\n                                        <span [hidden]=\"formData.useExternalId\" class=\"off-label\">NO</span>\n                                        <div class=\"switch\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Client ID</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The client id to use when authenticating to the IDP\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter client ID\" [(ngModel)]=\"formData.clientId\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">External Auth Url</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The URL that users are directed to, to obtain a JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter external auth URL\" [(ngModel)]=\"formData.externalAuthUrl\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Scopes</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Enter as a comma or space seperated list of claims/permissions\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-chips (keyup)=\"scopesOnKeyup($event)\"\n                                 [(ngModel)]=\"formData.scopes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter scopes\"\n                                 [addOnBlur]=\"true\"\n                                 separator=\",\">\n                        </p-chips>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-toggle [(toggleOn)]=\"showMore\" (toggleOnChange)=\"showMoreChanged($event)\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n                <lib-form-field-container\n                    *ngIf=\"showMore && showTokenType\"\n                    [title]=\"'Tarket Token Type'\"\n                    [label]=\"'Required'\"\n                    [helpText]=\"'The target token type. Can be either Access or ID'\"\n                    class=\"form-field-advanced\"\n                >\n                    <select\n                            [(ngModel)]=\"targetToken\"\n                            id=\"authPolicyId\"\n                            class=\"form-field-dropdown\"\n                    >\n                        <option value=\"ACCESS\">Access</option>\n                        <option value=\"ID\">ID</option>\n                    </select>\n                </lib-form-field-container>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                            [title]=\"'Custom Tags'\"\n                            [label]=\"'OPTIONAL'\"\n                            class=\"form-field-advanced\"\n                    >\n                        <lib-custom-tags [(tags)]=\"formData.tags\"></lib-custom-tags>\n                    </lib-form-field-container>\n                </div>\n            </div>\n            <div class=\"form-group-column two-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Verification'\"\n                        [label]=\"'REQUIRED'\"\n                >\n                    <div class=\"radio-group-container\" (keydown)=\"radioKeyDownHandler($event)\" tabindex=\"0\">\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'JWKS_ENDPOINT'}\" (click)=\"selectSignatureMethod('JWKS_ENDPOINT')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">JWKS Endpoint</span>\n                        </div>\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'CERT_PEM'}\" (click)=\"selectSignatureMethod('CERT_PEM')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">Cert PEM</span>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'JWKS_ENDPOINT'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">JWKS Endpoint</span>\n                                </div>\n                            </div>\n                            <input class=\"form-field-input read-only\" placeholder=\"Enter endpoint URL\" [(ngModel)]=\"formData.jwksEndpoint\" [ngClass]=\"{error: errors['certPem']}\"/>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'CERT_PEM'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">PEM</span>\n                                </div>\n                                <span class=\"select-file-button\" (click)=\"openFileSelect($event)\">\n                                    Select File\n                                    <div class=\"spinner\" *ngIf=\"fileSelectOpening\"></div>\n                                </span>\n                                <input #fileSelect type=\"file\" style=\"display:none\" (change)=\"selectPemFile($event)\">\n                            </div>\n                            <textarea placeholder=\"Paste pem contents or select file\" [(ngModel)]=\"formData.certPem\" [ngClass]=\"{error: errors['certPem']}\"></textarea>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">KID</span>\n                                </div>\n                                <span class=\"form-field-label\" >Optional</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter KID\" [(ngModel)]=\"formData.kid\"/>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"config-container-label\">ENABLED</div>\n                            <div\n                                    (click)=\"toggleEnabled()\"\n                                    [ngClass]=\"{ on: formData.enabled }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.enabled\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.enabled\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'API Calls'\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                        [class]=\"'api-data-no-wrap'\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n                        <div class=\"icon-copy copy\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n                    </div>\n                    <lib-json-view *ngIf=\"formData\" [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n                </lib-form-field-container>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["@charset \"UTF-8\";.jwt-signer-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.jwt-signer-form-container .select-file-button{padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);height:1.5625rem;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);border-style:solid;border-width:.0625rem;border-color:var(--stroke);color:var(--white);cursor:pointer;border-radius:var(--inputBorderRadius);gap:var(--marginMedium);margin-top:-.3125rem}.jwt-signer-form-container .select-file-button:hover{filter:brightness(.8)}.jwt-signer-form-container .select-file-button:active{filter:grayscale(1);transform:translateY(.0625rem)}.jwt-signer-form-container .select-file-button .spinner{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:transparent;border-top:.125rem solid white;border-right:.125rem solid white;border-bottom:.125rem solid transparent;border-left:.125rem solid transparent;animation:loading .5s infinite linear}.jwt-signer-form-container .select-file-label-container{gap:var(--marginMedium)}::ng-deep .jwt-signer-form-container select:disabled,::ng-deep .jwt-signer-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}::ng-deep .api-data-no-wrap .jse-text-mode{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content{width:100%;overflow:auto}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content .\\37cr{white-space:nowrap}.radio-group-container{display:flex;gap:var(--marginLarge)}.radio-group-container:focus .radio-button-container .radio-button-circle{border-color:var(--primaryColor)}.radio-group-container .radio-button-container{display:flex;flex-direction:row;align-items:center;background-color:var(--formGroup);border-radius:var(--inputBorderRadius);width:100%;padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);padding-top:var(--paddingLarge);padding-bottom:var(--paddingLarge);cursor:pointer;gap:var(--marginMedium)}.radio-group-container .radio-button-container .radio-button-circle{display:flex;width:1.3125rem;height:1.3125rem;border-radius:1.3125rem;border-width:.125rem;border-style:solid;border-color:var(--offWhite);align-items:center;justify-content:center;background-color:var(--offWhite)}.radio-group-container .radio-button-container .radio-button-circle .radio-button-inner-circle{display:none;width:.9375rem;height:.9375rem;border-radius:.9375rem;align-items:center;justify-content:center;background-color:var(--primaryColor)}.radio-group-container .radio-button-container.selected .radio-button-circle .radio-button-inner-circle{display:flex}.radio-group-container .radio-button-container:active .radio-button-circle .radio-button-inner-circle{display:flex;background-color:var(--menu)}.radio-group-container .radio-button-container .radio-button-label{color:var(--offWhite);font-size:.875rem;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.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"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton"], outputs: ["formViewChange", "actionRequested"] }, { kind: "component", type: FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }, { kind: "component", type: FormFieldToggleComponent, selector: "lib-form-field-toggle", inputs: ["label", "orientation", "labelOn", "labelOff", "toggleOn"], outputs: ["toggleOnChange"] }, { kind: "component", type: JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { kind: "component", type: CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: JwtSignerFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-configuration', template: "<div class=\"projectable-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"(formData.id ? 'JWT Signer Details' : 'Create JWT Signer')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"jwt-signer-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column three-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Name'\"\n                        [label]=\"'Required'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"formData.name\" [ngClass]=\"{error: errors['name']}\" placeholder=\"Name this JWT Signer\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'column'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Issuer</span>\n                                <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The &quot;issuer&quot; field on the JWT Signer must match the &quot;iss&quot; field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter issuer\" [(ngModel)]=\"formData.issuer\" [ngClass]=\"{error: errors['issuer']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Audience</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The expected &quot;aud&quot; (audience) field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter audience\" [(ngModel)]=\"formData.audience\"/>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Claims Property</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"The field on the JWT for mapping to an identity. Matches the identity's id or externalId if &quot;Use External Id&quot; is set to true. Defaults to &quot;sub&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter claims property\" [(ngModel)]=\"formData.claimsProperty\" (keyup)=\"checkExternalIdToggle()\" [ngClass]=\"{error: errors['claimsProperty']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\" style=\"font-weight: 600; font-size: 14px;\">External ID</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"If enabled, will match the &quot;claimsProperty&quot; to an identity's &quot;externalId&quot; field. If false, it will match to the identity's id field.\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                            </div>\n                            <div class=\"config-item\">\n                                <div class=\"config-container toggle-container\">\n                                    <div class=\"form-field-title-container\">\n                                        <div class=\"config-container-label\">Use External ID</div>\n                                    </div>\n                                    <div\n                                            (click)=\"toggleUseExternalId()\"\n                                            [ngClass]=\"{ on: formData.useExternalId }\"\n                                            class=\"toggle\"\n                                    >\n                                        <span [hidden]=\"!formData.useExternalId\" class=\"on-label\">YES</span>\n                                        <span [hidden]=\"formData.useExternalId\" class=\"off-label\">NO</span>\n                                        <div class=\"switch\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Client ID</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The client id to use when authenticating to the IDP\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter client ID\" [(ngModel)]=\"formData.clientId\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">External Auth Url</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The URL that users are directed to, to obtain a JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter external auth URL\" [(ngModel)]=\"formData.externalAuthUrl\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Scopes</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Enter as a comma or space seperated list of claims/permissions\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-chips (keyup)=\"scopesOnKeyup($event)\"\n                                 [(ngModel)]=\"formData.scopes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter scopes\"\n                                 [addOnBlur]=\"true\"\n                                 separator=\",\">\n                        </p-chips>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-toggle [(toggleOn)]=\"showMore\" (toggleOnChange)=\"showMoreChanged($event)\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                            [title]=\"'Custom Tags'\"\n                            [label]=\"'OPTIONAL'\"\n                            class=\"form-field-advanced\"\n                    >\n                        <lib-custom-tags [(tags)]=\"formData.tags\"></lib-custom-tags>\n                    </lib-form-field-container>\n                </div>\n            </div>\n            <div class=\"form-group-column two-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Verification'\"\n                        [label]=\"'REQUIRED'\"\n                >\n                    <div class=\"radio-group-container\" (keydown)=\"radioKeyDownHandler($event)\" tabindex=\"0\">\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'JWKS_ENDPOINT'}\" (click)=\"selectSignatureMethod('JWKS_ENDPOINT')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">JWKS Endpoint</span>\n                        </div>\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'CERT_PEM'}\" (click)=\"selectSignatureMethod('CERT_PEM')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">Cert PEM</span>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'JWKS_ENDPOINT'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">JWKS Endpoint</span>\n                                </div>\n                            </div>\n                            <input class=\"form-field-input read-only\" placeholder=\"Enter endpoint URL\" [(ngModel)]=\"formData.jwksEndpoint\" [ngClass]=\"{error: errors['certPem']}\"/>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'CERT_PEM'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">PEM</span>\n                                </div>\n                                <span class=\"select-file-button\" (click)=\"openFileSelect($event)\">\n                                    Select File\n                                    <div class=\"spinner\" *ngIf=\"fileSelectOpening\"></div>\n                                </span>\n                                <input #fileSelect type=\"file\" style=\"display:none\" (change)=\"selectPemFile($event)\">\n                            </div>\n                            <textarea placeholder=\"Paste pem contents or select file\" [(ngModel)]=\"formData.certPem\" [ngClass]=\"{error: errors['certPem']}\"></textarea>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">KID</span>\n                                </div>\n                                <span class=\"form-field-label\" >Optional</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter KID\" [(ngModel)]=\"formData.kid\"/>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"config-container-label\">ENABLED</div>\n                            <div\n                                    (click)=\"toggleEnabled()\"\n                                    [ngClass]=\"{ on: formData.enabled }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.enabled\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.enabled\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'API Calls'\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                        [class]=\"'api-data-no-wrap'\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n                        <div class=\"icon-copy copy\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n                    </div>\n                    <lib-json-view *ngIf=\"formData\" [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n                </lib-form-field-container>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["@charset \"UTF-8\";.jwt-signer-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.jwt-signer-form-container .select-file-button{padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);height:1.5625rem;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);border-style:solid;border-width:.0625rem;border-color:var(--stroke);color:var(--white);cursor:pointer;border-radius:var(--inputBorderRadius);gap:var(--marginMedium);margin-top:-.3125rem}.jwt-signer-form-container .select-file-button:hover{filter:brightness(.8)}.jwt-signer-form-container .select-file-button:active{filter:grayscale(1);transform:translateY(.0625rem)}.jwt-signer-form-container .select-file-button .spinner{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:transparent;border-top:.125rem solid white;border-right:.125rem solid white;border-bottom:.125rem solid transparent;border-left:.125rem solid transparent;animation:loading .5s infinite linear}.jwt-signer-form-container .select-file-label-container{gap:var(--marginMedium)}::ng-deep .jwt-signer-form-container select:disabled,::ng-deep .jwt-signer-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}::ng-deep .api-data-no-wrap .jse-text-mode{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content{width:100%;overflow:auto}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content .\\37cr{white-space:nowrap}.radio-group-container{display:flex;gap:var(--marginLarge)}.radio-group-container:focus .radio-button-container .radio-button-circle{border-color:var(--primaryColor)}.radio-group-container .radio-button-container{display:flex;flex-direction:row;align-items:center;background-color:var(--formGroup);border-radius:var(--inputBorderRadius);width:100%;padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);padding-top:var(--paddingLarge);padding-bottom:var(--paddingLarge);cursor:pointer;gap:var(--marginMedium)}.radio-group-container .radio-button-container .radio-button-circle{display:flex;width:1.3125rem;height:1.3125rem;border-radius:1.3125rem;border-width:.125rem;border-style:solid;border-color:var(--offWhite);align-items:center;justify-content:center;background-color:var(--offWhite)}.radio-group-container .radio-button-container .radio-button-circle .radio-button-inner-circle{display:none;width:.9375rem;height:.9375rem;border-radius:.9375rem;align-items:center;justify-content:center;background-color:var(--primaryColor)}.radio-group-container .radio-button-container.selected .radio-button-circle .radio-button-inner-circle{display:flex}.radio-group-container .radio-button-container:active .radio-button-circle .radio-button-inner-circle{display:flex;background-color:var(--menu)}.radio-group-container .radio-button-container .radio-button-label{color:var(--offWhite);font-size:.875rem;font-weight:600}\n"] }]
+            args: [{ selector: 'lib-configuration', template: "<div class=\"projectable-form-wrapper\"\n     (keyup.enter)=\"save($event)\"\n     (keyup.escape)=\"closeModal(false)\"\n     tabindex=\"0\"\n>\n    <lib-form-header\n            [data]=\"formData\"\n            [title]=\"(formData.id ? 'JWT Signer Details' : 'Create JWT Signer')\"\n            [moreActions]=\"formData.moreActions\"\n            (actionRequested)=\"headerActionRequested($event)\"\n            [(formView)]=\"formView\"\n            [saveDisabled]=\"svc.saveDisabled || formDataInvalid\"\n    ></lib-form-header>\n    <div class=\"jwt-signer-form-container projectable-form-container\">\n        <div class=\"projectable-form-main-column form-group-row\" [hidden]=\"formView !== 'simple'\">\n            <div class=\"form-group-column three-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Name'\"\n                        [label]=\"'Required'\"\n                >\n                    <input class=\"form-field-input read-only\" [(ngModel)]=\"formData.name\" [ngClass]=\"{error: errors['name']}\" placeholder=\"Name this JWT Signer\"/>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [layout]=\"'column'\"\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-header\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Issuer</span>\n                                <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The &quot;issuer&quot; field on the JWT Signer must match the &quot;iss&quot; field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <span class=\"form-field-label\" >Required</span>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter issuer\" [(ngModel)]=\"formData.issuer\" [ngClass]=\"{error: errors['issuer']}\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Audience</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The expected &quot;aud&quot; (audience) field on the JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter audience\" [(ngModel)]=\"formData.audience\"/>\n                    </div>\n                    <div class=\"form-field-row\">\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-title-container\">\n                                <span class=\"form-field-title\">Claims Property</span>\n                                <div\n                                        class=\"form-field-info infoicon\"\n                                        matTooltip=\"The field on the JWT for mapping to an identity. Matches the identity's id or externalId if &quot;Use External Id&quot; is set to true. Defaults to &quot;sub&quot;\"\n                                        matTooltipPosition=\"below\"\n                                ></div>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter claims property\" [(ngModel)]=\"formData.claimsProperty\" (keyup)=\"checkExternalIdToggle()\" [ngClass]=\"{error: errors['claimsProperty']}\"/>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <div class=\"config-container-label\" style=\"font-weight: 600; font-size: 14px;\">External ID</div>\n                                    <div\n                                            class=\"form-field-info infoicon\"\n                                            matTooltip=\"If enabled, will match the &quot;claimsProperty&quot; to an identity's &quot;externalId&quot; field. If false, it will match to the identity's id field.\"\n                                            matTooltipPosition=\"below\"\n                                    ></div>\n                                </div>\n                            </div>\n                            <div class=\"config-item\">\n                                <div class=\"config-container toggle-container\">\n                                    <div class=\"form-field-title-container\">\n                                        <div class=\"config-container-label\">Use External ID</div>\n                                    </div>\n                                    <div\n                                            (click)=\"toggleUseExternalId()\"\n                                            [ngClass]=\"{ on: formData.useExternalId }\"\n                                            class=\"toggle\"\n                                    >\n                                        <span [hidden]=\"!formData.useExternalId\" class=\"on-label\">YES</span>\n                                        <span [hidden]=\"formData.useExternalId\" class=\"off-label\">NO</span>\n                                        <div class=\"switch\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Client ID</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The client id to use when authenticating to the IDP\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter client ID\" [(ngModel)]=\"formData.clientId\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">External Auth Url</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"The URL that users are directed to, to obtain a JWT\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <input class=\"form-field-input\" placeholder=\"Enter external auth URL\" [(ngModel)]=\"formData.externalAuthUrl\"/>\n                    </div>\n                    <div class=\"form-field-label-container\">\n                        <div class=\"form-field-title-container\">\n                            <span class=\"form-field-title\">Scopes</span>\n                            <div\n                                    class=\"form-field-info infoicon\"\n                                    matTooltip=\"Enter as a comma or space seperated list of claims/permissions\"\n                                    matTooltipPosition=\"below\"\n                            ></div>\n                        </div>\n                        <p-chips (keyup)=\"scopesOnKeyup($event)\"\n                                 [(ngModel)]=\"formData.scopes\"\n                                 [allowDuplicate]=\"false\"\n                                 placeholder=\"Enter scopes\"\n                                 [addOnBlur]=\"true\"\n                                 separator=\",\">\n                        </p-chips>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-toggle [(toggleOn)]=\"showMore\" (toggleOnChange)=\"showMoreChanged($event)\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n                <lib-form-field-container\n                    *ngIf=\"showMore && showTokenType\"\n                    [title]=\"'Tarket Token Type'\"\n                    [label]=\"'Required'\"\n                    [helpText]=\"'The target token type. Can be either Access or ID'\"\n                    class=\"form-field-advanced\"\n                >\n                    <select\n                            [(ngModel)]=\"targetToken\"\n                            id=\"authPolicyId\"\n                            class=\"form-field-dropdown\"\n                    >\n                        <option value=\"ACCESS\">Access</option>\n                        <option value=\"ID\">ID</option>\n                    </select>\n                </lib-form-field-container>\n                <div [hidden]=\"!showMore\" class=\"form-group-column\">\n                    <lib-form-field-container\n                            [title]=\"'Custom Tags'\"\n                            [label]=\"'OPTIONAL'\"\n                            class=\"form-field-advanced\"\n                    >\n                        <lib-custom-tags [(tags)]=\"formData.tags\"></lib-custom-tags>\n                    </lib-form-field-container>\n                </div>\n            </div>\n            <div class=\"form-group-column two-fifths\">\n                <lib-form-field-container\n                        [title]=\"'Verification'\"\n                        [label]=\"'REQUIRED'\"\n                >\n                    <div class=\"radio-group-container\" (keydown)=\"radioKeyDownHandler($event)\" tabindex=\"0\">\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'JWKS_ENDPOINT'}\" (click)=\"selectSignatureMethod('JWKS_ENDPOINT')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">JWKS Endpoint</span>\n                        </div>\n                        <div class=\"radio-button-container\" [ngClass]=\"{'selected': signatureMethod === 'CERT_PEM'}\" (click)=\"selectSignatureMethod('CERT_PEM')\">\n                            <div class=\"radio-button-circle\">\n                                <div class=\"radio-button-inner-circle\"></div>\n                            </div>\n                            <span class=\"radio-button-label\">Cert PEM</span>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'JWKS_ENDPOINT'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">JWKS Endpoint</span>\n                                </div>\n                            </div>\n                            <input class=\"form-field-input read-only\" placeholder=\"Enter endpoint URL\" [(ngModel)]=\"formData.jwksEndpoint\" [ngClass]=\"{error: errors['certPem']}\"/>\n                        </div>\n                    </div>\n                    <div *ngIf=\"signatureMethod === 'CERT_PEM'\" class=\"form-field-input-group\">\n                        <div class=\"form-field-label-container select-file-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">PEM</span>\n                                </div>\n                                <span class=\"select-file-button\" (click)=\"openFileSelect($event)\">\n                                    Select File\n                                    <div class=\"spinner\" *ngIf=\"fileSelectOpening\"></div>\n                                </span>\n                                <input #fileSelect type=\"file\" style=\"display:none\" (change)=\"selectPemFile($event)\">\n                            </div>\n                            <textarea placeholder=\"Paste pem contents or select file\" [(ngModel)]=\"formData.certPem\" [ngClass]=\"{error: errors['certPem']}\"></textarea>\n                        </div>\n                        <div class=\"form-field-label-container\">\n                            <div class=\"form-field-header\">\n                                <div class=\"form-field-title-container\">\n                                    <span class=\"form-field-title\">KID</span>\n                                </div>\n                                <span class=\"form-field-label\" >Optional</span>\n                            </div>\n                            <input class=\"form-field-input\" placeholder=\"Enter KID\" [(ngModel)]=\"formData.kid\"/>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [showHeader]=\"false\"\n                >\n                    <div class=\"config-item\">\n                        <div class=\"config-container toggle-container\">\n                            <div class=\"config-container-label\">ENABLED</div>\n                            <div\n                                    (click)=\"toggleEnabled()\"\n                                    [ngClass]=\"{ on: formData.enabled }\"\n                                    class=\"toggle\"\n                            >\n                                <span [hidden]=\"!formData.enabled\" class=\"on-label\">YES</span>\n                                <span [hidden]=\"formData.enabled\" class=\"off-label\">NO</span>\n                                <div class=\"switch\"></div>\n                            </div>\n                        </div>\n                    </div>\n                </lib-form-field-container>\n                <lib-form-field-container\n                        [title]=\"'API Calls'\"\n                        [headerActions]=\"apiOptions\"\n                        (actionRequested)=\"apiActionRequested($event)\"\n                        [class]=\"'api-data-no-wrap'\"\n                >\n                    <div class=\"form-row\">\n                        <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n                        <div class=\"icon-copy copy\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n                    </div>\n                    <lib-json-view *ngIf=\"formData\" [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n                </lib-form-field-container>\n            </div>\n        </div>\n        <div class=\"form-group-column\" *ngIf=\"formView === 'raw'\">\n            <lib-json-view *ngIf=\"formData\" [(data)]=\"formData\"></lib-json-view>\n        </div>\n    </div>\n</div>\n<lib-loading-indicator *ngIf=\"isLoading\" [isLoading]=\"isLoading\"></lib-loading-indicator>\n", styles: ["@charset \"UTF-8\";.jwt-signer-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:var(--gapXL)}.jwt-signer-form-container .select-file-button{padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);height:1.5625rem;width:-moz-fit-content;width:fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--primary);border-style:solid;border-width:.0625rem;border-color:var(--stroke);color:var(--white);cursor:pointer;border-radius:var(--inputBorderRadius);gap:var(--marginMedium);margin-top:-.3125rem}.jwt-signer-form-container .select-file-button:hover{filter:brightness(.8)}.jwt-signer-form-container .select-file-button:active{filter:grayscale(1);transform:translateY(.0625rem)}.jwt-signer-form-container .select-file-button .spinner{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:transparent;border-top:.125rem solid white;border-right:.125rem solid white;border-bottom:.125rem solid transparent;border-left:.125rem solid transparent;animation:loading .5s infinite linear}.jwt-signer-form-container .select-file-label-container{gap:var(--marginMedium)}::ng-deep .jwt-signer-form-container select:disabled,::ng-deep .jwt-signer-form-container input:disabled{opacity:.75!important;cursor:text;background-color:var(--stroke)!important}::ng-deep .api-data-no-wrap .jse-text-mode{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller{width:100%}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content{width:100%;overflow:auto}::ng-deep .api-data-no-wrap .jse-text-mode .cm-editor .cm-scroller .cm-content .\\37cr{white-space:nowrap}.radio-group-container{display:flex;gap:var(--marginLarge)}.radio-group-container:focus .radio-button-container .radio-button-circle{border-color:var(--primaryColor)}.radio-group-container .radio-button-container{display:flex;flex-direction:row;align-items:center;background-color:var(--formGroup);border-radius:var(--inputBorderRadius);width:100%;padding-left:var(--paddingMedium);padding-right:var(--paddingMedium);padding-top:var(--paddingLarge);padding-bottom:var(--paddingLarge);cursor:pointer;gap:var(--marginMedium)}.radio-group-container .radio-button-container .radio-button-circle{display:flex;width:1.3125rem;height:1.3125rem;border-radius:1.3125rem;border-width:.125rem;border-style:solid;border-color:var(--offWhite);align-items:center;justify-content:center;background-color:var(--offWhite)}.radio-group-container .radio-button-container .radio-button-circle .radio-button-inner-circle{display:none;width:.9375rem;height:.9375rem;border-radius:.9375rem;align-items:center;justify-content:center;background-color:var(--primaryColor)}.radio-group-container .radio-button-container.selected .radio-button-circle .radio-button-inner-circle{display:flex}.radio-group-container .radio-button-container:active .radio-button-circle .radio-button-inner-circle{display:flex;background-color:var(--menu)}.radio-group-container .radio-button-container .radio-button-label{color:var(--offWhite);font-size:.875rem;font-weight:600}\n"] }]
         }], ctorParameters: function () { return [{ type: JwtSignerFormService }, { type: SchemaService }, { type: GrowlerService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SHAREDZ_EXTENSION]
@@ -22385,20 +22358,8 @@ class AuthPolicyFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Auth Policy`, errorMessage);
+            const errorMessage = this.dataService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Auth Policy`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -22447,7 +22408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class AuthPolicyFormComponent extends ProjectableForm {
     constructor(svc, schemaSvc, growlerService, extService, settingsService, zitiService, router, route, location, validationService) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.svc = svc;
         this.schemaSvc = schemaSvc;
         this.settingsService = settingsService;
@@ -22879,7 +22840,6 @@ class CertificateAuthoritiesPageService extends ListPageServiceClass {
                 headerName: 'JWT',
                 cellRenderer: jwtColumnRenderer,
                 headerComponent: TableColumnDefaultComponent,
-                headerComponentParams: enabledComponentParams,
                 resizable: true,
                 cellClass: 'nf-cell-vert-align tCol',
                 sortable: true,
@@ -22915,7 +22875,11 @@ class CertificateAuthoritiesPageService extends ListPageServiceClass {
     }
     addActionsPerRow(results) {
         return results.data.map((row) => {
-            row.actionList = ['update', 'verify', 'delete',];
+            let actionList = ['update', 'delete'];
+            if (!row.isVerified) {
+                actionList = ['update', 'verify', 'delete'];
+            }
+            row.actionList = actionList;
             return row;
         });
     }
@@ -23134,20 +23098,8 @@ class CertificateAuthorityFormService {
                 return false;
             });
         }).catch((resp) => {
-            let errorMessage;
-            if (resp?.error?.error?.cause?.message) {
-                errorMessage = resp?.error?.error?.cause?.message;
-            }
-            else if (resp?.error?.error?.cause?.reason) {
-                errorMessage = resp?.error?.error?.cause?.reason;
-            }
-            else if (resp?.error?.message) {
-                errorMessage = resp?.error?.message;
-            }
-            else {
-                errorMessage = 'An unknown error occurred';
-            }
-            const growlerData = new GrowlerModel('error', 'Error', `Error Creating Certificate Authority`, errorMessage);
+            const errorMessage = this.dataService.getErrorMessage(resp);
+            const growlerData = new GrowlerModel('error', 'Error', `Error ${isUpdate ? 'Updating' : 'Creating'} Certificate Authority`, errorMessage);
             this.growlerService.show(growlerData);
             throw resp;
         });
@@ -23199,7 +23151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class CertificateAuthorityFormComponent extends ProjectableForm {
     constructor(svc, schemaSvc, growlerService, extService, settingsService, zitiService, router, route, location, validationService) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.svc = svc;
         this.schemaSvc = schemaSvc;
         this.settingsService = settingsService;
@@ -23238,10 +23190,11 @@ class CertificateAuthorityFormComponent extends ProjectableForm {
         });
     }
     entityUpdated() {
+        this.badges = [];
         if (this.formData.id && this.formData.isVerified) {
             this.badges.push({ label: 'Verified', class: 'verified', circle: 'verified' });
         }
-        else {
+        else if (this.formData.id) {
             this.badges.push({ label: 'Unverified', class: 'unreg' });
         }
         super.entityUpdated();
@@ -23621,7 +23574,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 */
 class VerifyCertificateComponent extends ProjectableForm {
     constructor(svc, schemaSvc, growlerService, extService, settingsService, zitiService, router, route, location, validationService) {
-        super(growlerService, extService, zitiService, router, route, location);
+        super(growlerService, extService, zitiService, router, route, location, settingsService);
         this.svc = svc;
         this.schemaSvc = schemaSvc;
         this.settingsService = settingsService;
@@ -23803,6 +23756,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['fileSelect']
             }] } });
 
+/*
+    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.
+*/
+class LoginDialogComponent {
+    constructor(svc, settingsService, data, router, dialogRef) {
+        this.svc = svc;
+        this.settingsService = settingsService;
+        this.data = data;
+        this.router = router;
+        this.dialogRef = dialogRef;
+        this.dataObj = {};
+        this.selectedEdgeController = '';
+        this.username = '';
+        this.password = '';
+        this.loginFailed = false;
+        this.edgeControllerList = [];
+        this.dataObj = data;
+        this.svc.loginDialogOpen = true;
+        this.selectedEdgeController = this.settingsService?.settings?.selectedEdgeController;
+    }
+    ngOnInit() {
+        this.settingsService.settingsChange.subscribe((results) => {
+            if (this.svc.originIsController) {
+                return;
+            }
+            if (results)
+                this.settingsReturned(results);
+        });
+    }
+    settingsReturned(settings) {
+        this.edgeControllerList = [];
+        if (settings.edgeControllers?.length > 0) {
+            this.edgeControllerList = [];
+            settings.edgeControllers.forEach((controller) => {
+                if (!controller.url) {
+                    return;
+                }
+                this.edgeControllerList.push({ name: controller.name + ` (${controller.url})`, value: controller.url });
+            });
+        }
+        const serviceUrl = localStorage.getItem("ziti-serviceUrl-value");
+        if (!isEmpty(serviceUrl)) {
+            const lastUrl = JSON.parse(serviceUrl).data;
+            this.selectedEdgeController = lastUrl.trim();
+        }
+        else {
+            this.selectedEdgeController = settings.selectedEdgeController;
+        }
+    }
+    edgeChanged(event) {
+        if (this.selectedEdgeController) {
+            this.settingsService.initApiVersions(this.selectedEdgeController);
+        }
+        this.settingsService.settings.selectedEdgeController = this.selectedEdgeController;
+    }
+    login() {
+        const apiVersions = this.settingsService.apiVersions;
+        const prefix = apiVersions && apiVersions["edge-management"]?.v1?.path || '';
+        this.loginFailed = false;
+        this.svc.login(prefix, this.selectedEdgeController, this.username.trim(), this.password, false).then((result) => {
+            if (result?.error) {
+                return;
+            }
+            this.svc.loginDialogOpen = false;
+            this.settingsService.set(this.settingsService.settings);
+            this.dialogRef.close({ isLoggedIn: true });
+        }).catch(() => {
+            this.loginFailed = true;
+        });
+    }
+    close() {
+        this.svc.loginDialogOpen = false;
+        this.dialogRef.close();
+    }
+    returnToLoginPage() {
+        this.svc.loginDialogOpen = false;
+        this.dialogRef.close({ returnToLogin: true });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginDialogComponent, deps: [{ token: ZAC_LOGIN_SERVICE }, { token: SETTINGS_SERVICE }, { token: MAT_DIALOG_DATA }, { token: i4.Router }, { token: i3$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoginDialogComponent, selector: "lib-confirm", ngImport: i0, template: "<div class=\"login-modal-container\">\n    <div class=\"close icon-close\" (click)=\"close()\"></div>\n    <form id=\"login-form\" (submit)=\"login()\" autocomplete=\"on\">\n        <div class=\"login-modal-body\">\n            <div class=\"login-modal-content\">\n                <div class=\"login-title-container\">\n                    <span class=\"login-title\">Session Expired</span>\n                    <span class=\"login-subtitle\">Please login to continue.</span>\n                </div>\n                <div class=\"login-modal-main\">\n                    <lib-selector-input\n                            *ngIf=\"!svc.originIsController\"\n                            [fieldName]=\"'Edge Controller'\"\n                            [(fieldValue)]=\"selectedEdgeController\"\n                            [placeholder]=\"'Select an Edge Controller'\"\n                            [valueList]=\"edgeControllerList\"\n                            (fieldValueChange)=\"edgeChanged($event)\"\n                    >\n                    </lib-selector-input>\n                    <lib-string-input [fieldName]=\"'Username'\"\n                                      [(fieldValue)]=\"username\"\n                                      [autocomplete]=\"'username'\"\n                                      [placeholder]=\"'enter username of controller'\"></lib-string-input>\n                    <lib-password-input [fieldName]=\"'Password'\"\n                                        [(fieldValue)]=\"password\"\n                                        [autocomplete]=\"'current-password'\"\n                                        [placeholder]=\"'enter password of controller'\"></lib-password-input>\n                    <span class=\"login-error-message\" *ngIf=\"loginFailed\">Login Failed</span>\n                </div>\n            </div>\n        </div>\n        <div class=\"login-buttons-container\">\n            <button class=\"button\" type=\"submit\">Login</button>\n            <div class=\"linkButton cancel\" (click)=\"returnToLoginPage()\">Return to login page</div>\n        </div>\n    </form>\n</div>\n", styles: [".login-modal-container{display:flex;flex-direction:column;background-color:var(--background);border-radius:1.5625rem;width:25rem;padding:var(--paddingXXL)}.login-modal-container .login-modal-body{display:flex;flex-direction:row;align-items:center}.login-modal-container .login-modal-body .login-modal-content{display:flex;flex-direction:column;width:100%}.login-modal-container .login-modal-body .login-modal-main{display:flex;flex-direction:column;align-items:center}.login-modal-container .login-modal-body .login-modal-icon{width:7.5rem;height:7.5rem;background-size:contain;z-index:20;box-sizing:var(--shadow);margin-left:.9375rem}.login-modal-container .login-modal-body lib-string-input,.login-modal-container .login-modal-body lib-password-input{width:100%}.login-modal-container .login-title-container{width:100%;display:flex;flex-direction:column}.login-modal-container .login-title-container .login-title{color:var(--primaryColor);font-size:1.875rem;position:relative;padding-left:0;width:100%;background:none;text-transform:none;height:auto;font-family:Russo One;filter:brightness(50%)}.login-modal-container .login-buttons-container{display:flex;justify-content:flex-end;flex-direction:row;width:100%;align-items:flex-end;margin-top:var(--marginXXL)}.login-modal-container .login-buttons-container .linkButton{position:absolute;left:1.5625rem;color:var(--subText);font-weight:600}.login-modal-container button{width:6.25rem;height:2.5rem;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.75rem}.login-modal-container button.confirm{background-color:var(--secondary)}.login-modal-container button.cancel{background-color:var(--primary)}.login-error-message{display:flex;justify-content:flex-start;width:100%;margin-top:.325rem;color:var(--red);font-weight:600;font-size:.925rem}\n"], dependencies: [{ kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: StringInputComponent, selector: "lib-string-input", inputs: ["fieldName", "helpText", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error", "autocomplete", "required"], outputs: ["fieldValueChange"] }, { kind: "component", type: SelectorInputComponent, selector: "lib-selector-input", inputs: ["fieldName", "fieldValue", "helpText", "placeholder", "parentage", "valueList", "labelColor", "fieldClass", "error"], outputs: ["fieldValueChange"] }, { kind: "component", type: PasswordInputComponent, selector: "lib-password-input", inputs: ["fieldName", "fieldValue", "placeholder", "parentage", "labelColor", "fieldClass", "error", "autocomplete", "required"], outputs: ["fieldValueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-confirm', template: "<div class=\"login-modal-container\">\n    <div class=\"close icon-close\" (click)=\"close()\"></div>\n    <form id=\"login-form\" (submit)=\"login()\" autocomplete=\"on\">\n        <div class=\"login-modal-body\">\n            <div class=\"login-modal-content\">\n                <div class=\"login-title-container\">\n                    <span class=\"login-title\">Session Expired</span>\n                    <span class=\"login-subtitle\">Please login to continue.</span>\n                </div>\n                <div class=\"login-modal-main\">\n                    <lib-selector-input\n                            *ngIf=\"!svc.originIsController\"\n                            [fieldName]=\"'Edge Controller'\"\n                            [(fieldValue)]=\"selectedEdgeController\"\n                            [placeholder]=\"'Select an Edge Controller'\"\n                            [valueList]=\"edgeControllerList\"\n                            (fieldValueChange)=\"edgeChanged($event)\"\n                    >\n                    </lib-selector-input>\n                    <lib-string-input [fieldName]=\"'Username'\"\n                                      [(fieldValue)]=\"username\"\n                                      [autocomplete]=\"'username'\"\n                                      [placeholder]=\"'enter username of controller'\"></lib-string-input>\n                    <lib-password-input [fieldName]=\"'Password'\"\n                                        [(fieldValue)]=\"password\"\n                                        [autocomplete]=\"'current-password'\"\n                                        [placeholder]=\"'enter password of controller'\"></lib-password-input>\n                    <span class=\"login-error-message\" *ngIf=\"loginFailed\">Login Failed</span>\n                </div>\n            </div>\n        </div>\n        <div class=\"login-buttons-container\">\n            <button class=\"button\" type=\"submit\">Login</button>\n            <div class=\"linkButton cancel\" (click)=\"returnToLoginPage()\">Return to login page</div>\n        </div>\n    </form>\n</div>\n", styles: [".login-modal-container{display:flex;flex-direction:column;background-color:var(--background);border-radius:1.5625rem;width:25rem;padding:var(--paddingXXL)}.login-modal-container .login-modal-body{display:flex;flex-direction:row;align-items:center}.login-modal-container .login-modal-body .login-modal-content{display:flex;flex-direction:column;width:100%}.login-modal-container .login-modal-body .login-modal-main{display:flex;flex-direction:column;align-items:center}.login-modal-container .login-modal-body .login-modal-icon{width:7.5rem;height:7.5rem;background-size:contain;z-index:20;box-sizing:var(--shadow);margin-left:.9375rem}.login-modal-container .login-modal-body lib-string-input,.login-modal-container .login-modal-body lib-password-input{width:100%}.login-modal-container .login-title-container{width:100%;display:flex;flex-direction:column}.login-modal-container .login-title-container .login-title{color:var(--primaryColor);font-size:1.875rem;position:relative;padding-left:0;width:100%;background:none;text-transform:none;height:auto;font-family:Russo One;filter:brightness(50%)}.login-modal-container .login-buttons-container{display:flex;justify-content:flex-end;flex-direction:row;width:100%;align-items:flex-end;margin-top:var(--marginXXL)}.login-modal-container .login-buttons-container .linkButton{position:absolute;left:1.5625rem;color:var(--subText);font-weight:600}.login-modal-container button{width:6.25rem;height:2.5rem;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.75rem}.login-modal-container button.confirm{background-color:var(--secondary)}.login-modal-container button.cancel{background-color:var(--primary)}.login-error-message{display:flex;justify-content:flex-start;width:100%;margin-top:.325rem;color:var(--red);font-weight:600;font-size:.925rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: LoginServiceClass, decorators: [{
+                    type: Inject,
+                    args: [ZAC_LOGIN_SERVICE]
+                }] }, { type: SettingsServiceClass, decorators: [{
+                    type: Inject,
+                    args: [SETTINGS_SERVICE]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i4.Router }, { type: i3$2.MatDialogRef }]; } });
+
 /*
     Copyright NetFoundry Inc.
 
@@ -23903,7 +23963,8 @@ class OpenZitiConsoleLibModule {
             PreviewSelectionsComponent,
             CertificateAuthoritiesPageComponent,
             CertificateAuthorityFormComponent,
-            VerifyCertificateComponent], imports: [CommonModule,
+            VerifyCertificateComponent,
+            LoginDialogComponent], imports: [CommonModule,
             FormsModule,
             MatDialogModule,
             MatRadioModule,
@@ -23954,7 +24015,8 @@ class OpenZitiConsoleLibModule {
             JwtSignersPageComponent,
             JwtSignerFormComponent,
             AuthPoliciesPageComponent,
-            AuthPolicyFormComponent] }); }
+            AuthPolicyFormComponent,
+            LoginDialogComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OpenZitiConsoleLibModule, providers: [
             { provide: SHAREDZ_EXTENSION, useClass: ExtensionsNoopService },
             { provide: ZITI_NAVIGATOR, useValue: {} },
@@ -24066,7 +24128,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         PreviewSelectionsComponent,
                         CertificateAuthoritiesPageComponent,
                         CertificateAuthorityFormComponent,
-                        VerifyCertificateComponent
+                        VerifyCertificateComponent,
+                        LoginDialogComponent
                     ],
                     imports: [
                         CommonModule,
@@ -24125,7 +24188,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         JwtSignersPageComponent,
                         JwtSignerFormComponent,
                         AuthPoliciesPageComponent,
-                        AuthPolicyFormComponent
+                        AuthPolicyFormComponent,
+                        LoginDialogComponent
                     ],
                     providers: [
                         { provide: SHAREDZ_EXTENSION, useClass: ExtensionsNoopService },
@@ -24141,7 +24205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 const VERSION = {
-    "version": "3.7.1"
+    "version": "3.8.0"
 };
 
 /*
@@ -25009,9 +25073,6 @@ class ZacWrapperService extends ZacWrapperServiceClass {
                 break;
         }
         return prom.catch((result) => {
-            if (result?.error?.error?.code === 'UNAUTHORIZED') {
-                this.zitiDomainController.handleUnauthorized();
-            }
             return result?.error;
         });
     }
@@ -25179,6 +25240,7 @@ class NodeDataService extends ZitiDataService {
         this.settingsService = settingsService;
         this.httpClient = httpClient;
         this.router = router;
+        this.dataServiceType = ZitiDataService.NODE_DATA_SERVICE_TYPE;
     }
     post(type, model, chained = false) {
         let clientSub;
@@ -25265,6 +25327,9 @@ class NodeDataService extends ZitiDataService {
             else if (results.error) {
                 this.handleError(results);
             }
+            if (results && !results?.data) {
+                results.data = {};
+            }
             return results;
         })));
     }
@@ -25420,7 +25485,7 @@ class NodeDataService extends ZitiDataService {
                     break;
                 case 'SELECT':
                 case 'COMBO':
-                    const val = isNumber(filter.value) ? `${filter.value}` : `"${filter.value}"`;
+                    const val = isNumber(filter.value) || isBoolean(filter.value) ? `${filter.value}` : `"${filter.value}"`;
                     filterVal = `${filter.columnId} = ${val}`;
                     break;
                 case 'DATETIME':
@@ -25460,16 +25525,7 @@ class NodeDataService extends ZitiDataService {
         return filter;
     }
     handleError(results) {
-        if (results?.errorObj?.code === 'UNAUTHORIZED') {
-            localStorage.removeItem('ziti.settings');
-            //window.location.href = '/login';
-            this.router.navigate(['/login']);
-            set(this.settingsService, 'hasNodeSession', false);
-            this.settingsService.set(this.settingsService.settings);
-        }
-        else {
-            this.logger.error(results?.error);
-        }
+        this.logger.error(results?.error);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDataService, deps: [{ token: LoggerService }, { token: GrowlerService }, { token: SETTINGS_SERVICE }, { token: i1$1.HttpClient }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDataService, providedIn: 'root' }); }
@@ -25793,5 +25849,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AuthPoliciesPageComponent, AuthPoliciesPageService, AuthPolicyFormComponent, AuthPolicyFormService, BooleanToggleInputComponent, COMPONENTS, CardListComponent, CertificateAuthoritiesPageComponent, CertificateAuthoritiesPageService, CertificateAuthorityFormComponent, CertificateAuthorityFormService, CheckboxListInputComponent, ConfigurationFormComponent, ConfigurationService, ConfigurationsPageComponent, CsvDownloadService, DEACTIVATE_GUARD, DataTableFilterService, DeactivateGuardService, EDGE_ROUTER_EXTENSION_SERVICE, EDGE_ROUTER_POLICY_EXTENSION_SERVICE, EdgeRouter, EdgeRouterFormComponent, EdgeRouterFormService, EdgeRouterPoliciesPageComponent, EdgeRouterPoliciesPageService, EdgeRouterPolicyFormComponent, EdgeRouterPolicyFormService, EdgeRoutersPageComponent, EdgeRoutersPageService, Entity, ExtendableComponent, ExtensionsNoopService, FormFieldContainerComponent, FormFieldToggleComponent, FormHeaderComponent, GrowlerComponent, GrowlerModel, GrowlerModule, GrowlerService, IDENTITY_EXTENSION_SERVICE, IdentitiesPageComponent, IdentitiesPageService, Identity$1 as Identity, IdentityFormComponent, IdentityFormService, IdentityServicePathComponent, JwtSignerFormComponent, JwtSignerFormService, JwtSignersPageComponent, JwtSignersPageService, KEY_CODES, ListPageComponent, ListPageServiceClass, LoadingIndicatorComponent, LoggerService, LoginServiceClass, NetworkVisualizerComponent, NodeDataService, NodeWrapperService, NoopLoginService, NoopTabInterceptorService, NumberInputComponent, ObjectComponent, OpenZitiConsoleLibModule, PasswordInputComponent, ProjectableForm, ProtocolAddressPortInputComponent, ResetEnrollmentService, SERVICE_EDGE_ROUTER_POLICY_EXTENSION_SERVICE, SERVICE_EXTENSION_SERVICE, SERVICE_POLICY_EXTENSION_SERVICE, SETTINGS_SERVICE, SHAREDZ_EXTENSION, SelectorInputComponent, ServiceEdgeRouterPoliciesPageComponent, ServiceEdgeRouterPoliciesPageService, ServiceEdgeRouterPolicyFormComponent, ServiceEdgeRouterPolicyFormService, ServiceFormComponent, ServiceFormService, ServicePoliciesPageComponent, ServicePoliciesPageService, ServicePolicyFormComponent, ServicePolicyFormService, ServicesPageComponent, ServicesPageService, SettingsService, SettingsServiceClass, SideBannerComponent, SideModalComponent, SideNavbarComponent, SideToolbarComponent, SimpleServiceComponent, StringInputComponent, TabNameService, TerminatorFormComponent, TerminatorFormService, TerminatorsPageComponent, TerminatorsPageService, TextListInputComponent, VERSION, VerifyCertificateComponent, VisualizerServiceClass, ZAC_LOGIN_SERVICE, ZAC_WRAPPER_SERVICE, ZITI_DATA_SERVICE, ZITI_DOMAIN_CONTROLLER, ZITI_NAVIGATOR, ZITI_TAB_OVERRIDES, ZITI_URLS, ZacRoutingModule, ZacWrapperComponent, ZacWrapperService, ZacWrapperServiceClass, ZitiControllerDataService, ZitiDataService, playerFactory };
+export { AuthPoliciesPageComponent, AuthPoliciesPageService, AuthPolicyFormComponent, AuthPolicyFormService, BooleanToggleInputComponent, COMPONENTS, CardListComponent, CertificateAuthoritiesPageComponent, CertificateAuthoritiesPageService, CertificateAuthorityFormComponent, CertificateAuthorityFormService, CheckboxListInputComponent, ConfigurationFormComponent, ConfigurationService, ConfigurationsPageComponent, CsvDownloadService, DEACTIVATE_GUARD, DataTableFilterService, DeactivateGuardService, EDGE_ROUTER_EXTENSION_SERVICE, EDGE_ROUTER_POLICY_EXTENSION_SERVICE, EdgeRouter, EdgeRouterFormComponent, EdgeRouterFormService, EdgeRouterPoliciesPageComponent, EdgeRouterPoliciesPageService, EdgeRouterPolicyFormComponent, EdgeRouterPolicyFormService, EdgeRoutersPageComponent, EdgeRoutersPageService, Entity, ExtendableComponent, ExtensionsNoopService, FormFieldContainerComponent, FormFieldToggleComponent, FormHeaderComponent, GrowlerComponent, GrowlerModel, GrowlerModule, GrowlerService, IDENTITY_EXTENSION_SERVICE, IdentitiesPageComponent, IdentitiesPageService, Identity$1 as Identity, IdentityFormComponent, IdentityFormService, IdentityServicePathComponent, JwtSignerFormComponent, JwtSignerFormService, JwtSignersPageComponent, JwtSignersPageService, KEY_CODES, ListPageComponent, ListPageServiceClass, LoadingIndicatorComponent, LoggerService, LoginDialogComponent, LoginServiceClass, NetworkVisualizerComponent, NodeDataService, NodeWrapperService, NoopLoginService, NoopTabInterceptorService, NumberInputComponent, ObjectComponent, OpenZitiConsoleLibModule, PasswordInputComponent, ProjectableForm, ProtocolAddressPortInputComponent, ResetEnrollmentService, SERVICE_EDGE_ROUTER_POLICY_EXTENSION_SERVICE, SERVICE_EXTENSION_SERVICE, SERVICE_POLICY_EXTENSION_SERVICE, SETTINGS_SERVICE, SHAREDZ_EXTENSION, SelectorInputComponent, ServiceEdgeRouterPoliciesPageComponent, ServiceEdgeRouterPoliciesPageService, ServiceEdgeRouterPolicyFormComponent, ServiceEdgeRouterPolicyFormService, ServiceFormComponent, ServiceFormService, ServicePoliciesPageComponent, ServicePoliciesPageService, ServicePolicyFormComponent, ServicePolicyFormService, ServicesPageComponent, ServicesPageService, SettingsService, SettingsServiceClass, SideBannerComponent, SideModalComponent, SideNavbarComponent, SideToolbarComponent, SimpleServiceComponent, StringInputComponent, TabNameService, TerminatorFormComponent, TerminatorFormService, TerminatorsPageComponent, TerminatorsPageService, TextListInputComponent, VERSION, VerifyCertificateComponent, VisualizerServiceClass, ZAC_LOGIN_SERVICE, ZAC_WRAPPER_SERVICE, ZITI_DATA_SERVICE, ZITI_DOMAIN_CONTROLLER, ZITI_NAVIGATOR, ZITI_TAB_OVERRIDES, ZITI_URLS, ZacRoutingModule, ZacWrapperComponent, ZacWrapperService, ZacWrapperServiceClass, ZitiControllerDataService, ZitiDataService, playerFactory };
 //# sourceMappingURL=openziti-ziti-console-lib.mjs.map