@openziti/ziti-console-lib 1.1.1 → 1.1.3

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

@@ -129,6 +129,7 @@ class ExtensionsNoopService {
     constructor() {
         this.formDataChanged = new BehaviorSubject({ isEmpty: true });
         this.closed = new EventEmitter();
+        this.consoleActionTriggered = new EventEmitter();
         this.closeAfterSave = true;
         this.moreActions = [];
         this.disabledComponents = [];
@@ -319,6 +320,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             }] } });
 
 class NumberInputComponent {
+    set fieldName(name) {
+        this._fieldName = name;
+        this._idName = name.replace(/\s/g, '').toLowerCase();
+    }
     constructor() {
         this._fieldName = 'Field Label';
         this._idName = 'fieldname';
@@ -330,19 +335,17 @@ class NumberInputComponent {
         this.fieldValueChange = new EventEmitter();
         this.valueChange = new Subject();
         this._isValid = true;
-    }
-    set fieldName(name) {
-        this._fieldName = name;
-        this._idName = name.replace(/\s/g, '').toLowerCase();
+        this._emitEventsDebounced = debounce(this.emitEvents.bind(this), 500);
     }
     setIsValid(isValid) {
         this._isValid = isValid;
     }
     onKeyup() {
-        debounce(() => {
-            this.fieldValueChange.emit(this.fieldValue);
-            this.valueChange.next(this.fieldValue);
-        }, 500)();
+        this._emitEventsDebounced();
+    }
+    emitEvents() {
+        this.fieldValueChange.emit(this.fieldValue);
+        this.valueChange.next(this.fieldValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: NumberInputComponent, isStandalone: false, selector: "lib-number-input", inputs: { fieldName: "fieldName", helpText: "helpText", fieldValue: "fieldValue", placeholder: "placeholder", parentage: "parentage", labelColor: "labelColor", fieldClass: "fieldClass", error: "error" }, outputs: { fieldValueChange: "fieldValueChange" }, ngImport: i0, template: `
@@ -361,7 +364,7 @@ class NumberInputComponent {
       <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
         type="number" class="jsonEntry"
         [ngClass]="{'error': error}"
-        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()"/>
+        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
       @if (error) {
         <div class="error">{{error}}</div>
       }
@@ -386,13 +389,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       <input id="schema_{{parentage?parentage+'_':''}}{{_idName}}"
         type="number" class="jsonEntry"
         [ngClass]="{'error': error}"
-        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()"/>
+        [placeholder]="placeholder" [(ngModel)]="fieldValue" (paste)="onKeyup()" (keyup)="onKeyup()" (change)="emitEvents()"/>
       @if (error) {
         <div class="error">{{error}}</div>
       }
     </div>
     `, standalone: false, styles: [".number-input-container{margin:var(--marginSmall) 0}.number-input-container label{margin-bottom:0rem;margin-top:0rem}.number-input-container input.error{border-color:red}.number-input-container div.error{color:red}.label-container{display:flex;gap:.3125rem;margin-bottom:var(--marginSmall);margin-top:var(--marginMedium)}\n"] }]
-        }], propDecorators: { fieldName: [{
+        }], ctorParameters: () => [], propDecorators: { fieldName: [{
                 type: Input
             }], helpText: [{
                 type: Input
@@ -881,7 +884,7 @@ class CheckboxListInputComponent {
           <input type="checkbox"
             class="jsonEntry checkbox"
             [ngClass]="{'error': error}"
-            [checked]="item.checked" (click)="item.checked=!item.checked;updateFieldVal();"/>
+            [(ngModel)]="item.checked" (ngModelChange)="updateFieldVal()"/>
           <span class="boxlabel">{{item.name}}</span>
         </div>
       }
@@ -889,7 +892,7 @@ class CheckboxListInputComponent {
         <div class="error">{{error}}</div>
       }
     </div>
-    `, isInline: true, styles: [".boxlabel{text-transform:uppercase;position:absolute;padding-top:.3rem;padding-left:.25rem}input{width:1rem;height:1.5rem;border-radius:.25rem}input:checked{background-color:var(--green)!important}.jsonEntry.checkbox{width:1.5625rem;height:1.5625rem;border-radius:.9375rem;cursor:pointer;transition:background-color .5s;top:.8125rem;left:.625rem;background-color:var(--navigation);transition:var(--transition);border:.125rem var(--offWhite) solid}.jsonEntry.checkbox:checked{background-color:var(--green);background-image:url(/assets/images/check.png);background-size:45%;background-position:center center;background-repeat:no-repeat;border:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    `, isInline: true, styles: [".boxlabel{text-transform:uppercase;position:absolute;padding-top:.3rem;padding-left:.25rem}input{width:1rem;height:1.5rem;border-radius:.25rem}input:checked{background-color:var(--green)!important}.jsonEntry.checkbox{width:1.5625rem;height:1.5625rem;border-radius:.9375rem;cursor:pointer;transition:background-color .5s;top:.8125rem;left:.625rem;background-color:var(--navigation);transition:var(--transition);border:.125rem var(--offWhite) solid}.jsonEntry.checkbox:checked{background-color:var(--green);background-image:url(/assets/images/check.png);background-size:45%;background-position:center center;background-repeat:no-repeat;border:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CheckboxListInputComponent, decorators: [{
             type: Component,
@@ -901,7 +904,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <input type="checkbox"
             class="jsonEntry checkbox"
             [ngClass]="{'error': error}"
-            [checked]="item.checked" (click)="item.checked=!item.checked;updateFieldVal();"/>
+            [(ngModel)]="item.checked" (ngModelChange)="updateFieldVal()"/>
           <span class="boxlabel">{{item.name}}</span>
         </div>
       }
@@ -5817,7 +5820,6 @@ class IdentitiesPageService extends ListPageServiceClass {
         ];
         this.tableHeaderActions = [
             { name: 'Download All', action: 'download-all' },
-            { name: 'Download Selected', action: 'download-selected' },
         ];
         this.resourceType = 'identities';
         this.validate = (formData) => {
@@ -6471,6 +6473,8 @@ class EdgeRoutersPageService extends ListPageServiceClass {
             { label: 'Version', path: 'versionInfo.version' },
             { label: 'Revision', path: 'versionInfo.revision' },
             { label: 'Fingerprint', path: 'fingerprint' },
+            { label: 'Advertise TLS Address', path: 'supportedProtocols.tls' },
+            { label: 'Advertise WSS Address', path: 'supportedProtocols.wss' },
             { label: 'ID', path: 'id' },
         ];
         this.selectedEdgeRouter = new EdgeRouter();
@@ -6655,6 +6659,46 @@ class EdgeRoutersPageService extends ListPageServiceClass {
                 resizable: true,
                 cellClass: 'nf-cell-vert-align tCol',
             },
+            {
+                colId: 'hostname',
+                field: 'hostname',
+                headerName: 'Host Name',
+                headerComponent: TableColumnDefaultComponent,
+                resizable: true,
+                cellClass: 'nf-cell-vert-align tCol',
+                sortable: false,
+                filter: false,
+                tooltipValueGetter: (params) => {
+                    return params.value || '';
+                }
+            },
+            {
+                colId: 'version',
+                field: 'versionInfo.version',
+                headerName: 'Router Version',
+                headerComponent: TableColumnDefaultComponent,
+                resizable: true,
+                cellClass: 'nf-cell-vert-align tCol',
+                sortable: false,
+                filter: false,
+            },
+            {
+                colId: 'supportedProtocols',
+                headerName: 'Advertise Address',
+                headerComponent: TableColumnDefaultComponent,
+                resizable: true,
+                sortable: false,
+                filter: false,
+                valueGetter: (params) => {
+                    const protocols = params.data?.supportedProtocols;
+                    if (!protocols)
+                        return '';
+                    return Object.values(protocols).filter(Boolean).join(' | ');
+                },
+                tooltipValueGetter: (params) => params.value,
+                tooltipShowMode: 'whenTruncated',
+                cellStyle: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }
+            },
             this.ID_COLUMN_DEF
         ];
         if (this.extService.processTableColumns) {
@@ -8567,10 +8611,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class ConfigurationsPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Configurations';
         this.formDataChanged = false;
     }
@@ -8605,6 +8650,7 @@ class ConfigurationsPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -8629,6 +8675,14 @@ class ConfigurationsPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'config',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'config');
     }
@@ -8666,13 +8720,16 @@ class ConfigurationsPageComponent extends ListPageComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigurationsPageComponent, deps: [{ token: ConfigurationsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigurationsPageComponent, deps: [{ token: ConfigurationsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: ConfigurationsPageComponent, isStandalone: false, selector: "lib-configurations", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-configs-container\">\n    <lib-list-page-header [title]=\"title\"\n                          [tabs]=\"tabs\"\n                          [showAdd]=\"!itemsSelected\"\n                          (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n    <lib-data-table [tableId]=\"'configurations'\"\n                    [rowData]=\"rowData\"\n                    [columnDefinitions]=\"columnDefs\"\n                    (actionRequested)=\"tableAction($event)\"\n                    [startCount]=\"startCount\"\n                    [endCount]=\"endCount\"\n                    [totalCount]=\"totalCount\"\n                    [emptyMsg]=\"'No Configurations defined, Click the plus to add a Configuration.'\"\n                    [filterApplied]=\"filterApplied\"\n                    [menuItems]=\"svc.menuItems\"\n                    (gridReady)=\"gridReady($event)\"\n    >\n    </lib-data-table>\n</div>\n", styles: [".configurations{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigurationsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-configurations', standalone: false, template: "<div class=\"ziti-page-container ziti-configs-container\">\n    <lib-list-page-header [title]=\"title\"\n                          [tabs]=\"tabs\"\n                          [showAdd]=\"!itemsSelected\"\n                          (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n    <lib-data-table [tableId]=\"'configurations'\"\n                    [rowData]=\"rowData\"\n                    [columnDefinitions]=\"columnDefs\"\n                    (actionRequested)=\"tableAction($event)\"\n                    [startCount]=\"startCount\"\n                    [endCount]=\"endCount\"\n                    [totalCount]=\"totalCount\"\n                    [emptyMsg]=\"'No Configurations defined, Click the plus to add a Configuration.'\"\n                    [filterApplied]=\"filterApplied\"\n                    [menuItems]=\"svc.menuItems\"\n                    (gridReady)=\"gridReady($event)\"\n    >\n    </lib-data-table>\n</div>\n", styles: [".configurations{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}\n"] }]
-        }], ctorParameters: () => [{ type: ConfigurationsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: ConfigurationsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 /*
     Copyright NetFoundry Inc.
@@ -11457,6 +11514,7 @@ class IdentitiesPageComponent extends ListPageComponent {
     }
     tableAction(event) {
         const extensionActionFound = this.handleExtensionActions(event);
+        this.trackMenuAction(event?.action, event?.item);
         if (extensionActionFound) {
             return;
         }
@@ -11533,6 +11591,14 @@ class IdentitiesPageComponent extends ListPageComponent {
             autoFocus: false,
         });
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'identity',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'identity');
     }
@@ -11642,6 +11708,7 @@ class EdgeRoutersPageComponent extends ListPageComponent {
         this.formDataChanged = event;
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         if (this.extService?.listActions?.length > 0) {
             let extensionFound = false;
             this.extService?.listActions?.forEach((extAction) => {
@@ -11686,6 +11753,14 @@ class EdgeRoutersPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'edge-router',
+            item,
+            type: 'menu-action'
+        });
+    }
     downloadJWT(item) {
         const jwt = this.svc.getJWT(item);
         this.svc.downloadJWT(jwt, item.name);
@@ -11991,6 +12066,7 @@ class TransitRoutersPageComponent extends ListPageComponent {
         this.formDataChanged = event;
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         if (this.extService?.listActions?.length > 0) {
             let extensionFound = false;
             this.extService?.listActions?.forEach((extAction) => {
@@ -12035,6 +12111,14 @@ class TransitRoutersPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'transit-router',
+            item,
+            type: 'menu-action'
+        });
+    }
     downloadJWT(item) {
         const jwt = this.svc.getJWT(item);
         this.svc.downloadJWT(jwt, item.name);
@@ -13525,6 +13609,7 @@ class ServicesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         const extensionActionFound = this.handleExtensionActions(event);
         if (extensionActionFound) {
             return;
@@ -13553,6 +13638,14 @@ class ServicesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extensionService?.consoleActionTriggered?.emit({
+            action,
+            page: 'service',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'service');
     }
@@ -17646,6 +17739,10 @@ class EdgeRouterFormComponent extends ProjectableForm {
             if (!this.formData.isVerified) {
                 this.formData.badges.push({ label: 'Unverified', class: 'unreg' });
             }
+            if (this.formData.versionInfo?.version) {
+                const version = this.formData.versionInfo?.version.replace(/^v/, '').trim();
+                this.formData.badges.push({ label: `Version: ${version}`, class: 'offline' });
+            }
         }
         this.getEdgeRouterRoleAttributes();
         this.svc.getAssociatedServices(this.formData.id);
@@ -17773,7 +17870,7 @@ class EdgeRouterFormComponent extends ProjectableForm {
                 provide: MatDialogRef,
                 useValue: {}
             }
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper\"\n  (keyup.enter)=\"save($event)\"\n  (keyup.escape)=\"closeModal(false)\"\n  [class.projectable-form-hidden]=\"!dataInit\"\n  >\n  <lib-form-header\n    [data]=\"formData\"\n    [title]=\"formData.id ? 'Edit Edge Router: ' : 'Create New Edge Router'\"\n    [moreActions]=\"moreActions\"\n    (actionRequested)=\"headerActionRequested($event)\"\n    [(formView)]=\"formView\"\n    [class.is-scrolled]=\"isScrolled\"\n  ></lib-form-header>\n  <div class=\"edge-router-form-container projectable-form-container\" #formContainer>\n    @if (formView === 'simple') {\n      <div class=\"projectable-form-main-column form-group-row\">\n        <div class=\"form-group-column three-fifths\">\n          <lib-form-field-container [title]=\"'Edge Router Name'\" [label]=\"'REQUIRED'\">\n            <input\n              class=\"form-field-input\"\n              placeholder=\"Name this edge router\"\n              [ngClass]=\"{error: errors['name']}\"\n              [(ngModel)]=\"formData.name\"\n              autofocus\n              #nameFieldInput\n              />\n          </lib-form-field-container>\n          <lib-form-field-container\n            [title]=\"'Select or create Edge Router attributes'\"\n            [label]=\"'OPTIONAL'\"\n            [contentStyle]=\"'z-index: 99999999'\"\n            [helpText]=\"'Attributes are tags applied to an resource. Apply the same tag to other Edge Routers to form a group of Edge Routers.'\"\n            >\n            <lib-tag-selector\n              [(selectedRoleAttributes)]=\"formData.roleAttributes\"\n              [availableRoleAttributes]=\"edgeRouterRoleAttributes\"\n              [placeholder]=\"'Add attributes to group Edge Routers'\"\n            ></lib-tag-selector>\n          </lib-form-field-container>\n          <ng-content select=\"[slot=column-1-slot-1]\"></ng-content>\n          <lib-form-field-toggle [(toggleOn)]=\"showMore\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n          @if (showMore) {\n            <div class=\"form-group-column\">\n              <lib-form-field-container\n                [title]=\"'TUNNELER'\"\n                [title2]=\"'TRAVERSAL'\"\n                [layout]=\"'row'\"\n                class=\"form-field-advanced\"\n                >\n                <div class=\"config-item\" [class.disabled]=\"!tunnelerEnabledReadOnly\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">TUNNELER ENABLED</div>\n                    <div (click)=\"tunnelerEnabledReadOnly && toggleTunnelerEnabled()\"\n                      [ngClass]=\"{ on: formData.isTunnelerEnabled,disabled: !tunnelerEnabledReadOnly }\" class=\"toggle\"\n                      [matTooltip]=\"!tunnelerEnabledReadOnly ? 'Disabled because already hosted by netfoundry ' : ''\"\n                      matTooltipPosition=\"above\" style=\"pointer-events: auto;\">\n                      <span [hidden]=\"!formData.isTunnelerEnabled\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"formData.isTunnelerEnabled\" class=\"off-label\">NO</span>\n                      <div class=\"switch\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"config-item\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">ALLOW TRAVERSAL</div>\n                    <div\n                      (click)=\"toggleNoTraversal()\"\n                      [ngClass]=\"{ on: !formData.noTraversal }\"\n                      class=\"toggle\"\n                      >\n                      <span [hidden]=\"formData.noTraversal\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"!formData.noTraversal\" 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]=\"'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              <lib-form-field-container\n                [title]=\"'App Data'\"\n                [label]=\"'OPTIONAL'\"\n                class=\"form-field-advanced\"\n                >\n                <lib-json-view [(data)]=\"formData.appData\"></lib-json-view>\n              </lib-form-field-container>\n            </div>\n          }\n        </div>\n        <div class=\"form-group-column two-fifths\">\n          <ng-content select=\"[slot=column-2-slot-1]\"></ng-content>\n          @if (hasEnrolmentToken && !extService['hideZitiRegistration']) {\n            <lib-form-field-container\n              [showHeader]=\"false\"\n              >\n              <lib-qr-code\n                [identity]=\"formData\"\n                [jwt]=\"formData.enrollmentJwt\"\n                [token]=\"formData.enrollmentToken\"\n                [expiration]=\"formData.enrollmentExpiresAt\"\n                (doRefresh)=\"refreshEdgeRouter()\"\n                [type]=\"'router'\"\n              ></lib-qr-code>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Services'\"\n              [count]=\"svc.associatedServices.length\"\n              [class]=\"'hide-overflow'\"\n              [helpText]=\"'Preview list of all services that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"servicesLoading\"\n                [allNames]=\"svc.associatedServiceNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Identities'\"\n              [count]=\"svc.associatedIdentities.length\"\n              [helpText]=\"'Preview list of all Identities that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"identitiesLoading\"\n                [allNames]=\"svc.associatedIdentityNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          <lib-form-field-container\n            [title]=\"'API Calls'\"\n            [label]=\"'OPTIONAL'\"\n            >\n            <div class=\"form-row\">\n              <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n              <div class=\"icon-copy copy-text\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n            </div>\n            @if (formData) {\n              <lib-json-view [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n            }\n          </lib-form-field-container>\n        </div>\n      </div>\n    }\n    @if (formView === 'raw') {\n      <div class=\"form-group-column\">\n        @if (formData) {\n          <lib-json-view [(data)]=\"formData\"></lib-json-view>\n        }\n      </div>\n    }\n  </div>\n</div>\n@if (isLoading || !dataInit) {\n  <lib-loading-indicator [isLoading]=\"isLoading || !dataInit\"></lib-loading-indicator>\n}\n", styles: [".edge-router-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:.9375rem}.form-field-dropdown{background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-repeat:no-repeat;background-size:1.125rem;padding-right:1.75rem}.disabled{opacity:.5;pointer-events:none}.toggle.disabled{cursor:not-allowed}::ng-deep .admin-toggle{width:100%;width:35%;display:flex}::ng-deep .admin-toggle .form-field-line{display:none}::ng-deep .admin-toggle .toggle{width:100%}::ng-deep .is-admin-container .form-field-title-container.title-container-2{width:35%!important}.svc-test-result{position:absolute;transition:var(--transition);height:0;width:100%;background-color:var(--background);bottom:0;font-weight:600;padding-left:.625rem;padding-right:.625rem;border-color:var(--inputBorder);border-style:solid;border-width:var(--inputBorderWidth);border-bottom-right-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-top-style:none}.svc-test-result.test-result-open{height:fit-content;box-shadow:0 -.125rem .6875rem 0 var(--boxShadow);padding-bottom:.9375rem;padding-top:.9375rem}.svc-test-result .close.icon-close{top:.625rem;right:.625rem;font-size:1.125rem;height:1.125rem;width:1.125rem;line-height:1.125rem}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-label{color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-line{border-color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle{border-color:var(--primaryColor);border-style:solid;border-width:var(--inputBorderWidth)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle .switch{top:.0625rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton", "multiActions"], outputs: ["formViewChange", "actionRequested", "multiActionRequested"] }, { kind: "component", type: FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "contentClass", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: PreviewListComponent, selector: "lib-preview-list", inputs: ["label", "clickable", "isLoading", "allNames", "items", "allowRemove", "tooltip", "showfilter", "localFilter"], outputs: ["itemSelected", "itemRemoved", "filterChanged"] }, { 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", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { 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"] }, { kind: "component", type: QrCodeComponent, selector: "lib-qr-code", inputs: ["jwt", "token", "expiration", "identity", "type", "authenticators", "qrOnly", "canExpand"], outputs: ["doRefresh"] }, { kind: "component", type: CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"projectable-form-wrapper\"\n  (keyup.enter)=\"save($event)\"\n  (keyup.escape)=\"closeModal(false)\"\n  [class.projectable-form-hidden]=\"!dataInit\"\n  >\n  <lib-form-header\n    [data]=\"formData\"\n    [title]=\"formData.id ? 'Edit Edge Router: ' : 'Create New Edge Router'\"\n    [moreActions]=\"moreActions\"\n    (actionRequested)=\"headerActionRequested($event)\"\n    [(formView)]=\"formView\"\n    [class.is-scrolled]=\"isScrolled\"\n  ></lib-form-header>\n  <div class=\"edge-router-form-container projectable-form-container\" #formContainer>\n    @if (formView === 'simple') {\n      <div class=\"projectable-form-main-column form-group-row\">\n        <div class=\"form-group-column three-fifths\">\n          <lib-form-field-container [title]=\"'Edge Router Name'\" [label]=\"'REQUIRED'\">\n            <input\n              class=\"form-field-input\"\n              placeholder=\"Name this edge router\"\n              [ngClass]=\"{error: errors['name']}\"\n              [(ngModel)]=\"formData.name\"\n              autofocus\n              #nameFieldInput\n              />\n          </lib-form-field-container>\n          <lib-form-field-container\n            [title]=\"'Select or create Edge Router attributes'\"\n            [label]=\"'OPTIONAL'\"\n            [contentStyle]=\"'z-index: 99999999'\"\n            [helpText]=\"'Attributes are tags applied to an resource. Apply the same tag to other Edge Routers to form a group of Edge Routers.'\"\n            >\n            <lib-tag-selector\n              [(selectedRoleAttributes)]=\"formData.roleAttributes\"\n              [availableRoleAttributes]=\"edgeRouterRoleAttributes\"\n              [placeholder]=\"'Add attributes to group Edge Routers'\"\n            ></lib-tag-selector>\n          </lib-form-field-container>\n          <ng-content select=\"[slot=column-1-slot-1]\"></ng-content>\n          <lib-form-field-toggle [(toggleOn)]=\"showMore\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n          @if (showMore) {\n            <div class=\"form-group-column\">\n              <lib-form-field-container\n                [title]=\"'TUNNELER'\"\n                [title2]=\"'TRAVERSAL'\"\n                [layout]=\"'row'\"\n                class=\"form-field-advanced\"\n                >\n                <div class=\"config-item\" [class.disabled]=\"!tunnelerEnabledReadOnly\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">TUNNELER ENABLED</div>\n                    <div (click)=\"tunnelerEnabledReadOnly && toggleTunnelerEnabled()\"\n                      [ngClass]=\"{ on: formData.isTunnelerEnabled,disabled: !tunnelerEnabledReadOnly }\" class=\"toggle\"\n                      [matTooltip]=\"!tunnelerEnabledReadOnly ? 'Disabled because already hosted by netfoundry ' : ''\"\n                      matTooltipPosition=\"above\" style=\"pointer-events: auto;\">\n                      <span [hidden]=\"!formData.isTunnelerEnabled\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"formData.isTunnelerEnabled\" class=\"off-label\">NO</span>\n                      <div class=\"switch\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"config-item\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">ALLOW TRAVERSAL</div>\n                    <div\n                      (click)=\"toggleNoTraversal()\"\n                      [ngClass]=\"{ on: !formData.noTraversal }\"\n                      class=\"toggle\"\n                      >\n                      <span [hidden]=\"formData.noTraversal\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"!formData.noTraversal\" class=\"off-label\">NO</span>\n                      <div class=\"switch\"></div>\n                    </div>\n                  </div>\n                </div>\n              </lib-form-field-container>\n              @if (formData?.hostname || formData?.supportedProtocols?.tls || formData?.supportedProtocols?.wss) {\n                <lib-form-field-container [showHeader]=\"false\">\n                      @if (formData?.hostname) {\n                        <div class=\"config-item\">\n                          <div class=\"config-item-label-container\">\n                            <span class=\"config-title\">Domain Name</span>\n                          </div>\n                          <div class=\"config-container domain-container\">\n                            <div class=\"config-container-label domain-label\">\n                              {{ formData?.hostname }}\n                            </div>\n                          </div>\n                        </div>\n                      }\n                      @if (formData?.supportedProtocols?.tls || formData?.supportedProtocols?.wss) {\n                        <div class=\"config-item\">\n                          <div class=\"config-item-label-container\">\n                            <span class=\"config-title\">ADVERTISE ADDRESS</span>\n                          </div>\n                          <div class=\"config-container advertise-address-container\">\n                            <div class=\"config-container-label advertise-address-label\">\n                              {{ formData?.supportedProtocols?.tls }}\n                              <br />\n                              {{ formData?.supportedProtocols?.wss }}\n                            </div>\n                          </div>\n                        </div>\n                      }\n                </lib-form-field-container>\n              }\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              <lib-form-field-container\n                [title]=\"'App Data'\"\n                [label]=\"'OPTIONAL'\"\n                class=\"form-field-advanced\"\n                >\n                <lib-json-view [(data)]=\"formData.appData\"></lib-json-view>\n              </lib-form-field-container>\n            </div>\n          }\n        </div>\n        <div class=\"form-group-column two-fifths\">\n          <ng-content select=\"[slot=column-2-slot-1]\"></ng-content>\n          @if (hasEnrolmentToken && !extService['hideZitiRegistration']) {\n            <lib-form-field-container\n              [showHeader]=\"false\"\n              >\n              <lib-qr-code\n                [identity]=\"formData\"\n                [jwt]=\"formData.enrollmentJwt\"\n                [token]=\"formData.enrollmentToken\"\n                [expiration]=\"formData.enrollmentExpiresAt\"\n                (doRefresh)=\"refreshEdgeRouter()\"\n                [type]=\"'router'\"\n              ></lib-qr-code>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Services'\"\n              [count]=\"svc.associatedServices.length\"\n              [class]=\"'hide-overflow'\"\n              [helpText]=\"'Preview list of all services that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"servicesLoading\"\n                [allNames]=\"svc.associatedServiceNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Identities'\"\n              [count]=\"svc.associatedIdentities.length\"\n              [helpText]=\"'Preview list of all Identities that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"identitiesLoading\"\n                [allNames]=\"svc.associatedIdentityNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          <lib-form-field-container\n            [title]=\"'API Calls'\"\n            [label]=\"'OPTIONAL'\"\n            >\n            <div class=\"form-row\">\n              <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n              <div class=\"icon-copy copy-text\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n            </div>\n            @if (formData) {\n              <lib-json-view [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n            }\n          </lib-form-field-container>\n        </div>\n      </div>\n    }\n    @if (formView === 'raw') {\n      <div class=\"form-group-column\">\n        @if (formData) {\n          <lib-json-view [(data)]=\"formData\"></lib-json-view>\n        }\n      </div>\n    }\n  </div>\n</div>\n@if (isLoading || !dataInit) {\n  <lib-loading-indicator [isLoading]=\"isLoading || !dataInit\"></lib-loading-indicator>\n}\n", styles: [".edge-router-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:.9375rem}.form-field-dropdown{background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-repeat:no-repeat;background-size:1.125rem;padding-right:1.75rem}.disabled{opacity:.5;pointer-events:none}.toggle.disabled{cursor:not-allowed}::ng-deep .admin-toggle{width:100%;width:35%;display:flex}::ng-deep .admin-toggle .form-field-line{display:none}::ng-deep .admin-toggle .toggle{width:100%}::ng-deep .is-admin-container .form-field-title-container.title-container-2{width:35%!important}.svc-test-result{position:absolute;transition:var(--transition);height:0;width:100%;background-color:var(--background);bottom:0;font-weight:600;padding-left:.625rem;padding-right:.625rem;border-color:var(--inputBorder);border-style:solid;border-width:var(--inputBorderWidth);border-bottom-right-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-top-style:none}.svc-test-result.test-result-open{height:fit-content;box-shadow:0 -.125rem .6875rem 0 var(--boxShadow);padding-bottom:.9375rem;padding-top:.9375rem}.svc-test-result .close.icon-close{top:.625rem;right:.625rem;font-size:1.125rem;height:1.125rem;width:1.125rem;line-height:1.125rem}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-label{color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-line{border-color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle{border-color:var(--primaryColor);border-style:solid;border-width:var(--inputBorderWidth)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle .switch{top:.0625rem}.config-container-label.domain-label,.config-container-label.advertise-address-label{text-transform:lowercase}.config-container.domain-container,.config-container.advertise-address-container{background-color:var(--stroke)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FormHeaderComponent, selector: "lib-form-header", inputs: ["data", "badges", "title", "moreActions", "formView", "saveDisabled", "saveTooltip", "actionButtonText", "moreActionsText", "showHeaderToggle", "showHeaderButton", "multiActions"], outputs: ["formViewChange", "actionRequested", "multiActionRequested"] }, { kind: "component", type: FormFieldContainerComponent, selector: "lib-form-field-container", inputs: ["title", "title2", "titleIcon", "layout", "helpText", "helpText2", "label", "count", "action", "actionLabel", "class", "contentStyle", "contentClass", "showHeader", "showToggle", "headerActions", "headerToggle"], outputs: ["actionRequested", "headerToggleChange"] }, { kind: "component", type: PreviewListComponent, selector: "lib-preview-list", inputs: ["label", "clickable", "isLoading", "allNames", "items", "allowRemove", "tooltip", "showfilter", "localFilter"], outputs: ["itemSelected", "itemRemoved", "filterChanged"] }, { 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", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }, { 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"] }, { kind: "component", type: QrCodeComponent, selector: "lib-qr-code", inputs: ["jwt", "token", "expiration", "identity", "type", "authenticators", "qrOnly", "canExpand"], outputs: ["doRefresh"] }, { kind: "component", type: CustomTagsComponent, selector: "lib-custom-tags", inputs: ["tags"], outputs: ["tagsChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EdgeRouterFormComponent, decorators: [{
             type: Component,
@@ -17782,7 +17879,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                             provide: MatDialogRef,
                             useValue: {}
                         }
-                    ], standalone: false, template: "<div class=\"projectable-form-wrapper\"\n  (keyup.enter)=\"save($event)\"\n  (keyup.escape)=\"closeModal(false)\"\n  [class.projectable-form-hidden]=\"!dataInit\"\n  >\n  <lib-form-header\n    [data]=\"formData\"\n    [title]=\"formData.id ? 'Edit Edge Router: ' : 'Create New Edge Router'\"\n    [moreActions]=\"moreActions\"\n    (actionRequested)=\"headerActionRequested($event)\"\n    [(formView)]=\"formView\"\n    [class.is-scrolled]=\"isScrolled\"\n  ></lib-form-header>\n  <div class=\"edge-router-form-container projectable-form-container\" #formContainer>\n    @if (formView === 'simple') {\n      <div class=\"projectable-form-main-column form-group-row\">\n        <div class=\"form-group-column three-fifths\">\n          <lib-form-field-container [title]=\"'Edge Router Name'\" [label]=\"'REQUIRED'\">\n            <input\n              class=\"form-field-input\"\n              placeholder=\"Name this edge router\"\n              [ngClass]=\"{error: errors['name']}\"\n              [(ngModel)]=\"formData.name\"\n              autofocus\n              #nameFieldInput\n              />\n          </lib-form-field-container>\n          <lib-form-field-container\n            [title]=\"'Select or create Edge Router attributes'\"\n            [label]=\"'OPTIONAL'\"\n            [contentStyle]=\"'z-index: 99999999'\"\n            [helpText]=\"'Attributes are tags applied to an resource. Apply the same tag to other Edge Routers to form a group of Edge Routers.'\"\n            >\n            <lib-tag-selector\n              [(selectedRoleAttributes)]=\"formData.roleAttributes\"\n              [availableRoleAttributes]=\"edgeRouterRoleAttributes\"\n              [placeholder]=\"'Add attributes to group Edge Routers'\"\n            ></lib-tag-selector>\n          </lib-form-field-container>\n          <ng-content select=\"[slot=column-1-slot-1]\"></ng-content>\n          <lib-form-field-toggle [(toggleOn)]=\"showMore\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n          @if (showMore) {\n            <div class=\"form-group-column\">\n              <lib-form-field-container\n                [title]=\"'TUNNELER'\"\n                [title2]=\"'TRAVERSAL'\"\n                [layout]=\"'row'\"\n                class=\"form-field-advanced\"\n                >\n                <div class=\"config-item\" [class.disabled]=\"!tunnelerEnabledReadOnly\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">TUNNELER ENABLED</div>\n                    <div (click)=\"tunnelerEnabledReadOnly && toggleTunnelerEnabled()\"\n                      [ngClass]=\"{ on: formData.isTunnelerEnabled,disabled: !tunnelerEnabledReadOnly }\" class=\"toggle\"\n                      [matTooltip]=\"!tunnelerEnabledReadOnly ? 'Disabled because already hosted by netfoundry ' : ''\"\n                      matTooltipPosition=\"above\" style=\"pointer-events: auto;\">\n                      <span [hidden]=\"!formData.isTunnelerEnabled\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"formData.isTunnelerEnabled\" class=\"off-label\">NO</span>\n                      <div class=\"switch\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"config-item\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">ALLOW TRAVERSAL</div>\n                    <div\n                      (click)=\"toggleNoTraversal()\"\n                      [ngClass]=\"{ on: !formData.noTraversal }\"\n                      class=\"toggle\"\n                      >\n                      <span [hidden]=\"formData.noTraversal\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"!formData.noTraversal\" 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]=\"'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              <lib-form-field-container\n                [title]=\"'App Data'\"\n                [label]=\"'OPTIONAL'\"\n                class=\"form-field-advanced\"\n                >\n                <lib-json-view [(data)]=\"formData.appData\"></lib-json-view>\n              </lib-form-field-container>\n            </div>\n          }\n        </div>\n        <div class=\"form-group-column two-fifths\">\n          <ng-content select=\"[slot=column-2-slot-1]\"></ng-content>\n          @if (hasEnrolmentToken && !extService['hideZitiRegistration']) {\n            <lib-form-field-container\n              [showHeader]=\"false\"\n              >\n              <lib-qr-code\n                [identity]=\"formData\"\n                [jwt]=\"formData.enrollmentJwt\"\n                [token]=\"formData.enrollmentToken\"\n                [expiration]=\"formData.enrollmentExpiresAt\"\n                (doRefresh)=\"refreshEdgeRouter()\"\n                [type]=\"'router'\"\n              ></lib-qr-code>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Services'\"\n              [count]=\"svc.associatedServices.length\"\n              [class]=\"'hide-overflow'\"\n              [helpText]=\"'Preview list of all services that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"servicesLoading\"\n                [allNames]=\"svc.associatedServiceNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Identities'\"\n              [count]=\"svc.associatedIdentities.length\"\n              [helpText]=\"'Preview list of all Identities that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"identitiesLoading\"\n                [allNames]=\"svc.associatedIdentityNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          <lib-form-field-container\n            [title]=\"'API Calls'\"\n            [label]=\"'OPTIONAL'\"\n            >\n            <div class=\"form-row\">\n              <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n              <div class=\"icon-copy copy-text\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n            </div>\n            @if (formData) {\n              <lib-json-view [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n            }\n          </lib-form-field-container>\n        </div>\n      </div>\n    }\n    @if (formView === 'raw') {\n      <div class=\"form-group-column\">\n        @if (formData) {\n          <lib-json-view [(data)]=\"formData\"></lib-json-view>\n        }\n      </div>\n    }\n  </div>\n</div>\n@if (isLoading || !dataInit) {\n  <lib-loading-indicator [isLoading]=\"isLoading || !dataInit\"></lib-loading-indicator>\n}\n", styles: [".edge-router-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:.9375rem}.form-field-dropdown{background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-repeat:no-repeat;background-size:1.125rem;padding-right:1.75rem}.disabled{opacity:.5;pointer-events:none}.toggle.disabled{cursor:not-allowed}::ng-deep .admin-toggle{width:100%;width:35%;display:flex}::ng-deep .admin-toggle .form-field-line{display:none}::ng-deep .admin-toggle .toggle{width:100%}::ng-deep .is-admin-container .form-field-title-container.title-container-2{width:35%!important}.svc-test-result{position:absolute;transition:var(--transition);height:0;width:100%;background-color:var(--background);bottom:0;font-weight:600;padding-left:.625rem;padding-right:.625rem;border-color:var(--inputBorder);border-style:solid;border-width:var(--inputBorderWidth);border-bottom-right-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-top-style:none}.svc-test-result.test-result-open{height:fit-content;box-shadow:0 -.125rem .6875rem 0 var(--boxShadow);padding-bottom:.9375rem;padding-top:.9375rem}.svc-test-result .close.icon-close{top:.625rem;right:.625rem;font-size:1.125rem;height:1.125rem;width:1.125rem;line-height:1.125rem}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-label{color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-line{border-color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle{border-color:var(--primaryColor);border-style:solid;border-width:var(--inputBorderWidth)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle .switch{top:.0625rem}\n"] }]
+                    ], standalone: false, template: "<div class=\"projectable-form-wrapper\"\n  (keyup.enter)=\"save($event)\"\n  (keyup.escape)=\"closeModal(false)\"\n  [class.projectable-form-hidden]=\"!dataInit\"\n  >\n  <lib-form-header\n    [data]=\"formData\"\n    [title]=\"formData.id ? 'Edit Edge Router: ' : 'Create New Edge Router'\"\n    [moreActions]=\"moreActions\"\n    (actionRequested)=\"headerActionRequested($event)\"\n    [(formView)]=\"formView\"\n    [class.is-scrolled]=\"isScrolled\"\n  ></lib-form-header>\n  <div class=\"edge-router-form-container projectable-form-container\" #formContainer>\n    @if (formView === 'simple') {\n      <div class=\"projectable-form-main-column form-group-row\">\n        <div class=\"form-group-column three-fifths\">\n          <lib-form-field-container [title]=\"'Edge Router Name'\" [label]=\"'REQUIRED'\">\n            <input\n              class=\"form-field-input\"\n              placeholder=\"Name this edge router\"\n              [ngClass]=\"{error: errors['name']}\"\n              [(ngModel)]=\"formData.name\"\n              autofocus\n              #nameFieldInput\n              />\n          </lib-form-field-container>\n          <lib-form-field-container\n            [title]=\"'Select or create Edge Router attributes'\"\n            [label]=\"'OPTIONAL'\"\n            [contentStyle]=\"'z-index: 99999999'\"\n            [helpText]=\"'Attributes are tags applied to an resource. Apply the same tag to other Edge Routers to form a group of Edge Routers.'\"\n            >\n            <lib-tag-selector\n              [(selectedRoleAttributes)]=\"formData.roleAttributes\"\n              [availableRoleAttributes]=\"edgeRouterRoleAttributes\"\n              [placeholder]=\"'Add attributes to group Edge Routers'\"\n            ></lib-tag-selector>\n          </lib-form-field-container>\n          <ng-content select=\"[slot=column-1-slot-1]\"></ng-content>\n          <lib-form-field-toggle [(toggleOn)]=\"showMore\" style=\"margin: 0px 10px\"></lib-form-field-toggle>\n          @if (showMore) {\n            <div class=\"form-group-column\">\n              <lib-form-field-container\n                [title]=\"'TUNNELER'\"\n                [title2]=\"'TRAVERSAL'\"\n                [layout]=\"'row'\"\n                class=\"form-field-advanced\"\n                >\n                <div class=\"config-item\" [class.disabled]=\"!tunnelerEnabledReadOnly\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">TUNNELER ENABLED</div>\n                    <div (click)=\"tunnelerEnabledReadOnly && toggleTunnelerEnabled()\"\n                      [ngClass]=\"{ on: formData.isTunnelerEnabled,disabled: !tunnelerEnabledReadOnly }\" class=\"toggle\"\n                      [matTooltip]=\"!tunnelerEnabledReadOnly ? 'Disabled because already hosted by netfoundry ' : ''\"\n                      matTooltipPosition=\"above\" style=\"pointer-events: auto;\">\n                      <span [hidden]=\"!formData.isTunnelerEnabled\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"formData.isTunnelerEnabled\" class=\"off-label\">NO</span>\n                      <div class=\"switch\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"config-item\">\n                  <div class=\"config-container toggle-container\">\n                    <div class=\"config-container-label\">ALLOW TRAVERSAL</div>\n                    <div\n                      (click)=\"toggleNoTraversal()\"\n                      [ngClass]=\"{ on: !formData.noTraversal }\"\n                      class=\"toggle\"\n                      >\n                      <span [hidden]=\"formData.noTraversal\" class=\"on-label\">YES</span>\n                      <span [hidden]=\"!formData.noTraversal\" class=\"off-label\">NO</span>\n                      <div class=\"switch\"></div>\n                    </div>\n                  </div>\n                </div>\n              </lib-form-field-container>\n              @if (formData?.hostname || formData?.supportedProtocols?.tls || formData?.supportedProtocols?.wss) {\n                <lib-form-field-container [showHeader]=\"false\">\n                      @if (formData?.hostname) {\n                        <div class=\"config-item\">\n                          <div class=\"config-item-label-container\">\n                            <span class=\"config-title\">Domain Name</span>\n                          </div>\n                          <div class=\"config-container domain-container\">\n                            <div class=\"config-container-label domain-label\">\n                              {{ formData?.hostname }}\n                            </div>\n                          </div>\n                        </div>\n                      }\n                      @if (formData?.supportedProtocols?.tls || formData?.supportedProtocols?.wss) {\n                        <div class=\"config-item\">\n                          <div class=\"config-item-label-container\">\n                            <span class=\"config-title\">ADVERTISE ADDRESS</span>\n                          </div>\n                          <div class=\"config-container advertise-address-container\">\n                            <div class=\"config-container-label advertise-address-label\">\n                              {{ formData?.supportedProtocols?.tls }}\n                              <br />\n                              {{ formData?.supportedProtocols?.wss }}\n                            </div>\n                          </div>\n                        </div>\n                      }\n                </lib-form-field-container>\n              }\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              <lib-form-field-container\n                [title]=\"'App Data'\"\n                [label]=\"'OPTIONAL'\"\n                class=\"form-field-advanced\"\n                >\n                <lib-json-view [(data)]=\"formData.appData\"></lib-json-view>\n              </lib-form-field-container>\n            </div>\n          }\n        </div>\n        <div class=\"form-group-column two-fifths\">\n          <ng-content select=\"[slot=column-2-slot-1]\"></ng-content>\n          @if (hasEnrolmentToken && !extService['hideZitiRegistration']) {\n            <lib-form-field-container\n              [showHeader]=\"false\"\n              >\n              <lib-qr-code\n                [identity]=\"formData\"\n                [jwt]=\"formData.enrollmentJwt\"\n                [token]=\"formData.enrollmentToken\"\n                [expiration]=\"formData.enrollmentExpiresAt\"\n                (doRefresh)=\"refreshEdgeRouter()\"\n                [type]=\"'router'\"\n              ></lib-qr-code>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Services'\"\n              [count]=\"svc.associatedServices.length\"\n              [class]=\"'hide-overflow'\"\n              [helpText]=\"'Preview list of all services that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"servicesLoading\"\n                [allNames]=\"svc.associatedServiceNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          @if (formData.id) {\n            <lib-form-field-container\n              [title]=\"'Associated Identities'\"\n              [count]=\"svc.associatedIdentities.length\"\n              [helpText]=\"'Preview list of all Identities that this Edge Router is associated with.'\"\n              >\n              <lib-preview-list\n                [clickable]=\"false\"\n                [isLoading]=\"identitiesLoading\"\n                [allNames]=\"svc.associatedIdentityNames\"\n              ></lib-preview-list>\n            </lib-form-field-container>\n          }\n          <lib-form-field-container\n            [title]=\"'API Calls'\"\n            [label]=\"'OPTIONAL'\"\n            >\n            <div class=\"form-row\">\n              <input class=\"form-field-input\" [value]=\"apiCallURL\"/>\n              <div class=\"icon-copy copy-text\" (click)=\"copyToClipboard(apiCallURL)\"></div>\n            </div>\n            @if (formData) {\n              <lib-json-view [(data)]=\"apiData\" [readOnly]=\"true\" [showCopy]=\"true\"></lib-json-view>\n            }\n          </lib-form-field-container>\n        </div>\n      </div>\n    }\n    @if (formView === 'raw') {\n      <div class=\"form-group-column\">\n        @if (formData) {\n          <lib-json-view [(data)]=\"formData\"></lib-json-view>\n        }\n      </div>\n    }\n  </div>\n</div>\n@if (isLoading || !dataInit) {\n  <lib-loading-indicator [isLoading]=\"isLoading || !dataInit\"></lib-loading-indicator>\n}\n", styles: [".edge-router-form-container{display:flex;flex-direction:column;height:100%;width:100%;align-items:center;gap:.9375rem}.form-field-dropdown{background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-repeat:no-repeat;background-size:1.125rem;padding-right:1.75rem}.disabled{opacity:.5;pointer-events:none}.toggle.disabled{cursor:not-allowed}::ng-deep .admin-toggle{width:100%;width:35%;display:flex}::ng-deep .admin-toggle .form-field-line{display:none}::ng-deep .admin-toggle .toggle{width:100%}::ng-deep .is-admin-container .form-field-title-container.title-container-2{width:35%!important}.svc-test-result{position:absolute;transition:var(--transition);height:0;width:100%;background-color:var(--background);bottom:0;font-weight:600;padding-left:.625rem;padding-right:.625rem;border-color:var(--inputBorder);border-style:solid;border-width:var(--inputBorderWidth);border-bottom-right-radius:var(--inputBorderRadius);border-bottom-left-radius:var(--inputBorderRadius);border-top-style:none}.svc-test-result.test-result-open{height:fit-content;box-shadow:0 -.125rem .6875rem 0 var(--boxShadow);padding-bottom:.9375rem;padding-top:.9375rem}.svc-test-result .close.icon-close{top:.625rem;right:.625rem;font-size:1.125rem;height:1.125rem;width:1.125rem;line-height:1.125rem}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-label{color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .form-field-line{border-color:var(--primaryColor)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle{border-color:var(--primaryColor);border-style:solid;border-width:var(--inputBorderWidth)}::ng-deep .admin-toggle .form-field-toggle-container:focus .toggle .switch{top:.0625rem}.config-container-label.domain-label,.config-container-label.advertise-address-label{text-transform:lowercase}.config-container.domain-container,.config-container.advertise-address-container{background-color:var(--stroke)}\n"] }]
         }], ctorParameters: () => [{ type: SettingsService, decorators: [{
                     type: Inject,
                     args: [SETTINGS_SERVICE]
@@ -18111,8 +18208,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
 
 class ConfigEditorComponent {
     set configData(data) {
+        if (this._configData === data) {
+            return;
+        }
         this._configData = data;
         this.initFormData();
+        defer(() => {
+            this.updateConfigData();
+        });
     }
     ;
     get configData() {
@@ -18160,6 +18263,16 @@ class ConfigEditorComponent {
     ngOnInit() {
         this.createForm();
     }
+    ngAfterViewInit() {
+        if (this.schema && this.dynamicForm) {
+            this.createForm();
+            if (this._configData && !isEmpty(this._configData)) {
+                defer(() => {
+                    this.updateConfigData();
+                });
+            }
+        }
+    }
     createForm() {
         this.clearForm();
         if (this.dynamicForm && this.schema) {
@@ -18185,20 +18298,18 @@ class ConfigEditorComponent {
                     let parentKey;
                     if (pName)
                         parentKey = pName.join('.');
-                    //if (parentKey && !this.formData[parentKey]) this.formData[parentKey] = {};
                 }
             }
         }
     }
     updateConfigData() {
         if (!this.showJsonView) {
-            this.updateFormView(this.items, this.configData);
-        }
-        else {
-            this.hideConfigJSON = true;
-            defer(() => {
-                this.getConfigDataFromForm();
-            });
+            if (this.items && this.items.length > 0) {
+                this.updateFormView(this.items, this.configData);
+                if (!isEmpty(this.configData)) {
+                    this.configDataChange.emit(this.configData);
+                }
+            }
         }
     }
     updateFormView(items, data = {}) {
@@ -18252,6 +18363,9 @@ class ConfigEditorComponent {
         return data;
     }
     getConfigDataFromForm() {
+        if (!this.items || this.items.length === 0) {
+            return;
+        }
         const data = {};
         this.addItemsToConfig(this.items, data);
         this._configData = data;
@@ -18264,6 +18378,9 @@ class ConfigEditorComponent {
                 if (item.addedItems) {
                     data[item.key] = item.addedItems;
                 }
+                else if (item?.component?.instance?.fieldValue) {
+                    data[item.key] = item.component.instance.fieldValue;
+                }
                 else {
                     data[item.key] = [];
                 }
@@ -18272,7 +18389,7 @@ class ConfigEditorComponent {
                 const val = this.addItemsToConfig(item.items, {}, item.type);
                 let hasDefinition = false;
                 keys(val).forEach((key) => {
-                    if (isBoolean(val[key]) || (!isEmpty(val[key]) && !isNil(val[key]))) {
+                    if (isBoolean(val[key]) || isNumber(val[key]) || (!isEmpty(val[key]) && !isNil(val[key]))) {
                         hasDefinition = true;
                     }
                 });
@@ -18381,7 +18498,6 @@ class ConfigEditorComponent {
     initFormData() {
         if (!this.configDataInit && !isEmpty(this._configData) && !isEmpty(this.schema)) {
             this.configDataInit = true;
-            this.formDataChanged();
         }
     }
     formDataChanged() {
@@ -18390,10 +18506,7 @@ class ConfigEditorComponent {
         });
     }
     jsonDataChanged(event) {
-        defer(() => {
-            this.configDataChange.emit(this.configData);
-            this.updateFormView(this.items, this.configData);
-        });
+        this.configDataChange.emit(this.configData);
     }
     removeUndefinedProperties(data) {
         if (Array.isArray(data)) {
@@ -18409,11 +18522,11 @@ class ConfigEditorComponent {
         return data;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigEditorComponent, deps: [{ token: SchemaService }, { token: GrowlerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfigEditorComponent, isStandalone: false, selector: "lib-config-editor", inputs: { configErrors: "configErrors", configData: "configData", showJsonView: "showJsonView", schema: "schema" }, outputs: { configErrorsChange: "configErrorsChange", configDataChange: "configDataChange" }, viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicform"], descendants: true, read: ViewContainerRef }, { propertyName: "editor", first: true, predicate: JsonEditorComponent, descendants: true }], ngImport: i0, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}", styles: [""], dependencies: [{ kind: "directive", type: i1$4.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfigEditorComponent, isStandalone: false, selector: "lib-config-editor", inputs: { configErrors: "configErrors", configData: "configData", showJsonView: "showJsonView", schema: "schema" }, outputs: { configErrorsChange: "configErrorsChange", configDataChange: "configDataChange" }, viewQueries: [{ propertyName: "dynamicForm", first: true, predicate: ["dynamicform"], descendants: true, read: ViewContainerRef }, { propertyName: "editor", first: true, predicate: JsonEditorComponent, descendants: true }], ngImport: i0, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }, { kind: "component", type: JsonViewComponent, selector: "lib-json-view", inputs: ["data", "schema", "readOnly", "jsonInvalid", "showCopy", "showLineNumbers"], outputs: ["dataChange", "jsonChange", "jsonInvalidChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigEditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-config-editor', standalone: false, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}" }]
+            args: [{ selector: 'lib-config-editor', standalone: false, template: "<div class=\"form-field-extended-fields\" [hidden]=\"showJsonView\" (mouseup)=\"formDataChangedDebounced($event)\" (keyup)=\"formDataChangedDebounced($event)\" (clickOutside)=\"formDataChangedDebounced($event)\">\n  <ng-container #dynamicform></ng-container>\n</div>\n@if (showJsonView && !hideConfigJSON) {\n  <lib-json-view (dataChange)=\"jsonDataChangedDebounced($event)\" [(data)]=\"configData\"></lib-json-view>\n}\n@if (showJsonView && hideConfigJSON) {\n  <lib-json-view [(data)]=\"configData\"></lib-json-view>\n}\n" }]
         }], ctorParameters: () => [{ type: SchemaService }, { type: GrowlerService }], propDecorators: { configErrors: [{
                 type: Input
             }], configErrorsChange: [{
@@ -20298,10 +20411,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class EdgeRouterPoliciesPageComponent extends ListPageComponent {
-    constructor(svc, filterService, dialogForm, tabNames, consoleEvents) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, dialogForm, tabNames, consoleEvents, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.routerRoleAttributes = [];
         this.identityRoleAttributes = [];
         this.formDataChanged = false;
@@ -20334,6 +20448,7 @@ class EdgeRouterPoliciesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -20364,6 +20479,14 @@ class EdgeRouterPoliciesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'edge-router-policy',
+            item,
+            type: 'menu-action'
+        });
+    }
     getRoleAttributes() {
         this.svc.getEdgeRouterRoleAttributes().then((result) => {
             this.routerRoleAttributes = result.data;
@@ -20390,13 +20513,16 @@ class EdgeRouterPoliciesPageComponent extends ListPageComponent {
     serviceTypeSelected(event) {
         this.svc.serviceType = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EdgeRouterPoliciesPageComponent, deps: [{ token: EdgeRouterPoliciesPageService }, { token: DataTableFilterService }, { token: i5.MatDialog }, { token: TabNameService }, { token: ConsoleEventsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EdgeRouterPoliciesPageComponent, deps: [{ token: EdgeRouterPoliciesPageService }, { token: DataTableFilterService }, { token: i5.MatDialog }, { token: TabNameService }, { token: ConsoleEventsService }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EdgeRouterPoliciesPageComponent, isStandalone: false, selector: "lib-edge-router-policies-page", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container edge-router-policies-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'edge-router-policies'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Edge Router Policies defined, Click the plus to add a Edge Router Policy.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EdgeRouterPoliciesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-edge-router-policies-page', standalone: false, template: "<div class=\"ziti-page-container edge-router-policies-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'edge-router-policies'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Edge Router Policies defined, Click the plus to add a Edge Router Policy.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n" }]
-        }], ctorParameters: () => [{ type: EdgeRouterPoliciesPageService }, { type: DataTableFilterService }, { type: i5.MatDialog }, { type: TabNameService }, { type: ConsoleEventsService }] });
+        }], ctorParameters: () => [{ type: EdgeRouterPoliciesPageService }, { type: DataTableFilterService }, { type: i5.MatDialog }, { type: TabNameService }, { type: ConsoleEventsService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 /*
     Copyright NetFoundry Inc.
@@ -20842,10 +20968,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class ServicePoliciesPageComponent extends ListPageComponent {
-    constructor(svc, filterService, dialogForm, tabNames, consoleEvents) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, dialogForm, tabNames, consoleEvents, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.serviceType = '';
         this.serviceRoleAttributes = [];
         this.identityRoleAttributes = [];
@@ -20879,6 +21006,7 @@ class ServicePoliciesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -20904,6 +21032,14 @@ class ServicePoliciesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'service-policy',
+            item,
+            type: 'menu-action'
+        });
+    }
     getRoleAttributes() {
         this.svc.getServiceRoleAttributes().then((result) => {
             this.serviceRoleAttributes = result.data;
@@ -20930,13 +21066,16 @@ class ServicePoliciesPageComponent extends ListPageComponent {
     serviceTypeSelected(event) {
         this.svc.serviceType = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ServicePoliciesPageComponent, deps: [{ token: ServicePoliciesPageService }, { token: DataTableFilterService }, { token: i5.MatDialog }, { token: TabNameService }, { token: ConsoleEventsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ServicePoliciesPageComponent, deps: [{ token: ServicePoliciesPageService }, { token: DataTableFilterService }, { token: i5.MatDialog }, { token: TabNameService }, { token: ConsoleEventsService }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ServicePoliciesPageComponent, isStandalone: false, selector: "lib-service-policies-page", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-service-policies-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'service-policies'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Service Policies defined, Click the plus to add a Service Policy.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ServicePoliciesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-service-policies-page', standalone: false, template: "<div class=\"ziti-page-container ziti-service-policies-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'service-policies'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Service Policies defined, Click the plus to add a Service Policy.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n" }]
-        }], ctorParameters: () => [{ type: ServicePoliciesPageService }, { type: DataTableFilterService }, { type: i5.MatDialog }, { type: TabNameService }, { type: ConsoleEventsService }] });
+        }], ctorParameters: () => [{ type: ServicePoliciesPageService }, { type: DataTableFilterService }, { type: i5.MatDialog }, { type: TabNameService }, { type: ConsoleEventsService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class ServicePolicyFormComponent extends ProjectableForm {
     constructor(settingsService, svc, zitiService, growlerService, extService, router, route, location) {
@@ -21986,10 +22125,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class ServiceEdgeRouterPoliciesPageComponent extends ListPageComponent {
-    constructor(svc, filterService, dialogForm, tabNames, consoleEvents) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, dialogForm, tabNames, consoleEvents, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.routerRoleAttributes = [];
         this.serviceRoleAttributes = [];
         this.formDataChanged = false;
@@ -22022,6 +22162,7 @@ class ServiceEdgeRouterPoliciesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -22047,6 +22188,14 @@ class ServiceEdgeRouterPoliciesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'service-edge-router-policy',
+            item,
+            type: 'menu-action'
+        });
+    }
     getRoleAttributes() {
         this.svc.getEdgeRouterRoleAttributes().then((result) => {
             this.routerRoleAttributes = result.data;
@@ -22072,13 +22221,16 @@ class ServiceEdgeRouterPoliciesPageComponent extends ListPageComponent {
     serviceTypeSelected(event) {
         this.svc.serviceType = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ServiceEdgeRouterPoliciesPageComponent, deps: [{ token: ServiceEdgeRouterPoliciesPageService }, { token: DataTableFilterService }, { token: i5.MatDialog }, { token: TabNameService }, { token: ConsoleEventsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ServiceEdgeRouterPoliciesPageComponent, deps: [{ token: ServiceEdgeRouterPoliciesPageService }, { token: DataTableFilterService }, { token: i5.MatDialog }, { token: TabNameService }, { token: ConsoleEventsService }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ServiceEdgeRouterPoliciesPageComponent, isStandalone: false, selector: "lib-service-edge-router-policies-page", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container service-edge-router-policies-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'service-edge-router-policies'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Service Edge Router Policies defined, Click the plus to add a Service Edge Router Policy.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ServiceEdgeRouterPoliciesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-service-edge-router-policies-page', standalone: false, template: "<div class=\"ziti-page-container service-edge-router-policies-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'service-edge-router-policies'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Service Edge Router Policies defined, Click the plus to add a Service Edge Router Policy.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n" }]
-        }], ctorParameters: () => [{ type: ServiceEdgeRouterPoliciesPageService }, { type: DataTableFilterService }, { type: i5.MatDialog }, { type: TabNameService }, { type: ConsoleEventsService }] });
+        }], ctorParameters: () => [{ type: ServiceEdgeRouterPoliciesPageService }, { type: DataTableFilterService }, { type: i5.MatDialog }, { type: TabNameService }, { type: ConsoleEventsService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class ServiceEdgeRouterPolicy {
     constructor() {
@@ -22739,10 +22891,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class TerminatorsPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Terminators';
         this.formDataChanged = false;
     }
@@ -22770,6 +22923,7 @@ class TerminatorsPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -22788,6 +22942,14 @@ class TerminatorsPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'terminator',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'terminator');
     }
@@ -22800,13 +22962,16 @@ class TerminatorsPageComponent extends ListPageComponent {
     dataChanged(event) {
         this.formDataChanged = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TerminatorsPageComponent, deps: [{ token: TerminatorsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TerminatorsPageComponent, deps: [{ token: TerminatorsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: TerminatorsPageComponent, isStandalone: false, selector: "lib-configurations", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-terminators-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [hideAction]=\"true\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n  <lib-data-table [tableId]=\"'terminators'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No terminators defined, Click the plus to add a terminator.'\"\n    [filterApplied]=\"filterApplied\"\n    [filterName]=\"'Address'\"\n    [filterColumn]=\"'address'\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    [options]=\"{noSelect: true, noMenu: false}\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TerminatorsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-configurations', standalone: false, template: "<div class=\"ziti-page-container ziti-terminators-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [hideAction]=\"true\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n  <lib-data-table [tableId]=\"'terminators'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No terminators defined, Click the plus to add a terminator.'\"\n    [filterApplied]=\"filterApplied\"\n    [filterName]=\"'Address'\"\n    [filterColumn]=\"'address'\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    [options]=\"{noSelect: true, noMenu: false}\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n" }]
-        }], ctorParameters: () => [{ type: TerminatorsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: TerminatorsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class Config {
     constructor() {
@@ -23372,10 +23537,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class JwtSignersPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'JWT Signers';
         this.formDataChanged = false;
     }
@@ -23430,6 +23596,7 @@ class JwtSignersPageComponent extends ListPageComponent {
         });
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -23449,6 +23616,14 @@ class JwtSignersPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'jwt-signer',
+            item,
+            type: 'menu-action'
+        });
+    }
     checkForAssociatedEntities(selectedItems) {
         this.svc.getTableData('auth-policies', this.svc.DEFAULT_PAGING).then((policies) => {
             const signersWithAssociations = [];
@@ -23494,13 +23669,16 @@ class JwtSignersPageComponent extends ListPageComponent {
         }
         return filename;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JwtSignersPageComponent, deps: [{ token: JwtSignersPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JwtSignersPageComponent, deps: [{ token: JwtSignersPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: JwtSignersPageComponent, isStandalone: false, selector: "lib-jwt-signers", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-configs-container\">\n  @if (_networkJwt) {\n    <a\n      class=\"network-jwt-link save-button\"\n      href=\"data:application/ziti-jwt;charset=utf-8,{{networkJwt}}\"\n      download=\"{{networkJwtFilename}}.jwt\"\n      >\n      Download Network JWT\n    </a>\n  }\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'ext-jwt-signers'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Configurations defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [".configurations{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}.network-jwt-link{position:absolute;right:5.625rem;top:1.5625rem;z-index:10001;height:var(--buttonHeightSmall);padding-left:var(--buttonImagePaddingSmall);background-position:var(--buttonImagePositionSmall);background-image:url(/assets/svgs/DownloadKey.svg);background-repeat:no-repeat;background-size:var(--buttonImageSizeSmall);color:var(--white)}\n"], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JwtSignersPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-jwt-signers', standalone: false, template: "<div class=\"ziti-page-container ziti-configs-container\">\n  @if (_networkJwt) {\n    <a\n      class=\"network-jwt-link save-button\"\n      href=\"data:application/ziti-jwt;charset=utf-8,{{networkJwt}}\"\n      download=\"{{networkJwtFilename}}.jwt\"\n      >\n      Download Network JWT\n    </a>\n  }\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'ext-jwt-signers'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Configurations defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [".configurations{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}.network-jwt-link{position:absolute;right:5.625rem;top:1.5625rem;z-index:10001;height:var(--buttonHeightSmall);padding-left:var(--buttonImagePaddingSmall);background-position:var(--buttonImagePositionSmall);background-image:url(/assets/svgs/DownloadKey.svg);background-repeat:no-repeat;background-size:var(--buttonImageSizeSmall);color:var(--white)}\n"] }]
-        }], ctorParameters: () => [{ type: JwtSignersPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: JwtSignersPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class JwtSigner {
     constructor() {
@@ -24394,10 +24572,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class AuthPoliciesPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Auth Policies';
         this.formDataChanged = false;
     }
@@ -24434,6 +24613,7 @@ class AuthPoliciesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -24468,6 +24648,14 @@ class AuthPoliciesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'auth-policy',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'auth-policy');
     }
@@ -24480,13 +24668,16 @@ class AuthPoliciesPageComponent extends ListPageComponent {
     dataChanged(event) {
         this.formDataChanged = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthPoliciesPageComponent, deps: [{ token: AuthPoliciesPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthPoliciesPageComponent, deps: [{ token: AuthPoliciesPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: AuthPoliciesPageComponent, isStandalone: false, selector: "lib-auth-policies", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-auth-policies-container\">\n    <lib-list-page-header [title]=\"title\"\n                          [tabs]=\"tabs\"\n                          [showAdd]=\"!itemsSelected\"\n                          (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n    <lib-data-table [tableId]=\"'auth-policies'\"\n                    [rowData]=\"rowData\"\n                    [columnDefinitions]=\"columnDefs\"\n                    (actionRequested)=\"tableAction($event)\"\n                    [startCount]=\"startCount\"\n                    [endCount]=\"endCount\"\n                    [totalCount]=\"totalCount\"\n                    [emptyMsg]=\"'No Auth Policies defined, Click the plus to add a Configuration.'\"\n                    [filterApplied]=\"filterApplied\"\n                    [menuItems]=\"svc.menuItems\"\n                    (gridReady)=\"gridReady($event)\"\n    >\n    </lib-data-table>\n</div>\n", styles: [".configurations{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthPoliciesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-auth-policies', standalone: false, template: "<div class=\"ziti-page-container ziti-auth-policies-container\">\n    <lib-list-page-header [title]=\"title\"\n                          [tabs]=\"tabs\"\n                          [showAdd]=\"!itemsSelected\"\n                          (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n    <lib-data-table [tableId]=\"'auth-policies'\"\n                    [rowData]=\"rowData\"\n                    [columnDefinitions]=\"columnDefs\"\n                    (actionRequested)=\"tableAction($event)\"\n                    [startCount]=\"startCount\"\n                    [endCount]=\"endCount\"\n                    [totalCount]=\"totalCount\"\n                    [emptyMsg]=\"'No Auth Policies defined, Click the plus to add a Configuration.'\"\n                    [filterApplied]=\"filterApplied\"\n                    [menuItems]=\"svc.menuItems\"\n                    (gridReady)=\"gridReady($event)\"\n    >\n    </lib-data-table>\n</div>\n", styles: [".configurations{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}\n"] }]
-        }], ctorParameters: () => [{ type: AuthPoliciesPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: AuthPoliciesPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class AuthPolicy {
     constructor() {
@@ -25164,10 +25355,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class CertificateAuthoritiesPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Certificate Authorities';
         this.formDataChanged = false;
     }
@@ -25195,6 +25387,7 @@ class CertificateAuthoritiesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -25222,6 +25415,14 @@ class CertificateAuthoritiesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'certificate-authority',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'certificate authority');
     }
@@ -25247,13 +25448,16 @@ class CertificateAuthoritiesPageComponent extends ListPageComponent {
         });
         super.gridReady(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CertificateAuthoritiesPageComponent, deps: [{ token: CertificateAuthoritiesPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CertificateAuthoritiesPageComponent, deps: [{ token: CertificateAuthoritiesPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CertificateAuthoritiesPageComponent, isStandalone: false, selector: "lib-auth-policies", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-cert-authorities-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'certificate-authorities'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Certificate Authorities defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [".certificate-authorities{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CertificateAuthoritiesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-auth-policies', standalone: false, template: "<div class=\"ziti-page-container ziti-cert-authorities-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'certificate-authorities'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Certificate Authorities defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [".certificate-authorities{width:100%;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 auto}\n"] }]
-        }], ctorParameters: () => [{ type: CertificateAuthoritiesPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: CertificateAuthoritiesPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class CertificateAuthority {
     constructor() {
@@ -26214,10 +26418,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class ConfigTypesPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Config Types';
         this.formDataChanged = false;
         this.reservedNames = ['host.v1', 'host.v2', 'intercept.v1', 'ziti-tunneler-client.v1', 'ziti-tunneler-server.v1'];
@@ -26246,6 +26451,7 @@ class ConfigTypesPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -26270,6 +26476,14 @@ class ConfigTypesPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'config-type',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'config type');
     }
@@ -26307,13 +26521,16 @@ class ConfigTypesPageComponent extends ListPageComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigTypesPageComponent, deps: [{ token: ConfigTypesPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigTypesPageComponent, deps: [{ token: ConfigTypesPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfigTypesPageComponent, isStandalone: false, selector: "lib-configurations", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-config-types-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'config-types'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Config Types defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfigTypesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-configurations', standalone: false, template: "<div class=\"ziti-page-container ziti-config-types-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'config-types'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Config Types defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}" }]
-        }], ctorParameters: () => [{ type: ConfigTypesPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: ConfigTypesPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class ConfigType {
     constructor() {
@@ -26828,10 +27045,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class PostureChecksPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Posture Checks';
         this.formDataChanged = false;
     }
@@ -26859,6 +27077,7 @@ class PostureChecksPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -26883,6 +27102,14 @@ class PostureChecksPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'posture-check',
+            item,
+            type: 'menu-action'
+        });
+    }
     deleteItem(item) {
         this.openBulkDelete([item], 'posture check');
     }
@@ -26895,13 +27122,16 @@ class PostureChecksPageComponent extends ListPageComponent {
     dataChanged(event) {
         this.formDataChanged = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PostureChecksPageComponent, deps: [{ token: PostureChecksPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PostureChecksPageComponent, deps: [{ token: PostureChecksPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PostureChecksPageComponent, isStandalone: false, selector: "lib-configurations", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-posture-checks-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'posture-checks'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Posture Checks defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PostureChecksPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-configurations', standalone: false, template: "<div class=\"ziti-page-container ziti-posture-checks-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [showAdd]=\"!itemsSelected\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'posture-checks'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Posture Checks defined, Click the plus to add a Configuration.'\"\n    [filterApplied]=\"filterApplied\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}" }]
-        }], ctorParameters: () => [{ type: PostureChecksPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: PostureChecksPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class PostureCheck {
     constructor() {
@@ -27647,10 +27877,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class SessionsPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'Sessions';
         this.formDataChanged = false;
     }
@@ -27678,6 +27909,7 @@ class SessionsPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -27702,6 +27934,14 @@ class SessionsPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'session',
+            item,
+            type: 'menu-action'
+        });
+    }
     openBulkDelete(selectedItems, label) {
         const updatedItems = selectedItems.map((item) => {
             return {
@@ -27723,13 +27963,16 @@ class SessionsPageComponent extends ListPageComponent {
     dataChanged(event) {
         this.formDataChanged = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SessionsPageComponent, deps: [{ token: SessionsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SessionsPageComponent, deps: [{ token: SessionsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SessionsPageComponent, isStandalone: false, selector: "lib-sessions", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-sessions-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [hideAction]=\"true\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'sessions'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Sessions defined'\"\n    [filterApplied]=\"filterApplied\"\n    [filterColumn]=\"'id'\"\n    [filterName]=\"'id'\"\n    [menuItems]=\"svc.menuItems\"\n    [showNoItemsAdd]=\"false\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SessionsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-sessions', standalone: false, template: "<div class=\"ziti-page-container ziti-sessions-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [hideAction]=\"true\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'sessions'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No Sessions defined'\"\n    [filterApplied]=\"filterApplied\"\n    [filterColumn]=\"'id'\"\n    [filterName]=\"'id'\"\n    [menuItems]=\"svc.menuItems\"\n    [showNoItemsAdd]=\"false\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n" }]
-        }], ctorParameters: () => [{ type: SessionsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: SessionsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class SessionFormService {
     constructor(settingsService, zitiService, growlerService, extService) {
@@ -28240,10 +28483,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
     limitations under the License.
 */
 class APISessionsPageComponent extends ListPageComponent {
-    constructor(svc, filterService, tabNames, consoleEvents, dialogForm) {
-        super(filterService, svc, consoleEvents, dialogForm);
+    constructor(svc, filterService, tabNames, consoleEvents, dialogForm, extService) {
+        super(filterService, svc, consoleEvents, dialogForm, extService);
         this.svc = svc;
         this.tabNames = tabNames;
+        this.extService = extService;
         this.title = 'API Sessions';
         this.formDataChanged = false;
     }
@@ -28271,6 +28515,7 @@ class APISessionsPageComponent extends ListPageComponent {
         }
     }
     tableAction(event) {
+        this.trackMenuAction(event?.action, event?.item);
         switch (event?.action) {
             case 'toggleAll':
             case 'toggleItem':
@@ -28295,6 +28540,14 @@ class APISessionsPageComponent extends ListPageComponent {
                 break;
         }
     }
+    trackMenuAction(action, item) {
+        this.extService?.consoleActionTriggered?.emit({
+            action,
+            page: 'api-session',
+            item,
+            type: 'menu-action'
+        });
+    }
     openBulkDelete(selectedItems, label) {
         const updatedItems = selectedItems.map((item) => {
             return {
@@ -28316,13 +28569,16 @@ class APISessionsPageComponent extends ListPageComponent {
     dataChanged(event) {
         this.formDataChanged = event;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: APISessionsPageComponent, deps: [{ token: ApiSessionsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: APISessionsPageComponent, deps: [{ token: ApiSessionsPageService }, { token: DataTableFilterService }, { token: TabNameService }, { token: ConsoleEventsService }, { token: i5.MatDialog }, { token: SHAREDZ_EXTENSION }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: APISessionsPageComponent, isStandalone: false, selector: "lib-api-sessions", usesInheritance: true, ngImport: i0, template: "<div class=\"ziti-page-container ziti-api-sessions-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [hideAction]=\"true\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'api-sessions'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No API Sessions defined'\"\n    [filterApplied]=\"filterApplied\"\n    [filterColumn]=\"'id'\"\n    [filterName]=\"'ID'\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n", styles: [""], dependencies: [{ kind: "component", type: ListPageHeaderComponent, selector: "lib-list-page-header", inputs: ["title", "tabs", "showAdd", "hideAction"], outputs: ["actionClicked"] }, { kind: "component", type: DataTableComponent, selector: "lib-data-table", inputs: ["rowData", "expandRowData", "collapseRowData", "rowValidation", "isTimeSearchAvailable", "isLoading", "tableId", "options", "validateService", "rowsToggled", "tableRefreshCount", "view", "serverSideDataSource", "allowDownload", "startCount", "endCount", "totalCount", "emptyMsg", "filterApplied", "menuItems", "headerActions", "noItemsClass", "entityTypeName", "showNoItemsAdd", "currentPage", "noItemsImage", "rowHeight", "filterName", "filterColumn", "columnDefinitions", "refreshCount"], outputs: ["actionRequested", "gridReady", "dragStart", "dragLeave", "pageChanged"] }, { kind: "component", type: LoadingIndicatorComponent, selector: "lib-loading-indicator", inputs: ["isLoading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: APISessionsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-api-sessions', standalone: false, template: "<div class=\"ziti-page-container ziti-api-sessions-container\">\n  <lib-list-page-header [title]=\"title\"\n    [tabs]=\"tabs\"\n    [hideAction]=\"true\"\n  (actionClicked)=\"headerActionClicked($event)\"></lib-list-page-header>\n\n  <lib-data-table [tableId]=\"'api-sessions'\"\n    [rowData]=\"rowData\"\n    [columnDefinitions]=\"columnDefs\"\n    (actionRequested)=\"tableAction($event)\"\n    [startCount]=\"startCount\"\n    [endCount]=\"endCount\"\n    [totalCount]=\"totalCount\"\n    [emptyMsg]=\"'No API Sessions defined'\"\n    [filterApplied]=\"filterApplied\"\n    [filterColumn]=\"'id'\"\n    [filterName]=\"'ID'\"\n    [menuItems]=\"svc.menuItems\"\n    (gridReady)=\"gridReady($event)\"\n    >\n  </lib-data-table>\n</div>\n@if (isLoading) {\n  <lib-loading-indicator [isLoading]=\"isLoading\"></lib-loading-indicator>\n}\n" }]
-        }], ctorParameters: () => [{ type: ApiSessionsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }] });
+        }], ctorParameters: () => [{ type: ApiSessionsPageService }, { type: DataTableFilterService }, { type: TabNameService }, { type: ConsoleEventsService }, { type: i5.MatDialog }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SHAREDZ_EXTENSION]
+                }] }] });
 
 class APISessionFormService {
     constructor(settingsService, zitiService, growlerService, extService) {
@@ -30611,7 +30867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }] });
 
 const ZAC_VERSION = {
-    "version": "4.1.1"
+    "version": "4.1.3"
 };
 
 /*