@openziti/ziti-console-lib 0.6.8 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/assets/scripts/components/codemirror/codemirror.css +25 -25
  2. package/assets/scripts/components/codemirror/modes/addons/show-hint.css +8 -8
  3. package/assets/scripts/components/column.css +28 -28
  4. package/assets/scripts/components/leaflet/leaflet.css +94 -94
  5. package/assets/scripts/components/network/vis-network.css +209 -209
  6. package/assets/scripts/components/network/vis-network.min.css +1 -1
  7. package/assets/styles/chart.min.css +1 -1
  8. package/assets/styles/dark.css +12 -2
  9. package/assets/styles/datetimepicker.css +1 -1
  10. package/assets/styles/forms.css +119 -119
  11. package/assets/styles/global.scss +268 -238
  12. package/assets/styles/growler.css +50 -50
  13. package/assets/styles/header.css +65 -65
  14. package/assets/styles/navigation.css +45 -45
  15. package/assets/styles/select2.css +84 -84
  16. package/assets/styles/spectrum.css +79 -79
  17. package/assets/styles/tables.css +118 -118
  18. package/assets/styles/tooltip.css +18 -18
  19. package/assets/styles/ziti.css +736 -730
  20. package/esm2022/lib/features/card/card.component.mjs +2 -2
  21. package/esm2022/lib/features/card-list/card-list.component.mjs +2 -2
  22. package/esm2022/lib/features/confirm/confirm.component.mjs +2 -2
  23. package/esm2022/lib/features/creation-summary-dialog/creation-summary-dialog.component.mjs +2 -2
  24. package/esm2022/lib/features/data-table/cells/table-cell-menu/table-cell-menu.component.mjs +2 -2
  25. package/esm2022/lib/features/data-table/cells/table-cell-name/table-cell-name.component.mjs +2 -2
  26. package/esm2022/lib/features/data-table/cells/table-cell-select/table-cell-select.component.mjs +2 -2
  27. package/esm2022/lib/features/data-table/column-headers/table-column-default/table-column-default.component.mjs +2 -2
  28. package/esm2022/lib/features/data-table/column-headers/table-column-filter/table-column-filter.component.mjs +2 -2
  29. package/esm2022/lib/features/data-table/column-headers/table-column-menu/table-column-menu.component.mjs +2 -2
  30. package/esm2022/lib/features/data-table/column-headers/table-column-select/table-column-select.component.mjs +2 -2
  31. package/esm2022/lib/features/data-table/data-table.component.mjs +12 -29
  32. package/esm2022/lib/features/data-table/table-filter-bar/filter-bar.component.mjs +2 -2
  33. package/esm2022/lib/features/data-table/table-hidden-columns-bar/hidden-columns-bar.component.mjs +2 -2
  34. package/esm2022/lib/features/dynamic-widgets/checkbox-list/checkbox-list-input.component.mjs +2 -2
  35. package/esm2022/lib/features/dynamic-widgets/forwarding-config/forwarding-config.component.mjs +2 -2
  36. package/esm2022/lib/features/dynamic-widgets/number/number-input.component.mjs +2 -2
  37. package/esm2022/lib/features/dynamic-widgets/object/object.component.mjs +2 -2
  38. package/esm2022/lib/features/dynamic-widgets/password/password-input.component.mjs +9 -7
  39. package/esm2022/lib/features/dynamic-widgets/protocol-address-port/protocol-address-port-input.component.mjs +2 -2
  40. package/esm2022/lib/features/dynamic-widgets/selector/selector-input.component.mjs +2 -2
  41. package/esm2022/lib/features/dynamic-widgets/string/string-input.component.mjs +11 -9
  42. package/esm2022/lib/features/json-view/json-view.component.mjs +2 -2
  43. package/esm2022/lib/features/list-page-features/list-page-form/list-page-form.component.mjs +2 -2
  44. package/esm2022/lib/features/list-page-features/list-page-header/list-page-header.component.mjs +2 -2
  45. package/esm2022/lib/features/loading-indicator/loading-indicator.component.mjs +2 -2
  46. package/esm2022/lib/features/messaging/growler.component.mjs +2 -2
  47. package/esm2022/lib/features/multi-action-button/multi-action-button.component.mjs +2 -2
  48. package/esm2022/lib/features/no-items/no-items.component.mjs +2 -2
  49. package/esm2022/lib/features/overrides/overrides.component.mjs +2 -2
  50. package/esm2022/lib/features/preview-list/preview-list.component.mjs +2 -2
  51. package/esm2022/lib/features/preview-selections/preview-selections.component.mjs +2 -2
  52. package/esm2022/lib/features/projectable-forms/auth-policy/auth-policy-form.component.mjs +2 -2
  53. package/esm2022/lib/features/projectable-forms/configuration/configuration-form.component.mjs +2 -2
  54. package/esm2022/lib/features/projectable-forms/edge-router/edge-router-form.component.mjs +2 -2
  55. package/esm2022/lib/features/projectable-forms/form-field-container/form-field-container.component.mjs +2 -2
  56. package/esm2022/lib/features/projectable-forms/form-field-toggle/form-field-toggle.component.mjs +2 -2
  57. package/esm2022/lib/features/projectable-forms/form-header/form-header.component.mjs +2 -2
  58. package/esm2022/lib/features/projectable-forms/identity/identity-form.component.mjs +3 -3
  59. package/esm2022/lib/features/projectable-forms/jwt-signer/jwt-signer-form.component.mjs +18 -3
  60. package/esm2022/lib/features/projectable-forms/service/service-form.component.mjs +2 -2
  61. package/esm2022/lib/features/projectable-forms/service/simple-service/simple-service.component.mjs +2 -2
  62. package/esm2022/lib/features/projectable-forms/terminator/terminator-form.component.mjs +2 -2
  63. package/esm2022/lib/features/qr-code/qr-code.component.mjs +2 -2
  64. package/esm2022/lib/features/reset-enrollment/reset-enrollment.component.mjs +2 -2
  65. package/esm2022/lib/features/side-modal/side-modal.component.mjs +2 -2
  66. package/esm2022/lib/features/sidebars/side-banner/side-banner.component.mjs +2 -2
  67. package/esm2022/lib/features/sidebars/side-navbar/side-navbar.component.mjs +2 -2
  68. package/esm2022/lib/features/sidebars/side-toolbar/side-toolbar.component.mjs +2 -2
  69. package/esm2022/lib/features/tag-selector/tag-selector.component.mjs +2 -2
  70. package/esm2022/lib/features/visualizer/identity-service-path/identity-service-path.component.mjs +2 -2
  71. package/esm2022/lib/features/visualizer/network-visualizer/network-visualizer.component.mjs +32 -15
  72. package/esm2022/lib/features/visualizer/network-visualizer/network-visualizer.helper.mjs +164 -267
  73. package/esm2022/lib/features/visualizer/network-visualizer/network-visualizer.treenodeprocessor.mjs +12 -12
  74. package/esm2022/lib/pages/configurations/configurations-page.component.mjs +36 -3
  75. package/esm2022/lib/pages/edge-routers/edge-routers-page.component.mjs +2 -2
  76. package/esm2022/lib/pages/identities/identities-page.component.mjs +10 -3
  77. package/esm2022/lib/pages/jwt-signers/jwt-signers-page.component.mjs +2 -2
  78. package/esm2022/lib/pages/services/services-page.component.mjs +2 -2
  79. package/esm2022/lib/shared/list-page-component.class.mjs +1 -1
  80. package/esm2022/lib/shared/list-page-service.class.mjs +17 -1
  81. package/esm2022/lib/version.mjs +2 -2
  82. package/fesm2022/openziti-ziti-console-lib.mjs +411 -440
  83. package/fesm2022/openziti-ziti-console-lib.mjs.map +1 -1
  84. package/lib/features/data-table/data-table.component.d.ts +1 -0
  85. package/lib/features/data-table/data-table.component.d.ts.map +1 -1
  86. package/lib/features/dynamic-widgets/password/password-input.component.d.ts +2 -0
  87. package/lib/features/dynamic-widgets/password/password-input.component.d.ts.map +1 -1
  88. package/lib/features/dynamic-widgets/string/string-input.component.d.ts +2 -0
  89. package/lib/features/dynamic-widgets/string/string-input.component.d.ts.map +1 -1
  90. package/lib/features/projectable-forms/jwt-signer/jwt-signer-form.component.d.ts +1 -0
  91. package/lib/features/projectable-forms/jwt-signer/jwt-signer-form.component.d.ts.map +1 -1
  92. package/lib/features/visualizer/network-visualizer/network-visualizer.component.d.ts +1 -0
  93. package/lib/features/visualizer/network-visualizer/network-visualizer.component.d.ts.map +1 -1
  94. package/lib/features/visualizer/network-visualizer/network-visualizer.helper.d.ts.map +1 -1
  95. package/lib/pages/configurations/configurations-page.component.d.ts +1 -0
  96. package/lib/pages/configurations/configurations-page.component.d.ts.map +1 -1
  97. package/lib/pages/identities/identities-page.component.d.ts.map +1 -1
  98. package/lib/shared/list-page-component.class.d.ts.map +1 -1
  99. package/lib/shared/list-page-service.class.d.ts +1 -0
  100. package/lib/shared/list-page-service.class.d.ts.map +1 -1
  101. package/package.json +1 -1
package/esm2022/lib/features/sidebars/side-navbar/side-navbar.component.mjs CHANGED
@@ -40,12 +40,12 @@ class SideNavbarComponent {
40
40
  this.isOpened = !this.isOpened;
41
41
  }
42
42
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavbarComponent, deps: [{ token: i1.Router }, { token: ZITI_NAVIGATOR }], target: i0.ɵɵFactoryTarget.Component }); }
43
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavbarComponent, selector: "lib-side-navbar", inputs: { version: "version" }, ngImport: i0, template: "<div class=\"sideNavbar\">\n <div class=\"title\" data-i18n=\"AppName\">Ziti Console</div>\n <div id=\"Version\" class=\"version\">{{version}}</div>\n <div id=\"CustomLogo\"></div>\n <div class=\"side-navigator-menu-container\">\n <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n <div *ngFor=\"let item of group.menuItems\">\n <div class=\"side-navigator-menu-item {{item.className}}\" [routerLink]=\"item.route\" *ngIf=\"!item.hidden\"\n [ngClass]=\"{ selected: item.selectedRoutes?.includes(url) }\">\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" [ngClass]=\"item.iconClass\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">{{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{item.sublabel}}</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".sideNavbar{position:relative;display:inline-block;width:19.75rem;background-color:transparent;height:100%}.sideNavbar .title{color:var(--primary);filter:brightness(50%);font-family:Russo One,serif;text-align:center;font-size:24px;line-height:56px}.sideNavbar .navList{display:grid;grid-template-columns:100%;grid-row-gap:1.25rem;color:var(--white);margin-left:1.25rem}.sideNavbar .lock:before{color:var(--text)!important}.sideNavbar .lock{position:absolute;bottom:20px;right:10px;width:30px;height:30px;font-size:30px;line-height:30px;text-align:center;opacity:.2;cursor:pointer;transition:.2s}.sideNavbar .lock:hover{opacity:.4}.sideNavbar .lock.locked{opacity:.6}.sideNavbar .version{position:absolute;bottom:20px;width:100%;color:var(--text);opacity:.7;font-size:14px;right:0;left:0;display:flex;align-items:center;justify-content:center}.sideNavbar #CustomLogo{width:75%;height:100px;position:absolute;bottom:49px;right:20px;background-repeat:no-repeat;background-size:contain;background-position:center center}.sideNavbar [class^=icon-],.sideNavbar [class*=\" icon-\"]{font-family:zac,serif!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sideNavbar .side-navigator-menu-container,.sideNavbar .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:15px}.sideNavbar .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:23px;color:var(--groupText);font-size:14px;position:relative;text-transform:uppercase;font-weight:600}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:53px;cursor:pointer;align-items:center;padding-left:25px;margin-bottom:5px;margin-top:5px}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--primaryColorShadowLight);border-right-color:var(--secondaryColor);border-right-width:4px;border-right-style:solid}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected:hover{border-right-color:var(--secondaryColor)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--primaryColorShadowLight);border-right-color:var(--primaryColor);border-right-width:4px;border-right-style:solid;transition:.3s}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:50px;width:50px;height:50px;background-color:var(--white);box-shadow:var(--shadow);border-color:var(--white);transition:var(--transition);border-radius:8px;display:flex;align-items:center;justify-content:center;border-width:var(--inputBorderWidth);flex:1 0 auto;border-style:solid;font-size:35px}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon:hover{box-shadow:0 14px 20px #0000000d,0 14px 20px #0000000d}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primary)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:16px;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans,serif;width:100%;margin-bottom:0;margin-left:15px;display:flex}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:5px}.sideNavbar .headerNetworkList,.sideNavbar .headerTenantList{height:182px;overflow-y:scroll}.sideNavbar .headerNetworkList .row,.sideNavbar .headerTenantList .row{color:var(--white);font-size:14px;font-weight:600;line-height:30px;padding-left:45px;cursor:pointer;height:32px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.2s;position:relative}.sideNavbar .headerNetworkList .row.selected,.sideNavbar .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans,serif}.sideNavbar .headerNetworkList .row:hover,.sideNavbar .headerTenantList .row:hover{background-color:var(--primaryColor);transition:.2s}.sideNavbar .headerNetworkList .row:active,.sideNavbar .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95);transition:.2s}.sideNavbar .headerNetworkList .status,.sideNavbar .headerTenantList .status{width:25px;height:25px;top:3px;left:10px}.sideNavbar #Networks .currentNetwork,.sideNavbar #Tenants .currentTenant{color:var(--white)}.sideNavbar .networks{border-color:var(--inputBorder);border-width:var(--inputBorderWidth);border-radius:var(--inputBorderRadius);border-style:solid;width:271px;height:40px;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1' viewBox%3D'0 0 20.2 10.8' x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B fill%3A %23668291%3B %7D%3C%2Fstyle%3E %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right 10px;background-size:20px 10px;cursor:pointer;background-color:var(--background);animation:fadein .5s;position:relative;margin-top:18px;margin-bottom:10px}.sideNavbar .currentNetwork{font-family:Russo One,serif;font-size:18px;color:var(--tableText);padding-left:10px;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;width:259px}.sideNavbar #Networks{border-radius:var(--inputBorderRadius);height:0;width:101.5%;overflow:hidden;position:absolute;top:-2px;left:-2px;padding-top:2px;background-color:var(--menu);min-height:20px;z-index:60;opacity:0;transition:.5s;pointer-events:none}.sideNavbar #Networks.opened{height:300px;opacity:1;pointer-events:all}.sideNavbar #Networks .search.row{line-height:55px}.sideNavbar .counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:2px;left:54px;background-color:var(--red);box-shadow:0 2px 7px #ff0d4980;z-index:999;color:#fff;font-size:12px;font-weight:700;width:18px;height:18px;line-height:18px;border-radius:9px;font-family:Open Sans,serif}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
43
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavbarComponent, selector: "lib-side-navbar", inputs: { version: "version" }, ngImport: i0, template: "<div class=\"sideNavbar\">\n <div class=\"title\" data-i18n=\"AppName\">Ziti Console</div>\n <div id=\"Version\" class=\"version\">{{version}}</div>\n <div id=\"CustomLogo\"></div>\n <div class=\"side-navigator-menu-container\">\n <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n <div *ngFor=\"let item of group.menuItems\">\n <div class=\"side-navigator-menu-item {{item.className}}\" [routerLink]=\"item.route\" *ngIf=\"!item.hidden\"\n [ngClass]=\"{ selected: item.selectedRoutes?.includes(url) }\">\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" [ngClass]=\"item.iconClass\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">{{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{item.sublabel}}</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".sideNavbar{position:relative;display:inline-block;width:19.75rem;background-color:transparent;height:100%}.sideNavbar .title{color:var(--primary);filter:brightness(50%);font-family:Russo One,serif;text-align:center;font-size:1.5rem;line-height:3.5rem}.sideNavbar .navList{display:grid;grid-template-columns:100%;grid-row-gap:1.25rem;color:var(--white);margin-left:1.25rem}.sideNavbar .lock:before{color:var(--text)!important}.sideNavbar .lock{position:absolute;bottom:1.25rem;right:.625rem;width:1.875rem;height:1.875rem;font-size:1.875rem;line-height:1.875rem;text-align:center;opacity:.2;cursor:pointer;transition:.2s}.sideNavbar .lock:hover{opacity:.4}.sideNavbar .lock.locked{opacity:.6}.sideNavbar .version{position:absolute;bottom:1.25rem;width:100%;color:var(--text);opacity:.7;font-size:.875rem;right:0;left:0;display:flex;align-items:center;justify-content:center}.sideNavbar #CustomLogo{width:75%;height:6.25rem;position:absolute;bottom:3.0625rem;right:1.25rem;background-repeat:no-repeat;background-size:contain;background-position:center center}.sideNavbar [class^=icon-],.sideNavbar [class*=\" icon-\"]{font-family:zac,serif!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sideNavbar .side-navigator-menu-container,.sideNavbar .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:1.4375rem;color:var(--groupText);font-size:.875rem;position:relative;text-transform:uppercase;font-weight:600}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:1.5625rem;margin-bottom:.3125rem;margin-top:.3125rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--primaryColorShadowLight);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:solid}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected:hover{border-right-color:var(--secondaryColor)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--primaryColorShadowLight);border-right-color:var(--primaryColor);border-right-width:.25rem;border-right-style:solid;transition:.3s}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:3.125rem;width:3.125rem;height:3.125rem;background-color:var(--white);box-shadow:var(--shadow);border-color:var(--white);transition:var(--transition);border-radius:.5rem;display:flex;align-items:center;justify-content:center;border-width:var(--inputBorderWidth);flex:1 0 auto;border-style:solid;font-size:2.1875rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon:hover{box-shadow:0 .875rem 1.25rem #0000000d,0 .875rem 1.25rem #0000000d}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primary)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:1rem;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans,serif;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.sideNavbar .headerNetworkList,.sideNavbar .headerTenantList{height:11.375rem;overflow-y:scroll}.sideNavbar .headerNetworkList .row,.sideNavbar .headerTenantList .row{color:var(--white);font-size:.875rem;font-weight:600;line-height:1.875rem;padding-left:2.8125rem;cursor:pointer;height:2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.2s;position:relative}.sideNavbar .headerNetworkList .row.selected,.sideNavbar .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans,serif}.sideNavbar .headerNetworkList .row:hover,.sideNavbar .headerTenantList .row:hover{background-color:var(--primaryColor);transition:.2s}.sideNavbar .headerNetworkList .row:active,.sideNavbar .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95);transition:.2s}.sideNavbar .headerNetworkList .status,.sideNavbar .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.sideNavbar #Networks .currentNetwork,.sideNavbar #Tenants .currentTenant{color:var(--white)}.sideNavbar .networks{border-color:var(--inputBorder);border-width:var(--inputBorderWidth);border-radius:var(--inputBorderRadius);border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1' viewBox%3D'0 0 20.2 10.8' x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B fill%3A %23668291%3B %7D%3C%2Fstyle%3E %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--background);animation:fadein .5s;position:relative;margin-top:1.125rem;margin-bottom:.625rem}.sideNavbar .currentNetwork{font-family:Russo One,serif;font-size:1.125rem;color:var(--tableText);padding-left:.625rem;line-height:2.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1.25rem;width:16.1875rem}.sideNavbar #Networks{border-radius:var(--inputBorderRadius);height:0;width:101.5%;overflow:hidden;position:absolute;top:-.125rem;left:-.125rem;padding-top:.125rem;background-color:var(--menu);min-height:1.25rem;z-index:60;opacity:0;transition:.5s;pointer-events:none}.sideNavbar #Networks.opened{height:18.75rem;opacity:1;pointer-events:all}.sideNavbar #Networks .search.row{line-height:3.4375rem}.sideNavbar .counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:.125rem;left:3.375rem;background-color:var(--red);box-shadow:0 .125rem .4375rem #ff0d4980;z-index:999;color:#fff;font-size:.75rem;font-weight:700;width:1.125rem;height:1.125rem;line-height:1.125rem;border-radius:.5625rem;font-family:Open Sans,serif}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
44
44
  }
45
45
  export { SideNavbarComponent };
46
46
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavbarComponent, decorators: [{
47
47
  type: Component,
48
- args: [{ selector: 'lib-side-navbar', template: "<div class=\"sideNavbar\">\n <div class=\"title\" data-i18n=\"AppName\">Ziti Console</div>\n <div id=\"Version\" class=\"version\">{{version}}</div>\n <div id=\"CustomLogo\"></div>\n <div class=\"side-navigator-menu-container\">\n <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n <div *ngFor=\"let item of group.menuItems\">\n <div class=\"side-navigator-menu-item {{item.className}}\" [routerLink]=\"item.route\" *ngIf=\"!item.hidden\"\n [ngClass]=\"{ selected: item.selectedRoutes?.includes(url) }\">\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" [ngClass]=\"item.iconClass\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">{{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{item.sublabel}}</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".sideNavbar{position:relative;display:inline-block;width:19.75rem;background-color:transparent;height:100%}.sideNavbar .title{color:var(--primary);filter:brightness(50%);font-family:Russo One,serif;text-align:center;font-size:24px;line-height:56px}.sideNavbar .navList{display:grid;grid-template-columns:100%;grid-row-gap:1.25rem;color:var(--white);margin-left:1.25rem}.sideNavbar .lock:before{color:var(--text)!important}.sideNavbar .lock{position:absolute;bottom:20px;right:10px;width:30px;height:30px;font-size:30px;line-height:30px;text-align:center;opacity:.2;cursor:pointer;transition:.2s}.sideNavbar .lock:hover{opacity:.4}.sideNavbar .lock.locked{opacity:.6}.sideNavbar .version{position:absolute;bottom:20px;width:100%;color:var(--text);opacity:.7;font-size:14px;right:0;left:0;display:flex;align-items:center;justify-content:center}.sideNavbar #CustomLogo{width:75%;height:100px;position:absolute;bottom:49px;right:20px;background-repeat:no-repeat;background-size:contain;background-position:center center}.sideNavbar [class^=icon-],.sideNavbar [class*=\" icon-\"]{font-family:zac,serif!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sideNavbar .side-navigator-menu-container,.sideNavbar .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:15px}.sideNavbar .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:23px;color:var(--groupText);font-size:14px;position:relative;text-transform:uppercase;font-weight:600}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:53px;cursor:pointer;align-items:center;padding-left:25px;margin-bottom:5px;margin-top:5px}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--primaryColorShadowLight);border-right-color:var(--secondaryColor);border-right-width:4px;border-right-style:solid}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected:hover{border-right-color:var(--secondaryColor)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--primaryColorShadowLight);border-right-color:var(--primaryColor);border-right-width:4px;border-right-style:solid;transition:.3s}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:50px;width:50px;height:50px;background-color:var(--white);box-shadow:var(--shadow);border-color:var(--white);transition:var(--transition);border-radius:8px;display:flex;align-items:center;justify-content:center;border-width:var(--inputBorderWidth);flex:1 0 auto;border-style:solid;font-size:35px}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon:hover{box-shadow:0 14px 20px #0000000d,0 14px 20px #0000000d}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primary)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:16px;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans,serif;width:100%;margin-bottom:0;margin-left:15px;display:flex}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:5px}.sideNavbar .headerNetworkList,.sideNavbar .headerTenantList{height:182px;overflow-y:scroll}.sideNavbar .headerNetworkList .row,.sideNavbar .headerTenantList .row{color:var(--white);font-size:14px;font-weight:600;line-height:30px;padding-left:45px;cursor:pointer;height:32px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.2s;position:relative}.sideNavbar .headerNetworkList .row.selected,.sideNavbar .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans,serif}.sideNavbar .headerNetworkList .row:hover,.sideNavbar .headerTenantList .row:hover{background-color:var(--primaryColor);transition:.2s}.sideNavbar .headerNetworkList .row:active,.sideNavbar .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95);transition:.2s}.sideNavbar .headerNetworkList .status,.sideNavbar .headerTenantList .status{width:25px;height:25px;top:3px;left:10px}.sideNavbar #Networks .currentNetwork,.sideNavbar #Tenants .currentTenant{color:var(--white)}.sideNavbar .networks{border-color:var(--inputBorder);border-width:var(--inputBorderWidth);border-radius:var(--inputBorderRadius);border-style:solid;width:271px;height:40px;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1' viewBox%3D'0 0 20.2 10.8' x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B fill%3A %23668291%3B %7D%3C%2Fstyle%3E %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right 10px;background-size:20px 10px;cursor:pointer;background-color:var(--background);animation:fadein .5s;position:relative;margin-top:18px;margin-bottom:10px}.sideNavbar .currentNetwork{font-family:Russo One,serif;font-size:18px;color:var(--tableText);padding-left:10px;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;width:259px}.sideNavbar #Networks{border-radius:var(--inputBorderRadius);height:0;width:101.5%;overflow:hidden;position:absolute;top:-2px;left:-2px;padding-top:2px;background-color:var(--menu);min-height:20px;z-index:60;opacity:0;transition:.5s;pointer-events:none}.sideNavbar #Networks.opened{height:300px;opacity:1;pointer-events:all}.sideNavbar #Networks .search.row{line-height:55px}.sideNavbar .counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:2px;left:54px;background-color:var(--red);box-shadow:0 2px 7px #ff0d4980;z-index:999;color:#fff;font-size:12px;font-weight:700;width:18px;height:18px;line-height:18px;border-radius:9px;font-family:Open Sans,serif}\n"] }]
48
+ args: [{ selector: 'lib-side-navbar', template: "<div class=\"sideNavbar\">\n <div class=\"title\" data-i18n=\"AppName\">Ziti Console</div>\n <div id=\"Version\" class=\"version\">{{version}}</div>\n <div id=\"CustomLogo\"></div>\n <div class=\"side-navigator-menu-container\">\n <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n <div *ngFor=\"let item of group.menuItems\">\n <div class=\"side-navigator-menu-item {{item.className}}\" [routerLink]=\"item.route\" *ngIf=\"!item.hidden\"\n [ngClass]=\"{ selected: item.selectedRoutes?.includes(url) }\">\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" [ngClass]=\"item.iconClass\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">{{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{item.sublabel}}</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".sideNavbar{position:relative;display:inline-block;width:19.75rem;background-color:transparent;height:100%}.sideNavbar .title{color:var(--primary);filter:brightness(50%);font-family:Russo One,serif;text-align:center;font-size:1.5rem;line-height:3.5rem}.sideNavbar .navList{display:grid;grid-template-columns:100%;grid-row-gap:1.25rem;color:var(--white);margin-left:1.25rem}.sideNavbar .lock:before{color:var(--text)!important}.sideNavbar .lock{position:absolute;bottom:1.25rem;right:.625rem;width:1.875rem;height:1.875rem;font-size:1.875rem;line-height:1.875rem;text-align:center;opacity:.2;cursor:pointer;transition:.2s}.sideNavbar .lock:hover{opacity:.4}.sideNavbar .lock.locked{opacity:.6}.sideNavbar .version{position:absolute;bottom:1.25rem;width:100%;color:var(--text);opacity:.7;font-size:.875rem;right:0;left:0;display:flex;align-items:center;justify-content:center}.sideNavbar #CustomLogo{width:75%;height:6.25rem;position:absolute;bottom:3.0625rem;right:1.25rem;background-repeat:no-repeat;background-size:contain;background-position:center center}.sideNavbar [class^=icon-],.sideNavbar [class*=\" icon-\"]{font-family:zac,serif!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sideNavbar .side-navigator-menu-container,.sideNavbar .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:1.4375rem;color:var(--groupText);font-size:.875rem;position:relative;text-transform:uppercase;font-weight:600}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:1.5625rem;margin-bottom:.3125rem;margin-top:.3125rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--primaryColorShadowLight);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:solid}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected:hover{border-right-color:var(--secondaryColor)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--primaryColorShadowLight);border-right-color:var(--primaryColor);border-right-width:.25rem;border-right-style:solid;transition:.3s}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:3.125rem;width:3.125rem;height:3.125rem;background-color:var(--white);box-shadow:var(--shadow);border-color:var(--white);transition:var(--transition);border-radius:.5rem;display:flex;align-items:center;justify-content:center;border-width:var(--inputBorderWidth);flex:1 0 auto;border-style:solid;font-size:2.1875rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon:hover{box-shadow:0 .875rem 1.25rem #0000000d,0 .875rem 1.25rem #0000000d}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primary)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:1rem;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans,serif;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.sideNavbar .headerNetworkList,.sideNavbar .headerTenantList{height:11.375rem;overflow-y:scroll}.sideNavbar .headerNetworkList .row,.sideNavbar .headerTenantList .row{color:var(--white);font-size:.875rem;font-weight:600;line-height:1.875rem;padding-left:2.8125rem;cursor:pointer;height:2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.2s;position:relative}.sideNavbar .headerNetworkList .row.selected,.sideNavbar .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans,serif}.sideNavbar .headerNetworkList .row:hover,.sideNavbar .headerTenantList .row:hover{background-color:var(--primaryColor);transition:.2s}.sideNavbar .headerNetworkList .row:active,.sideNavbar .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95);transition:.2s}.sideNavbar .headerNetworkList .status,.sideNavbar .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.sideNavbar #Networks .currentNetwork,.sideNavbar #Tenants .currentTenant{color:var(--white)}.sideNavbar .networks{border-color:var(--inputBorder);border-width:var(--inputBorderWidth);border-radius:var(--inputBorderRadius);border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1' viewBox%3D'0 0 20.2 10.8' x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B fill%3A %23668291%3B %7D%3C%2Fstyle%3E %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--background);animation:fadein .5s;position:relative;margin-top:1.125rem;margin-bottom:.625rem}.sideNavbar .currentNetwork{font-family:Russo One,serif;font-size:1.125rem;color:var(--tableText);padding-left:.625rem;line-height:2.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1.25rem;width:16.1875rem}.sideNavbar #Networks{border-radius:var(--inputBorderRadius);height:0;width:101.5%;overflow:hidden;position:absolute;top:-.125rem;left:-.125rem;padding-top:.125rem;background-color:var(--menu);min-height:1.25rem;z-index:60;opacity:0;transition:.5s;pointer-events:none}.sideNavbar #Networks.opened{height:18.75rem;opacity:1;pointer-events:all}.sideNavbar #Networks .search.row{line-height:3.4375rem}.sideNavbar .counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:.125rem;left:3.375rem;background-color:var(--red);box-shadow:0 .125rem .4375rem #ff0d4980;z-index:999;color:#fff;font-size:.75rem;font-weight:700;width:1.125rem;height:1.125rem;line-height:1.125rem;border-radius:.5625rem;font-family:Open Sans,serif}\n"] }]
49
49
  }], ctorParameters: function () { return [{ type: i1.Router }, { type: undefined, decorators: [{
50
50
  type: Inject,
51
51
  args: [ZITI_NAVIGATOR]