@openziti/ziti-console-lib 1.0.0 → 1.0.2

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 (53) hide show
  1. package/assets/fonts/icomoon.eot +0 -0
  2. package/assets/fonts/icomoon.svg +1 -0
  3. package/assets/fonts/icomoon.ttf +0 -0
  4. package/assets/fonts/icomoon.woff +0 -0
  5. package/assets/fonts/icomoon.woff2 +0 -0
  6. package/assets/images/Icon_Check.png +0 -0
  7. package/assets/styles/dark.css +15 -8
  8. package/assets/styles/global.scss +4 -1
  9. package/assets/styles/icons.scss +4 -11
  10. package/assets/svgs/newJwt.svg +28 -0
  11. package/esm2022/lib/ZAC_VERSION.mjs +2 -2
  12. package/esm2022/lib/features/list-page-features/list-page-header/list-page-header.component.mjs +2 -2
  13. package/esm2022/lib/features/projectable-forms/edge-router-policy/edge-router-policy-form.component.mjs +8 -5
  14. package/esm2022/lib/features/projectable-forms/edge-router-policy/edge-router-policy-form.service.mjs +5 -5
  15. package/esm2022/lib/features/projectable-forms/identity/identity-form.component.mjs +16 -6
  16. package/esm2022/lib/features/projectable-forms/service-edge-router-policy/service-edge-router-policy-form.component.mjs +8 -5
  17. package/esm2022/lib/features/projectable-forms/service-edge-router-policy/service-edge-router-policy-form.service.mjs +5 -5
  18. package/esm2022/lib/features/projectable-forms/service-policy/service-policy-form.component.mjs +9 -6
  19. package/esm2022/lib/features/projectable-forms/service-policy/service-policy-form.service.mjs +8 -8
  20. package/esm2022/lib/features/qr-code/qr-code.component.mjs +10 -4
  21. package/esm2022/lib/features/side-navigator/side-navigator.component.mjs +2 -2
  22. package/esm2022/lib/features/tag-selector/tag-selector.component.mjs +2 -2
  23. package/esm2022/lib/pages/identities/identities-page.service.mjs +45 -1
  24. package/esm2022/lib/services/node-data.service.mjs +19 -1
  25. package/esm2022/lib/services/ziti-controller-data.service.mjs +15 -4
  26. package/esm2022/lib/services/ziti-data.service.mjs +4 -3
  27. package/fesm2022/openziti-ziti-console-lib.mjs +145 -48
  28. package/fesm2022/openziti-ziti-console-lib.mjs.map +1 -1
  29. package/lib/features/projectable-forms/edge-router-policy/edge-router-policy-form.component.d.ts +1 -0
  30. package/lib/features/projectable-forms/edge-router-policy/edge-router-policy-form.component.d.ts.map +1 -1
  31. package/lib/features/projectable-forms/edge-router-policy/edge-router-policy-form.service.d.ts +2 -2
  32. package/lib/features/projectable-forms/edge-router-policy/edge-router-policy-form.service.d.ts.map +1 -1
  33. package/lib/features/projectable-forms/identity/identity-form.component.d.ts +5 -1
  34. package/lib/features/projectable-forms/identity/identity-form.component.d.ts.map +1 -1
  35. package/lib/features/projectable-forms/service-edge-router-policy/service-edge-router-policy-form.component.d.ts +1 -0
  36. package/lib/features/projectable-forms/service-edge-router-policy/service-edge-router-policy-form.component.d.ts.map +1 -1
  37. package/lib/features/projectable-forms/service-edge-router-policy/service-edge-router-policy-form.service.d.ts +2 -2
  38. package/lib/features/projectable-forms/service-edge-router-policy/service-edge-router-policy-form.service.d.ts.map +1 -1
  39. package/lib/features/projectable-forms/service-policy/service-policy-form.component.d.ts +1 -0
  40. package/lib/features/projectable-forms/service-policy/service-policy-form.component.d.ts.map +1 -1
  41. package/lib/features/projectable-forms/service-policy/service-policy-form.service.d.ts +4 -4
  42. package/lib/features/projectable-forms/service-policy/service-policy-form.service.d.ts.map +1 -1
  43. package/lib/features/qr-code/qr-code.component.d.ts +1 -0
  44. package/lib/features/qr-code/qr-code.component.d.ts.map +1 -1
  45. package/lib/pages/identities/identities-page.service.d.ts +1 -0
  46. package/lib/pages/identities/identities-page.service.d.ts.map +1 -1
  47. package/lib/services/node-data.service.d.ts +1 -0
  48. package/lib/services/node-data.service.d.ts.map +1 -1
  49. package/lib/services/ziti-controller-data.service.d.ts +2 -1
  50. package/lib/services/ziti-controller-data.service.d.ts.map +1 -1
  51. package/lib/services/ziti-data.service.d.ts +2 -1
  52. package/lib/services/ziti-data.service.d.ts.map +1 -1
  53. package/package.json +1 -1
package/esm2022/lib/features/qr-code/qr-code.component.mjs CHANGED
@@ -23,6 +23,7 @@ import * as i2 from "../../pages/identities/identities-page.service";
23
23
  import * as i3 from "../../pages/edge-routers/edge-routers-page.service";
24
24
  import * as i4 from "@angular/common";
25
25
  import * as i5 from "angularx-qrcode";
26
+ import * as i6 from "@angular/material/tooltip";
26
27
  export class QrCodeComponent {
27
28
  constructor(dialogRef, dialogForm, data, identitiesSvc, edgeRoutersSvc) {
28
29
  this.dialogRef = dialogRef;
@@ -103,6 +104,11 @@ export class QrCodeComponent {
103
104
  }
104
105
  });
105
106
  }
107
+ deleteEnrollment() {
108
+ this.identitiesSvc.deleteEnrollment(this.identity).then(() => {
109
+ this.doRefresh.emit(true);
110
+ });
111
+ }
106
112
  expandQRCode() {
107
113
  if (!this.canExpand) {
108
114
  return;
@@ -110,7 +116,7 @@ export class QrCodeComponent {
110
116
  const data = {
111
117
  jwt: this.jwt,
112
118
  expiration: this.expiration,
113
- qrCodeSize: 400,
119
+ qrCodeSize: 500,
114
120
  identity: this.identity,
115
121
  qrOnly: true
116
122
  };
@@ -124,11 +130,11 @@ export class QrCodeComponent {
124
130
  this.expirationDate = this.getExpirationDate();
125
131
  }
126
132
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QrCodeComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: i1.MatDialog, optional: true }, { token: MAT_DIALOG_DATA, optional: true }, { token: i2.IdentitiesPageService }, { token: i3.EdgeRoutersPageService }], target: i0.ɵɵFactoryTarget.Component }); }
127
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QrCodeComponent, selector: "lib-qr-code", inputs: { jwt: "jwt", token: "token", expiration: "expiration", identity: "identity", type: "type", authenticators: "authenticators", qrOnly: "qrOnly", canExpand: "canExpand" }, outputs: { doRefresh: "doRefresh" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">TO REGISTER THIS IDENTITY</span>\n <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type === 'router'\">TO REGISTER THIS ROUTER</span>\n <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" class=\"download-button\">\n <div class=\"download-key\"></div>\n <div>DOWNLOAD ENROLLMENT JWT</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n <div class=\"download-key\"></div>\n <div>COPY ENROLLMENT TOKEN</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>RESET ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"resetMFA()\" *ngIf=\"showResetMFA || mfaReset\" class=\"download-button\" [ngClass]=\"{'reset-success': mfaReset}\">\n <div class=\"icon-lock\"></div>\n <div>{{mfaReset ? 'MFA RESET SUCCESSFUL' : 'RESET MFA'}}</div>\n <div [ngClass]=\"{spinner: resettingMFA, 'icon-refresh': !resettingMFA, 'tap-to-download': !resettingMFA, 'icon-Icon_Check': mfaReset && !resettingMFA}\"></div>\n </div>\n <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">OR SCAN QR CODE</span>\n </div>\n <qrcode\n *ngIf=\"!jwtExpired && type !== 'router'\"\n [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n [ngClass]=\"{'qr-code-expandable': canExpand}\"\n ></qrcode>\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n <div class=\"download-key\"></div>\n <div>DOWNLOAD ENROLLMENT JWT</div>\n <div class=\"tap-to-download\"></div>\n </div>\n <span class=\"info-text\" *ngIf=\"!showResetToken\">{{jwtExpired ? 'REGISTRATION EXPIRED' : 'EXPIRES'}} {{expirationDate}}</span>\n <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .download-button{margin:.625rem 0rem}.qr-code-container .reset-success{opacity:.8;background-color:var(--formSubGroup);cursor:default;pointer-events:none}.qr-code-container .reset-success:active{transform:none}.qr-code-container .reset-success:hover{filter:brightness(100%)}.qr-code-container .icon-Icon_Check{font-family:icomoon!important;font-size:2rem;margin-right:1rem}.qr-code-container .icon-Icon_Check:before{content:\"\\e912\";color:var(--green)}.qr-code-container .icon-lock{margin-left:.725rem;margin-right:.525rem;text-align:center;cursor:pointer;height:2.8125rem;width:2.8125rem;z-index:10;font-size:2rem;display:flex;align-items:center;justify-content:center}.qr-code-container .icon-ClickIcon{width:3.8125rem}.qr-code-container .spinner{display:inline-block;width:var(--spinnerSizeLarge);height:var(--spinnerSizeLarge);border-radius:50%;background:transparent;border-top:var(--spinnerBorderTopLarge);border-right:var(--spinnerBorderRightLarge);border-bottom:var(--spinnerBorderBottomLarge);border-left:var(--spinnerBorderLeftLarge);animation:loading .5s infinite linear;margin-left:var(--marginSmall);margin-right:1rem;position:relative}.qr-code-container.modal-view{width:31.25rem;background-color:var(--background);padding:1.25rem;border-radius:.9375rem}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }] }); }
133
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QrCodeComponent, selector: "lib-qr-code", inputs: { jwt: "jwt", token: "token", expiration: "expiration", identity: "identity", type: "type", authenticators: "authenticators", qrOnly: "qrOnly", canExpand: "canExpand" }, outputs: { doRefresh: "doRefresh" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <div *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" class=\"download-button\">\n <div class=\"download-jwt\"></div>\n <div>DOWNLOAD JWT</div>\n <div class=\"tap-to-download icon-download-jwt\"></div>\n </div>\n <div *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" (click)=\"expandQRCode()\" class=\"download-button\" matTooltip=\"Show QR Code\">\n <div class=\"tap-to-download icon-qr\"></div>\n <div>SHOW QR CODE</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n <div class=\"download-key\"></div>\n <div>COPY ENROLLMENT TOKEN</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>RESET ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"resetMFA()\" *ngIf=\"showResetMFA || mfaReset\" class=\"download-button\" [ngClass]=\"{'reset-success': mfaReset}\">\n <div class=\"icon-lock\"></div>\n <div>{{mfaReset ? 'MFA RESET SUCCESSFUL' : 'RESET MFA'}}</div>\n <div [ngClass]=\"{spinner: resettingMFA, 'icon-refresh': !resettingMFA, 'tap-to-download': !resettingMFA, 'icon-Icon_Check': mfaReset && !resettingMFA}\"></div>\n </div>\n </div>\n <qrcode\n *ngIf=\"qrOnly && !jwtExpired && type !== 'router'\"\n [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n [ngClass]=\"{'qr-code-expandable': canExpand}\"\n ></qrcode>\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <div (click)=\"deleteEnrollment()\" *ngIf=\"hasJWT && type === 'identity'\" class=\"delete-button\">\n <div class=\"tap-to-delete icon-Icon_Delete\"></div>\n <div>DELETE ENROLLMENT</div>\n <div class=\"tap-to-delete icon-Icon_Delete\"></div>\n </div>\n <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n <div class=\"download-key\"></div>\n <div>DOWNLOAD ENROLLMENT JWT</div>\n <div class=\"tap-to-download icon-download-jwt\"></div>\n </div>\n <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .delete-button,.qr-code-container .download-button{margin:.625rem 0rem}.qr-code-container .delete-button .download-jwt,.qr-code-container .download-button .download-jwt{background-image:url(/assets/svgs/newJwt.svg);background-repeat:no-repeat;background-size:1.875rem;width:1.875rem;height:1.875rem;margin-left:var(--marginXL);cursor:pointer}.qr-code-container .reset-success{opacity:.8;background-color:var(--formSubGroup);cursor:default;pointer-events:none}.qr-code-container .reset-success:active{transform:none}.qr-code-container .reset-success:hover{filter:brightness(100%)}.qr-code-container .icon-Icon_Check{font-family:icomoon!important;font-size:2rem;margin-right:1rem}.qr-code-container .icon-Icon_Check:before{content:\"\\e912\";color:var(--green)}.qr-code-container .icon-lock{margin-left:.725rem;margin-right:.525rem;text-align:center;cursor:pointer;height:2.8125rem;width:2.8125rem;z-index:10;font-size:2rem;display:flex;align-items:center;justify-content:center}.qr-code-container .icon-ClickIcon{width:3.8125rem}.qr-code-container .spinner{display:inline-block;width:var(--spinnerSizeLarge);height:var(--spinnerSizeLarge);border-radius:50%;background:transparent;border-top:var(--spinnerBorderTopLarge);border-right:var(--spinnerBorderRightLarge);border-bottom:var(--spinnerBorderBottomLarge);border-left:var(--spinnerBorderLeftLarge);animation:loading .5s infinite linear;margin-left:var(--marginSmall);margin-right:1rem;position:relative}.qr-code-container.modal-view{width:37rem;background-color:var(--background);padding:1.25rem;border-radius:.9375rem}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}.identity-enrollment-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gapMedium);width:100%}.identity-enrollment-container .qr-code-button{width:var(--defaultInputHeight);height:100%;font-size:var(--defaultInputHeight)}.identity-enrollment-container .qr-code-button:before{color:var(--tableText)}.delete-button:hover{filter:brightness(.85)}.delete-button .tap-to-delete.icon-Icon_Delete:before{font-weight:600;color:#fff}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] }); }
128
134
  }
129
135
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QrCodeComponent, decorators: [{
130
136
  type: Component,
131
- args: [{ selector: 'lib-qr-code', template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">TO REGISTER THIS IDENTITY</span>\n <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type === 'router'\">TO REGISTER THIS ROUTER</span>\n <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" class=\"download-button\">\n <div class=\"download-key\"></div>\n <div>DOWNLOAD ENROLLMENT JWT</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n <div class=\"download-key\"></div>\n <div>COPY ENROLLMENT TOKEN</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>RESET ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"resetMFA()\" *ngIf=\"showResetMFA || mfaReset\" class=\"download-button\" [ngClass]=\"{'reset-success': mfaReset}\">\n <div class=\"icon-lock\"></div>\n <div>{{mfaReset ? 'MFA RESET SUCCESSFUL' : 'RESET MFA'}}</div>\n <div [ngClass]=\"{spinner: resettingMFA, 'icon-refresh': !resettingMFA, 'tap-to-download': !resettingMFA, 'icon-Icon_Check': mfaReset && !resettingMFA}\"></div>\n </div>\n <span class=\"info-text\" *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\">OR SCAN QR CODE</span>\n </div>\n <qrcode\n *ngIf=\"!jwtExpired && type !== 'router'\"\n [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n [ngClass]=\"{'qr-code-expandable': canExpand}\"\n ></qrcode>\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n <div class=\"download-key\"></div>\n <div>DOWNLOAD ENROLLMENT JWT</div>\n <div class=\"tap-to-download\"></div>\n </div>\n <span class=\"info-text\" *ngIf=\"!showResetToken\">{{jwtExpired ? 'REGISTRATION EXPIRED' : 'EXPIRES'}} {{expirationDate}}</span>\n <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .download-button{margin:.625rem 0rem}.qr-code-container .reset-success{opacity:.8;background-color:var(--formSubGroup);cursor:default;pointer-events:none}.qr-code-container .reset-success:active{transform:none}.qr-code-container .reset-success:hover{filter:brightness(100%)}.qr-code-container .icon-Icon_Check{font-family:icomoon!important;font-size:2rem;margin-right:1rem}.qr-code-container .icon-Icon_Check:before{content:\"\\e912\";color:var(--green)}.qr-code-container .icon-lock{margin-left:.725rem;margin-right:.525rem;text-align:center;cursor:pointer;height:2.8125rem;width:2.8125rem;z-index:10;font-size:2rem;display:flex;align-items:center;justify-content:center}.qr-code-container .icon-ClickIcon{width:3.8125rem}.qr-code-container .spinner{display:inline-block;width:var(--spinnerSizeLarge);height:var(--spinnerSizeLarge);border-radius:50%;background:transparent;border-top:var(--spinnerBorderTopLarge);border-right:var(--spinnerBorderRightLarge);border-bottom:var(--spinnerBorderBottomLarge);border-left:var(--spinnerBorderLeftLarge);animation:loading .5s infinite linear;margin-left:var(--marginSmall);margin-right:1rem;position:relative}.qr-code-container.modal-view{width:31.25rem;background-color:var(--background);padding:1.25rem;border-radius:.9375rem}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}\n"] }]
137
+ args: [{ selector: 'lib-qr-code', template: "<div class=\"qr-code-container\" [ngClass]=\"{'modal-view': isModal}\">\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <div *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" class=\"download-button\">\n <div class=\"download-jwt\"></div>\n <div>DOWNLOAD JWT</div>\n <div class=\"tap-to-download icon-download-jwt\"></div>\n </div>\n <div *ngIf=\"hasJWT && !jwtExpired && type !== 'router'\" (click)=\"expandQRCode()\" class=\"download-button\" matTooltip=\"Show QR Code\">\n <div class=\"tap-to-download icon-qr\"></div>\n <div>SHOW QR CODE</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.copyToken(token)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\" style=\"background-color: #232f3e!important;\">\n <div class=\"download-key\"></div>\n <div>COPY ENROLLMENT TOKEN</div>\n <div class=\"tap-to-download icon-ClickIcon\"></div>\n </div>\n <div (click)=\"identitiesSvc.resetJWT(identity)\" *ngIf=\"showResetToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>RESET ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"reissue()\" *ngIf=\"showReissueToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n <div (click)=\"resetMFA()\" *ngIf=\"showResetMFA || mfaReset\" class=\"download-button\" [ngClass]=\"{'reset-success': mfaReset}\">\n <div class=\"icon-lock\"></div>\n <div>{{mfaReset ? 'MFA RESET SUCCESSFUL' : 'RESET MFA'}}</div>\n <div [ngClass]=\"{spinner: resettingMFA, 'icon-refresh': !resettingMFA, 'tap-to-download': !resettingMFA, 'icon-Icon_Check': mfaReset && !resettingMFA}\"></div>\n </div>\n </div>\n <qrcode\n *ngIf=\"qrOnly && !jwtExpired && type !== 'router'\"\n [errorCorrectionLevel]=\"'M'\" [qrdata]=\"jwt\"\n [width]=\"qrCodeSize\" (click)=\"expandQRCode()\"\n [ngClass]=\"{'qr-code-expandable': canExpand}\"\n ></qrcode>\n <div *ngIf=\"!qrOnly\" class=\"qr-code-buttons\">\n <div (click)=\"deleteEnrollment()\" *ngIf=\"hasJWT && type === 'identity'\" class=\"delete-button\">\n <div class=\"tap-to-delete icon-Icon_Delete\"></div>\n <div>DELETE ENROLLMENT</div>\n <div class=\"tap-to-delete icon-Icon_Delete\"></div>\n </div>\n <span class=\"info-text\" *ngIf=\"!jwtExpired && type === 'router'\">OR</span>\n <div (click)=\"identitiesSvc.downloadJWT(jwt, identity.name)\" *ngIf=\"!jwtExpired && type === 'router'\" class=\"download-button\">\n <div class=\"download-key\"></div>\n <div>DOWNLOAD ENROLLMENT JWT</div>\n <div class=\"tap-to-download icon-download-jwt\"></div>\n </div>\n <div (click)=\"reenroll()\" *ngIf=\"showReenrollToken\" class=\"download-button\" >\n <div class=\"download-key\"></div>\n <div>REISSUE ENROLLMENT</div>\n <div class=\"tap-to-download icon-refresh\"></div>\n </div>\n </div>\n</div>\n", styles: [".qr-code-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-code-container .info-text{color:var(--red);font-weight:600}.qr-code-container .delete-button,.qr-code-container .download-button{margin:.625rem 0rem}.qr-code-container .delete-button .download-jwt,.qr-code-container .download-button .download-jwt{background-image:url(/assets/svgs/newJwt.svg);background-repeat:no-repeat;background-size:1.875rem;width:1.875rem;height:1.875rem;margin-left:var(--marginXL);cursor:pointer}.qr-code-container .reset-success{opacity:.8;background-color:var(--formSubGroup);cursor:default;pointer-events:none}.qr-code-container .reset-success:active{transform:none}.qr-code-container .reset-success:hover{filter:brightness(100%)}.qr-code-container .icon-Icon_Check{font-family:icomoon!important;font-size:2rem;margin-right:1rem}.qr-code-container .icon-Icon_Check:before{content:\"\\e912\";color:var(--green)}.qr-code-container .icon-lock{margin-left:.725rem;margin-right:.525rem;text-align:center;cursor:pointer;height:2.8125rem;width:2.8125rem;z-index:10;font-size:2rem;display:flex;align-items:center;justify-content:center}.qr-code-container .icon-ClickIcon{width:3.8125rem}.qr-code-container .spinner{display:inline-block;width:var(--spinnerSizeLarge);height:var(--spinnerSizeLarge);border-radius:50%;background:transparent;border-top:var(--spinnerBorderTopLarge);border-right:var(--spinnerBorderRightLarge);border-bottom:var(--spinnerBorderBottomLarge);border-left:var(--spinnerBorderLeftLarge);animation:loading .5s infinite linear;margin-left:var(--marginSmall);margin-right:1rem;position:relative}.qr-code-container.modal-view{width:37rem;background-color:var(--background);padding:1.25rem;border-radius:.9375rem}.qr-code-container .qr-code-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.qr-code-container .qr-code-expandable{cursor:pointer;transition:transform .25s}.qr-code-container .qr-code-expandable:hover{transform:scale(1.15)}.identity-enrollment-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gapMedium);width:100%}.identity-enrollment-container .qr-code-button{width:var(--defaultInputHeight);height:100%;font-size:var(--defaultInputHeight)}.identity-enrollment-container .qr-code-button:before{color:var(--tableText)}.delete-button:hover{filter:brightness(.85)}.delete-button .tap-to-delete.icon-Icon_Delete:before{font-weight:600;color:#fff}\n"] }]
132
138
  }], ctorParameters: function () { return [{ type: i1.MatDialogRef, decorators: [{
133
139
  type: Optional
134
140
  }] }, { type: i1.MatDialog, decorators: [{
@@ -157,4 +163,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
157
163
  }], doRefresh: [{
158
164
  type: Output
159
165
  }] } });
160
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvcXItY29kZS9xci1jb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9xci1jb2RlL3FyLWNvZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRixPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxRQUFRLENBQUM7QUFDL0IsT0FBTyxFQUFDLGVBQWUsRUFBMEIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7OztBQVVsRixNQUFNLE9BQU8sZUFBZTtJQW1CMUIsWUFDd0IsU0FBd0MsRUFDeEMsVUFBcUIsRUFDRyxJQUFTLEVBQzlDLGFBQW9DLEVBQ3BDLGNBQXNDO1FBSnpCLGNBQVMsR0FBVCxTQUFTLENBQStCO1FBQ3hDLGVBQVUsR0FBVixVQUFVLENBQVc7UUFDRyxTQUFJLEdBQUosSUFBSSxDQUFLO1FBQzlDLGtCQUFhLEdBQWIsYUFBYSxDQUF1QjtRQUNwQyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7UUFuQnhDLGFBQVEsR0FBUSxFQUFFLENBQUM7UUFDbkIsU0FBSSxHQUFXLFVBQVUsQ0FBQztRQUUxQixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDMUIsY0FBUyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBSXpFLGVBQVUsR0FBRyxHQUFHLENB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Q1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUNqRCxDQUFDOytHQTNIVSxlQUFlLHVHQXNCRixlQUFlO21HQXRCNUIsZUFBZSwrUkM3QjVCLDZ1R0FvREE7OzRGRHZCYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLGFBQWE7OzBCQXdCbEIsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxlQUFlO3FIQXBCOUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gICAgQ29weXJpZ2h0IE5ldEZvdW5kcnkgSW5jLlxuXG4gICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG5cbiAgICBodHRwczovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cbiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIE9uQ2hhbmdlcywgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7XG5pbXBvcnQge2lzRW1wdHl9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nLCBNYXREaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7SWRlbnRpdGllc1BhZ2VTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vcGFnZXMvaWRlbnRpdGllcy9pZGVudGl0aWVzLXBhZ2Uuc2VydmljZVwiO1xuaW1wb3J0IHtEaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9jZGsvZGlhbG9nXCI7XG5pbXBvcnQge0VkZ2VSb3V0ZXJzUGFnZVNlcnZpY2V9IGZyb20gXCIuLi8uLi9wYWdlcy9lZGdlLXJvdXRlcnMvZWRnZS1yb3V0ZXJzLXBhZ2Uuc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcXItY29kZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9xci1jb2RlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcXItY29kZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFFyQ29kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgand0OiBhbnk7XG4gIEBJbnB1dCgpIHRva2VuOiBhbnk7XG4gIEBJbnB1dCgpIGV4cGlyYXRpb246IGFueTtcbiAgQElucHV0KCkgaWRlbnRpdHk6IGFueSA9IHt9O1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSAnaWRlbnRpdHknO1xuICBASW5wdXQoKSBhdXRoZW50aWNhdG9yczogYW55O1xuICBASW5wdXQoKSBxck9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2FuRXhwYW5kOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBkb1JlZnJlc2g6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBqd3RFeHBpcmVkO1xuICBleHBpcmF0aW9uRGF0ZTtcbiAgcXJDb2RlU2l6ZSA9IDIwMDtcbiAgaXNNb2RhbCA9IGZhbHNlO1xuICByZXNldHRpbmdNRkEgPSBmYWxzZTtcbiAgbWZhUmVzZXQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIEBPcHRpb25hbCgpIHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UXJDb2RlQ29tcG9uZW50PixcbiAgICAgIEBPcHRpb25hbCgpIHByaXZhdGUgZGlhbG9nRm9ybTogTWF0RGlhbG9nLFxuICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBhbnksXG4gICAgICBwdWJsaWMgaWRlbnRpdGllc1N2YzogSWRlbnRpdGllc1BhZ2VTZXJ2aWNlLFxuICAgICAgcHVibGljIGVkZ2VSb3V0ZXJzU3ZjOiBFZGdlUm91dGVyc1BhZ2VTZXJ2aWNlLFxuICApXG4gIHtcbiAgICBpZiAoIWlzRW1wdHkoZGF0YSkpIHtcbiAgICAgIHRoaXMuand0ID0gZGF0YS5qd3Q7XG4gICAgICB0aGlzLnRva2VuID0gZGF0YS50b2tlbjtcbiAgICAgIHRoaXMuZXhwaXJhdGlvbiA9IGRhdGEuZXhwaXJhdGlvbjtcbiAgICAgIHRoaXMucXJDb2RlU2l6ZSA9IGRhdGEucXJDb2RlU2l6ZSB8fCAyMDA7XG4gICAgICB0aGlzLmp3dEV4cGlyZWQgPSB0aGlzLmdldEp3dEV4cGlyZWQoKTtcbiAgICAgIHRoaXMuZXhwaXJhdGlvbkRhdGUgPSB0aGlzLmdldEV4cGlyYXRpb25EYXRlKCk7XG4gICAgICB0aGlzLmlzTW9kYWwgPSB0cnVlO1xuICAgICAgdGhpcy5pZGVudGl0eSA9IGRhdGEuaWRlbnRpdHk7XG4gICAgICB0aGlzLnFyT25seSA9IGRhdGEucXJPbmx5O1xuICAgIH1cbiAgICB0aGlzLm1mYVJlc2V0ID0gZmFsc2U7XG4gIH1cblxuICBnZXQgaGFzSldUKCkge1xuICAgIHJldHVybiAhaXNFbXB0eSh0aGlzLmp3dCk7XG4gIH1cblxuICBnZXQgc2hvd1Jlc2V0VG9rZW4oKSB7XG4gICAgcmV0dXJuIHRoaXMuYXV0aGVudGljYXRvcnM/LmNlcnQ/LmlkIHx8IHRoaXMuYXV0aGVudGljYXRvcnM/LnVwZGI/LmlkO1xuICB9XG5cbiAgZ2V0IHNob3dSZWlzc3VlVG9rZW4oKSB7XG4gICAgcmV0dXJuICh0aGlzLmlkZW50aXR5Py5lbnJvbGxtZW50Py5vdHQ/LmlkIHx8IHRoaXMuaWRlbnRpdHk/LmVucm9sbG1lbnQ/LnVwZGI/LmlkKSAmJiBtb21lbnQodGhpcy5leHBpcmF0aW9uKS5pc0JlZm9yZSgpO1xuICB9XG5cbiAgZ2V0IHNob3dSZXNldE1GQSgpIHtcbiAgICByZXR1cm4gdGhpcy5pZGVudGl0eT8uaXNNZmFFbmFibGVkO1xuICB9XG5cbiAgZ2V0IHNob3dSZWVucm9sbFRva2VuKCkge1xuICAgIHJldHVybiB0aGlzLmp3dEV4cGlyZWQgJiYgdGhpcy50eXBlID09PSAncm91dGVyJztcbiAgfVxuXG4gIGdldEp3dEV4cGlyZWQoKSB7XG4gICAgcmV0dXJuIG1vbWVudCh0aGlzLmV4cGlyYXRpb24pLmlzQmVmb3JlKCk7XG4gIH1cblxuICBnZXRFeHBpcmF0aW9uRGF0ZSgpIHtcbiAgICByZXR1cm4gbW9tZW50KHRoaXMuZXhwaXJhdGlvbikubG9jYWwoKS5mb3JtYXQoJ00vRC9ZWSBoOm1tIGEnKTtcbiAgfVxuXG4gIHJlaXNzdWUoKSB7XG4gICAgY29uc3QgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8YW55PiA9IHRoaXMuaWRlbnRpdGllc1N2Yy5yZWlzc3VlSldUKHRoaXMuaWRlbnRpdHkpO1xuICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgocmVzdWx0KSA9PiB7XG4gICAgICAgIGlmIChyZXN1bHQpIHtcbiAgICAgICAgICB0aGlzLmRvUmVmcmVzaC5lbWl0KHRydWUpO1xuICAgICAgICB9XG4gICAgfSk7XG4gIH1cblxuICByZXNldE1GQSgpIHtcbiAgICB0aGlzLnJlc2V0dGluZ01GQSA9IHRydWU7XG4gICAgdGhpcy5pZGVudGl0aWVzU3ZjLnJlc2V0TUZBKHRoaXMuaWRlbnRpdHkpLnRoZW4oKCkgPT4ge1xuICAgICAgdGhpcy5tZmFSZXNldCA9IHRydWU7XG4gICAgfSkuZmluYWxseSgoKSA9PiB7XG4gICAgICB0aGlzLnJlc2V0dGluZ01GQSA9IGZhbHNlO1xuICAgICAgdGhpcy5kb1JlZnJlc2guZW1pdCh0cnVlKTtcbiAgICB9KTtcbiAgfVxuXG4gIHJlZW5yb2xsKCkge1xuICAgIHRoaXMuZWRnZVJvdXRlcnNTdmMucmVlbnJvbGwodGhpcy5pZGVudGl0eSkudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLmRvUmVmcmVzaC5lbWl0KHRydWUpO1xuICAgIH0pO1xuICB9XG5cbiAgcmVzZXQoKSB7XG4gICAgY29uc3QgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8YW55PiA9IHRoaXMuaWRlbnRpdGllc1N2Yy5yZXNldEpXVCh0aGlzLmlkZW50aXR5KTtcbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgaWYgKHJlc3VsdCkge1xuICAgICAgICB0aGlzLmRvUmVmcmVzaC5lbWl0KHRydWUpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgZXhwYW5kUVJDb2RlKCkge1xuICAgIGlmICghdGhpcy5jYW5FeHBhbmQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgZGF0YSA9IHtcbiAgICAgIGp3dDogdGhpcy5qd3QsXG4gICAgICBleHBpcmF0aW9uOiB0aGlzLmV4cGlyYXRpb24sXG4gICAgICBxckNvZGVTaXplOiA0MDAsXG4gICAgICBpZGVudGl0eTogdGhpcy5pZGVudGl0eSxcbiAgICAgIHFyT25seTogdHJ1ZVxuICAgIH07XG4gICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2dGb3JtLm9wZW4oUXJDb2RlQ29tcG9uZW50LCB7XG4gICAgICBkYXRhOiBkYXRhLFxuICAgICAgYXV0b0ZvY3VzOiBmYWxzZSxcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuand0RXhwaXJlZCA9IHRoaXMuZ2V0Snd0RXhwaXJlZCgpO1xuICAgIHRoaXMuZXhwaXJhdGlvbkRhdGUgPSB0aGlzLmdldEV4cGlyYXRpb25EYXRlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJxci1jb2RlLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cInsnbW9kYWwtdmlldyc6IGlzTW9kYWx9XCI+XG4gICAgPGRpdiAqbmdJZj1cIiFxck9ubHlcIiBjbGFzcz1cInFyLWNvZGUtYnV0dG9uc1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImluZm8tdGV4dFwiICpuZ0lmPVwiaGFzSldUICYmICFqd3RFeHBpcmVkICYmIHR5cGUgIT09ICdyb3V0ZXInXCI+VE8gUkVHSVNURVIgVEhJUyBJREVOVElUWTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmZvLXRleHRcIiAqbmdJZj1cImhhc0pXVCAmJiAhand0RXhwaXJlZCAmJiB0eXBlID09PSAncm91dGVyJ1wiPlRPIFJFR0lTVEVSIFRISVMgUk9VVEVSPC9zcGFuPlxuICAgICAgICA8ZGl2IChjbGljayk9XCJpZGVudGl0aWVzU3ZjLmRvd25sb2FkSldUKGp3dCwgaWRlbnRpdHkubmFtZSlcIiAqbmdJZj1cImhhc0pXVCAmJiAhand0RXhwaXJlZCAmJiB0eXBlICE9PSAncm91dGVyJ1wiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQta2V5XCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2PkRPV05MT0FEIEVOUk9MTE1FTlQgSldUPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFwLXRvLWRvd25sb2FkIGljb24tQ2xpY2tJY29uXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IChjbGljayk9XCJpZGVudGl0aWVzU3ZjLmNvcHlUb2tlbih0b2tlbilcIiAqbmdJZj1cIiFqd3RFeHBpcmVkICYmIHR5cGUgPT09ICdyb3V0ZXInXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIiBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6ICMyMzJmM2UhaW1wb3J0YW50O1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWtleVwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdj5DT1BZIEVOUk9MTE1FTlQgVE9LRU48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YXAtdG8tZG93bmxvYWQgaWNvbi1DbGlja0ljb25cIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImlkZW50aXRpZXNTdmMucmVzZXRKV1QoaWRlbnRpdHkpXCIgKm5nSWY9XCJzaG93UmVzZXRUb2tlblwiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCIgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWtleVwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdj5SRVNFVCBFTlJPTExNRU5UPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFwLXRvLWRvd25sb2FkIGljb24tcmVmcmVzaFwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAoY2xpY2spPVwicmVpc3N1ZSgpXCIgKm5nSWY9XCJzaG93UmVpc3N1ZVRva2VuXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIiA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQta2V5XCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlJFSVNTVUUgRU5ST0xMTUVOVDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhcC10by1kb3dubG9hZCBpY29uLXJlZnJlc2hcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlc2V0TUZBKClcIiAqbmdJZj1cInNob3dSZXNldE1GQSB8fCBtZmFSZXNldFwiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCIgW25nQ2xhc3NdPVwieydyZXNldC1zdWNjZXNzJzogbWZhUmVzZXR9XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1sb2NrXCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2Pnt7bWZhUmVzZXQgPyAnTUZBIFJFU0VUIFNVQ0NFU1NGVUwnIDogJ1JFU0VUIE1GQSd9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdiBbbmdDbGFzc109XCJ7c3Bpbm5lcjogcmVzZXR0aW5nTUZBLCAnaWNvbi1yZWZyZXNoJzogIXJlc2V0dGluZ01GQSwgJ3RhcC10by1kb3dubG9hZCc6ICFyZXNldHRpbmdNRkEsICdpY29uLUljb25fQ2hlY2snOiBtZmFSZXNldCAmJiAhcmVzZXR0aW5nTUZBfVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJpbmZvLXRleHRcIiAqbmdJZj1cImhhc0pXVCAmJiAhand0RXhwaXJlZCAmJiB0eXBlICE9PSAncm91dGVyJ1wiPk9SIFNDQU4gUVIgQ09ERTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8cXJjb2RlXG4gICAgICAgICAgICAqbmdJZj1cIiFqd3RFeHBpcmVkICYmIHR5cGUgIT09ICdyb3V0ZXInXCJcbiAgICAgICAgICAgIFtlcnJvckNvcnJlY3Rpb25MZXZlbF09XCInTSdcIiBbcXJkYXRhXT1cImp3dFwiXG4gICAgICAgICAgICBbd2lkdGhdPVwicXJDb2RlU2l6ZVwiIChjbGljayk9XCJleHBhbmRRUkNvZGUoKVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7J3FyLWNvZGUtZXhwYW5kYWJsZSc6IGNhbkV4cGFuZH1cIlxuICAgID48L3FyY29kZT5cbiAgICA8ZGl2ICpuZ0lmPVwiIXFyT25seVwiIGNsYXNzPVwicXItY29kZS1idXR0b25zXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaW5mby10ZXh0XCIgKm5nSWY9XCIhand0RXhwaXJlZCAmJiB0eXBlID09PSAncm91dGVyJ1wiPk9SPC9zcGFuPlxuICAgICAgICA8ZGl2IChjbGljayk9XCJpZGVudGl0aWVzU3ZjLmRvd25sb2FkSldUKGp3dCwgaWRlbnRpdHkubmFtZSlcIiAqbmdJZj1cIiFqd3RFeHBpcmVkICYmIHR5cGUgPT09ICdyb3V0ZXInXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkb3dubG9hZC1rZXlcIj48L2Rpdj5cbiAgICAgICAgICAgIDxkaXY+RE9XTkxPQUQgRU5ST0xMTUVOVCBKV1Q8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YXAtdG8tZG93bmxvYWRcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaW5mby10ZXh0XCIgKm5nSWY9XCIhc2hvd1Jlc2V0VG9rZW5cIj57e2p3dEV4cGlyZWQgPyAnUkVHSVNUUkFUSU9OIEVYUElSRUQnIDogJ0VYUElSRVMnfX0ge3tleHBpcmF0aW9uRGF0ZX19PC9zcGFuPlxuICAgICAgICA8ZGl2IChjbGljayk9XCJyZWVucm9sbCgpXCIgKm5nSWY9XCJzaG93UmVlbnJvbGxUb2tlblwiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCIgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWtleVwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdj5SRUlTU1VFIEVOUk9MTE1FTlQ8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YXAtdG8tZG93bmxvYWQgaWNvbi1yZWZyZXNoXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
166
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXItY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy96aXRpLWNvbnNvbGUtbGliL3NyYy9saWIvZmVhdHVyZXMvcXItY29kZS9xci1jb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9xci1jb2RlL3FyLWNvZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFFRixPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxNQUFNLE1BQU0sUUFBUSxDQUFDO0FBQzVCLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxRQUFRLENBQUM7QUFDL0IsT0FBTyxFQUFDLGVBQWUsRUFBMEIsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7QUFVbEYsTUFBTSxPQUFPLGVBQWU7SUFtQjFCLFlBQ3dCLFNBQXdDLEVBQ3hDLFVBQXFCLEVBQ0csSUFBUyxFQUM5QyxhQUFvQyxFQUNwQyxjQUFzQztRQUp6QixjQUFTLEdBQVQsU0FBUyxDQUErQjtRQUN4QyxlQUFVLEdBQVYsVUFBVSxDQUFXO1FBQ0csU0FBSSxHQUFKLElBQUksQ0FBSztRQUM5QyxrQkFBYSxHQUFiLGFBQWEsQ0FBdUI7UUFDcEMsbUJBQWMsR0FBZCxjQUFjLENBQXdCO1FBbkJ4QyxhQUFRLEdBQVEsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBVyxVQUFVLENBQUM7UUFFMUIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzFCLGNBQVMsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUl6RSxlQUFVLEdBQUcsR0FBRyxD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QyxRQUFRO1lBQ3ZCLE1BQU0sRUFBRSxJQUFJO1NBQ2IsQ0FBQztRQUNGLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN0RCxJQUFJLEVBQUUsSUFBSTtZQUNWLFNBQVMsRUFBRSxLQUFLO1NBQ2pCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUNqRCxDQUFDOytHQWpJVSxlQUFlLHVHQXNCRixlQUFlO21HQXRCNUIsZUFBZSwrUkM3QjVCLDgyR0EwREE7OzRGRDdCYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLGFBQWE7OzBCQXdCbEIsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQ1IsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxlQUFlO3FIQXBCOUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gICAgQ29weXJpZ2h0IE5ldEZvdW5kcnkgSW5jLlxuXG4gICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG5cbiAgICBodHRwczovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG5cbiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiovXG5cbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIE9uQ2hhbmdlcywgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7XG5pbXBvcnQge2lzRW1wdHl9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQge01BVF9ESUFMT0dfREFUQSwgTWF0RGlhbG9nLCBNYXREaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7SWRlbnRpdGllc1BhZ2VTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vcGFnZXMvaWRlbnRpdGllcy9pZGVudGl0aWVzLXBhZ2Uuc2VydmljZVwiO1xuaW1wb3J0IHtEaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9jZGsvZGlhbG9nXCI7XG5pbXBvcnQge0VkZ2VSb3V0ZXJzUGFnZVNlcnZpY2V9IGZyb20gXCIuLi8uLi9wYWdlcy9lZGdlLXJvdXRlcnMvZWRnZS1yb3V0ZXJzLXBhZ2Uuc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcXItY29kZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9xci1jb2RlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcXItY29kZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFFyQ29kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgand0OiBhbnk7XG4gIEBJbnB1dCgpIHRva2VuOiBhbnk7XG4gIEBJbnB1dCgpIGV4cGlyYXRpb246IGFueTtcbiAgQElucHV0KCkgaWRlbnRpdHk6IGFueSA9IHt9O1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSAnaWRlbnRpdHknO1xuICBASW5wdXQoKSBhdXRoZW50aWNhdG9yczogYW55O1xuICBASW5wdXQoKSBxck9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgY2FuRXhwYW5kOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBkb1JlZnJlc2g6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBqd3RFeHBpcmVkO1xuICBleHBpcmF0aW9uRGF0ZTtcbiAgcXJDb2RlU2l6ZSA9IDIwMDtcbiAgaXNNb2RhbCA9IGZhbHNlO1xuICByZXNldHRpbmdNRkEgPSBmYWxzZTtcbiAgbWZhUmVzZXQgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIEBPcHRpb25hbCgpIHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8UXJDb2RlQ29tcG9uZW50PixcbiAgICAgIEBPcHRpb25hbCgpIHByaXZhdGUgZGlhbG9nRm9ybTogTWF0RGlhbG9nLFxuICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBhbnksXG4gICAgICBwdWJsaWMgaWRlbnRpdGllc1N2YzogSWRlbnRpdGllc1BhZ2VTZXJ2aWNlLFxuICAgICAgcHVibGljIGVkZ2VSb3V0ZXJzU3ZjOiBFZGdlUm91dGVyc1BhZ2VTZXJ2aWNlLFxuICApXG4gIHtcbiAgICBpZiAoIWlzRW1wdHkoZGF0YSkpIHtcbiAgICAgIHRoaXMuand0ID0gZGF0YS5qd3Q7XG4gICAgICB0aGlzLnRva2VuID0gZGF0YS50b2tlbjtcbiAgICAgIHRoaXMuZXhwaXJhdGlvbiA9IGRhdGEuZXhwaXJhdGlvbjtcbiAgICAgIHRoaXMucXJDb2RlU2l6ZSA9IGRhdGEucXJDb2RlU2l6ZSB8fCAyMDA7XG4gICAgICB0aGlzLmp3dEV4cGlyZWQgPSB0aGlzLmdldEp3dEV4cGlyZWQoKTtcbiAgICAgIHRoaXMuZXhwaXJhdGlvbkRhdGUgPSB0aGlzLmdldEV4cGlyYXRpb25EYXRlKCk7XG4gICAgICB0aGlzLmlzTW9kYWwgPSB0cnVlO1xuICAgICAgdGhpcy5pZGVudGl0eSA9IGRhdGEuaWRlbnRpdHk7XG4gICAgICB0aGlzLnFyT25seSA9IGRhdGEucXJPbmx5O1xuICAgIH1cbiAgICB0aGlzLm1mYVJlc2V0ID0gZmFsc2U7XG4gIH1cblxuICBnZXQgaGFzSldUKCkge1xuICAgIHJldHVybiAhaXNFbXB0eSh0aGlzLmp3dCk7XG4gIH1cblxuICBnZXQgc2hvd1Jlc2V0VG9rZW4oKSB7XG4gICAgcmV0dXJuIHRoaXMuYXV0aGVudGljYXRvcnM/LmNlcnQ/LmlkIHx8IHRoaXMuYXV0aGVudGljYXRvcnM/LnVwZGI/LmlkO1xuICB9XG5cbiAgZ2V0IHNob3dSZWlzc3VlVG9rZW4oKSB7XG4gICAgcmV0dXJuICh0aGlzLmlkZW50aXR5Py5lbnJvbGxtZW50Py5vdHQ/LmlkIHx8IHRoaXMuaWRlbnRpdHk/LmVucm9sbG1lbnQ/LnVwZGI/LmlkKSAmJiBtb21lbnQodGhpcy5leHBpcmF0aW9uKS5pc0JlZm9yZSgpO1xuICB9XG5cbiAgZ2V0IHNob3dSZXNldE1GQSgpIHtcbiAgICByZXR1cm4gdGhpcy5pZGVudGl0eT8uaXNNZmFFbmFibGVkO1xuICB9XG5cbiAgZ2V0IHNob3dSZWVucm9sbFRva2VuKCkge1xuICAgIHJldHVybiB0aGlzLmp3dEV4cGlyZWQgJiYgdGhpcy50eXBlID09PSAncm91dGVyJztcbiAgfVxuXG4gIGdldEp3dEV4cGlyZWQoKSB7XG4gICAgcmV0dXJuIG1vbWVudCh0aGlzLmV4cGlyYXRpb24pLmlzQmVmb3JlKCk7XG4gIH1cblxuICBnZXRFeHBpcmF0aW9uRGF0ZSgpIHtcbiAgICByZXR1cm4gbW9tZW50KHRoaXMuZXhwaXJhdGlvbikubG9jYWwoKS5mb3JtYXQoJ00vRC9ZWSBoOm1tIGEnKTtcbiAgfVxuXG4gIHJlaXNzdWUoKSB7XG4gICAgY29uc3QgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8YW55PiA9IHRoaXMuaWRlbnRpdGllc1N2Yy5yZWlzc3VlSldUKHRoaXMuaWRlbnRpdHkpO1xuICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgocmVzdWx0KSA9PiB7XG4gICAgICAgIGlmIChyZXN1bHQpIHtcbiAgICAgICAgICB0aGlzLmRvUmVmcmVzaC5lbWl0KHRydWUpO1xuICAgICAgICB9XG4gICAgfSk7XG4gIH1cblxuICByZXNldE1GQSgpIHtcbiAgICB0aGlzLnJlc2V0dGluZ01GQSA9IHRydWU7XG4gICAgdGhpcy5pZGVudGl0aWVzU3ZjLnJlc2V0TUZBKHRoaXMuaWRlbnRpdHkpLnRoZW4oKCkgPT4ge1xuICAgICAgdGhpcy5tZmFSZXNldCA9IHRydWU7XG4gICAgfSkuZmluYWxseSgoKSA9PiB7XG4gICAgICB0aGlzLnJlc2V0dGluZ01GQSA9IGZhbHNlO1xuICAgICAgdGhpcy5kb1JlZnJlc2guZW1pdCh0cnVlKTtcbiAgICB9KTtcbiAgfVxuXG4gIHJlZW5yb2xsKCkge1xuICAgIHRoaXMuZWRnZVJvdXRlcnNTdmMucmVlbnJvbGwodGhpcy5pZGVudGl0eSkudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLmRvUmVmcmVzaC5lbWl0KHRydWUpO1xuICAgIH0pO1xuICB9XG5cbiAgcmVzZXQoKSB7XG4gICAgY29uc3QgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8YW55PiA9IHRoaXMuaWRlbnRpdGllc1N2Yy5yZXNldEpXVCh0aGlzLmlkZW50aXR5KTtcbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xuICAgICAgaWYgKHJlc3VsdCkge1xuICAgICAgICB0aGlzLmRvUmVmcmVzaC5lbWl0KHRydWUpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgZGVsZXRlRW5yb2xsbWVudCgpIHtcbiAgICB0aGlzLmlkZW50aXRpZXNTdmMuZGVsZXRlRW5yb2xsbWVudCh0aGlzLmlkZW50aXR5KS50aGVuKCgpID0+IHtcbiAgICAgIHRoaXMuZG9SZWZyZXNoLmVtaXQodHJ1ZSk7XG4gICAgfSk7XG4gIH1cblxuICBleHBhbmRRUkNvZGUoKSB7XG4gICAgaWYgKCF0aGlzLmNhbkV4cGFuZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBkYXRhID0ge1xuICAgICAgand0OiB0aGlzLmp3dCxcbiAgICAgIGV4cGlyYXRpb246IHRoaXMuZXhwaXJhdGlvbixcbiAgICAgIHFyQ29kZVNpemU6IDUwMCxcbiAgICAgIGlkZW50aXR5OiB0aGlzLmlkZW50aXR5LFxuICAgICAgcXJPbmx5OiB0cnVlXG4gICAgfTtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZ0Zvcm0ub3BlbihRckNvZGVDb21wb25lbnQsIHtcbiAgICAgIGRhdGE6IGRhdGEsXG4gICAgICBhdXRvRm9jdXM6IGZhbHNlLFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5qd3RFeHBpcmVkID0gdGhpcy5nZXRKd3RFeHBpcmVkKCk7XG4gICAgdGhpcy5leHBpcmF0aW9uRGF0ZSA9IHRoaXMuZ2V0RXhwaXJhdGlvbkRhdGUoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInFyLWNvZGUtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieydtb2RhbC12aWV3JzogaXNNb2RhbH1cIj5cbiAgICA8ZGl2ICpuZ0lmPVwiIXFyT25seVwiIGNsYXNzPVwicXItY29kZS1idXR0b25zXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJoYXNKV1QgJiYgIWp3dEV4cGlyZWQgJiYgdHlwZSAhPT0gJ3JvdXRlcidcIiAoY2xpY2spPVwiaWRlbnRpdGllc1N2Yy5kb3dubG9hZEpXVChqd3QsIGlkZW50aXR5Lm5hbWUpXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQtand0XCI+PC9kaXY+XG4gICAgICAgICAgPGRpdj5ET1dOTE9BRCBKV1Q8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFwLXRvLWRvd25sb2FkIGljb24tZG93bmxvYWQtand0XCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaGFzSldUICYmICFqd3RFeHBpcmVkICYmIHR5cGUgIT09ICdyb3V0ZXInXCIgKGNsaWNrKT1cImV4cGFuZFFSQ29kZSgpXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIiBtYXRUb29sdGlwPVwiU2hvdyBRUiBDb2RlXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRhcC10by1kb3dubG9hZCBpY29uLXFyXCI+PC9kaXY+XG4gICAgICAgICAgPGRpdj5TSE9XIFFSIENPREU8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFwLXRvLWRvd25sb2FkIGljb24tQ2xpY2tJY29uXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IChjbGljayk9XCJpZGVudGl0aWVzU3ZjLmNvcHlUb2tlbih0b2tlbilcIiAqbmdJZj1cIiFqd3RFeHBpcmVkICYmIHR5cGUgPT09ICdyb3V0ZXInXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIiBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6ICMyMzJmM2UhaW1wb3J0YW50O1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWtleVwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdj5DT1BZIEVOUk9MTE1FTlQgVE9LRU48L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YXAtdG8tZG93bmxvYWQgaWNvbi1DbGlja0ljb25cIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKGNsaWNrKT1cImlkZW50aXRpZXNTdmMucmVzZXRKV1QoaWRlbnRpdHkpXCIgKm5nSWY9XCJzaG93UmVzZXRUb2tlblwiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCIgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImRvd25sb2FkLWtleVwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdj5SRVNFVCBFTlJPTExNRU5UPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFwLXRvLWRvd25sb2FkIGljb24tcmVmcmVzaFwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiAoY2xpY2spPVwicmVpc3N1ZSgpXCIgKm5nSWY9XCJzaG93UmVpc3N1ZVRva2VuXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIiA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQta2V5XCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlJFSVNTVUUgRU5ST0xMTUVOVDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhcC10by1kb3dubG9hZCBpY29uLXJlZnJlc2hcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlc2V0TUZBKClcIiAqbmdJZj1cInNob3dSZXNldE1GQSB8fCBtZmFSZXNldFwiIGNsYXNzPVwiZG93bmxvYWQtYnV0dG9uXCIgW25nQ2xhc3NdPVwieydyZXNldC1zdWNjZXNzJzogbWZhUmVzZXR9XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1sb2NrXCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2Pnt7bWZhUmVzZXQgPyAnTUZBIFJFU0VUIFNVQ0NFU1NGVUwnIDogJ1JFU0VUIE1GQSd9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdiBbbmdDbGFzc109XCJ7c3Bpbm5lcjogcmVzZXR0aW5nTUZBLCAnaWNvbi1yZWZyZXNoJzogIXJlc2V0dGluZ01GQSwgJ3RhcC10by1kb3dubG9hZCc6ICFyZXNldHRpbmdNRkEsICdpY29uLUljb25fQ2hlY2snOiBtZmFSZXNldCAmJiAhcmVzZXR0aW5nTUZBfVwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8cXJjb2RlXG4gICAgICAgICAgICAqbmdJZj1cInFyT25seSAmJiAhand0RXhwaXJlZCAmJiB0eXBlICE9PSAncm91dGVyJ1wiXG4gICAgICAgICAgICBbZXJyb3JDb3JyZWN0aW9uTGV2ZWxdPVwiJ00nXCIgW3FyZGF0YV09XCJqd3RcIlxuICAgICAgICAgICAgW3dpZHRoXT1cInFyQ29kZVNpemVcIiAoY2xpY2spPVwiZXhwYW5kUVJDb2RlKClcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieydxci1jb2RlLWV4cGFuZGFibGUnOiBjYW5FeHBhbmR9XCJcbiAgICA+PC9xcmNvZGU+XG4gICAgPGRpdiAqbmdJZj1cIiFxck9ubHlcIiBjbGFzcz1cInFyLWNvZGUtYnV0dG9uc1wiPlxuICAgICAgPGRpdiAoY2xpY2spPVwiZGVsZXRlRW5yb2xsbWVudCgpXCIgKm5nSWY9XCJoYXNKV1QgJiYgdHlwZSA9PT0gJ2lkZW50aXR5J1wiIGNsYXNzPVwiZGVsZXRlLWJ1dHRvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFwLXRvLWRlbGV0ZSBpY29uLUljb25fRGVsZXRlXCI+PC9kaXY+XG4gICAgICAgIDxkaXY+REVMRVRFIEVOUk9MTE1FTlQ8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRhcC10by1kZWxldGUgaWNvbi1JY29uX0RlbGV0ZVwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaW5mby10ZXh0XCIgKm5nSWY9XCIhand0RXhwaXJlZCAmJiB0eXBlID09PSAncm91dGVyJ1wiPk9SPC9zcGFuPlxuICAgICAgICA8ZGl2IChjbGljayk9XCJpZGVudGl0aWVzU3ZjLmRvd25sb2FkSldUKGp3dCwgaWRlbnRpdHkubmFtZSlcIiAqbmdJZj1cIiFqd3RFeHBpcmVkICYmIHR5cGUgPT09ICdyb3V0ZXInXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkb3dubG9hZC1rZXlcIj48L2Rpdj5cbiAgICAgICAgICAgIDxkaXY+RE9XTkxPQUQgRU5ST0xMTUVOVCBKV1Q8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YXAtdG8tZG93bmxvYWQgaWNvbi1kb3dubG9hZC1qd3RcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKGNsaWNrKT1cInJlZW5yb2xsKClcIiAqbmdJZj1cInNob3dSZWVucm9sbFRva2VuXCIgY2xhc3M9XCJkb3dubG9hZC1idXR0b25cIiA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZG93bmxvYWQta2V5XCI+PC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlJFSVNTVUUgRU5ST0xMTUVOVDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhcC10by1kb3dubG9hZCBpY29uLXJlZnJlc2hcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/esm2022/lib/features/side-navigator/side-navigator.component.mjs CHANGED
@@ -113,11 +113,11 @@ export class SideNavigatorComponent {
113
113
  return this.showExpandCollapseIcon || !this.navExpanded;
114
114
  }
115
115
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavigatorComponent, deps: [{ token: i1.Router }, { token: ZITI_NAVIGATOR }], target: i0.ɵɵFactoryTarget.Component }); }
116
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavigatorComponent, selector: "lib-side-navigator", inputs: { version: "version" }, ngImport: i0, template: "<div class=\"side-navigator-wrapper\">\n <div [ngClass]=\"{ 'nav-expanded': navExpanded, 'nav-hiddnen': navHidden }\" class=\"side-navigator-container\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div cdkScrollable class=\"side-navigator-menu-container\" [ngClass]=\"{'hide-menu-nav-bar': hideMenuNavBar}\">\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 class=\"side-navigator-header-buffer\" *ngIf=\"group.headerBuffer\"></div>\n <div *ngFor=\"let item of group.menuItems\" class=\"{{item.class}}\">\n <a\n *ngIf=\"(!item.isBetaFeature || (item.isBetaFeature && betaFeaturesEnabled))\"\n class=\"side-navigator-menu-item {{ item.className }}\"\n (click)=\"doNavAction($event, item)\"\n [ngClass]=\"{\n selected: navItemSelected(item),\n disabled: isNavItemDisabled(item)\n }\"\n [title]=\"item.tooltip\"\n [href]=\"'./'+item.route\"\n >\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" class=\"{{ item.iconClass }}\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">\n {{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{ item.sublabel }}</span>\n </span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"side-navigator-footer-container\">\n <div class=\"side-navigator-version-container\">\n <div style=\"font-size: .875rem;\" class=\"networkInfo\" id=\"NetworkVersion\">\n <span class=\"network-semver\">{{ version }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"expand-collapse-hitbox-container\" [ngClass]=\"{'expand-collapse-container-closed': !navExpanded}\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div class=\"expand-collapse-icon icon-prev\" [ngClass]=\"{'expand-collapse-icon-visible': expandCollapseIconVisible}\" (click)=\"toggleNavigationExpanded($event)\"></div>\n </div>\n</div>\n", styles: [".side-navigator-wrapper{display:flex;flex-direction:row;height:100%}[class*=\" icon-\"].image{font-family:icomoon!important}.side-navigator-container{position:relative;top:0;left:0rem;height:100%;width:1.25rem;bottom:-.625rem;padding-top:0;padding-bottom:0;background-color:var(--formBackground);transition:var(--transition);overflow-y:hidden;z-index:999;display:flex;flex-direction:column;margin-left:var(--sideBarMargin);box-shadow:var(--sideNavigatorBoxShadow);border:none}.side-navigator-container.nav-expanded{width:19.75rem;border-right-style:solid;border-right-color:var(--inputBorder);border-width:var(--navContainerBorderWidth);background-color:var(--mainBackground)}.side-navigator-container.nav-expanded .side-navigator-header-container,.side-navigator-container.nav-expanded .side-navigator-footer-container,.side-navigator-container.nav-expanded .side-navigator-menu-container{opacity:1}.side-navigator-container .side-navigator-header-container{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .625rem;padding-top:var(--navHeaderPadding);opacity:0}.side-navigator-container .side-navigator-header-container .app-name-title{font-family:Russo One;text-align:center;font-size:1.5rem;line-height:2.5rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark))}.side-navigator-container .side-navigator-header-container .list-area.search{padding-left:.625rem;padding-right:.625rem}.side-navigator-container .side-navigator-header-container .title{margin-top:.625rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark));font-size:1.75rem;font-family:Russo One;text-align:center;font-size:1.5rem;line-height:3.5rem;animation:_ngcontent-dev-c217_fadein 1s}.side-navigator-container .side-navigator-footer-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;position:relative;max-height:5rem;opacity:0}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;height:2.1875rem;max-height:2.1875rem;position:relative}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .zitiInfo,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .networkInfo{font-size:.75rem;font-weight:800}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{font-weight:900;margin-left:.1875rem;filter:brightness(.85)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{color:var(--primary)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver{color:#f4044d}.side-navigator-container .side-navigator-menu-container{display:flex;flex-direction:column;width:100%;max-width:19.6875rem!important;flex:1 1 auto;height:100%;padding-top:var(--paddingLarge);overflow-y:auto;opacity:0}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.side-navigator-container .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}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:var(--navItemPadding);margin-left:var(--navItemMargin);margin-right:var(--navItemMargin);border-radius:var(--inputBorderRadius)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--navItemSelectedColor);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:none}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus-visible{background-color:var(--navItemSelectedColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled:hover{background-color:transparent}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus-visible{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:2.5rem;width:2.5rem;height:2.5rem;background-color:var(--mainBackground);border-radius:var(--inputBorderRadius);box-shadow:0 .1875rem .3125rem 1px var(--boxShadow);display:flex;align-items:center;justify-content:center;border-color:var(--mainBackground);border-width:.125rem;flex:1 0 auto;border-style:solid;font-size:1.875rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primaryColor)}.side-navigator-container .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;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.side-navigator-container .side-navigator-menu-container.hide-menu-nav-bar::-webkit-scrollbar{display:none}.side-navigator-container .headerNetworkList,.side-navigator-container .headerTenantList{height:11.375rem;overflow-y:scroll}.side-navigator-container .headerNetworkList .row,.side-navigator-container .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;position:relative}.side-navigator-container .headerNetworkList .row.selected,.side-navigator-container .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans}.side-navigator-container .headerNetworkList .row:hover,.side-navigator-container .headerTenantList .row:hover{background-color:var(--primaryColor)}.side-navigator-container .headerNetworkList .row:active,.side-navigator-container .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95)}.side-navigator-container .headerNetworkList .status,.side-navigator-container .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.side-navigator-container .navlogo{display:flex;align-items:center;justify-content:center;height:3.125rem;width:18.75rem;position:relative;background-image:var(--logoLight);background-color:transparent;background-size:14.0625rem;animation:fadein 3s;background-repeat:no-repeat;background-position:center}.side-navigator-container .navlogo.dark{background-image:var(--logoDark)}#Networks .currentNetwork,#Tenants .currentTenant{color:var(--white)}.tenants,.networks{border-color:var(--inputBorder);border-width:.125rem;border-radius:.4375rem;border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--mainBackground);animation:fadein .5s;position:relative;margin-top:0;margin-bottom:.625rem}.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}.expand-collapse-hitbox-container-right{position:absolute;height:100%;width:.625rem;left:3.4375rem;z-index:1000001}.expand-collapse-hitbox-container{position:relative;height:100%;width:1.25rem;z-index:1000001}.expand-collapse-hitbox-container.expand-collapse-container-closed .expand-collapse-icon{transform:rotate(180deg)}.expand-collapse-hitbox-container .expand-collapse-icon{background:var(--background);border-radius:var(--inputBorderRadius);height:1.75rem;width:1.75rem;position:absolute;top:3.5rem;right:.4375rem;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .375rem .1875rem var(--boxShadow);cursor:pointer;border-style:solid;border-width:1px;border-color:#dee2e6;color:var(--icon);font-weight:600;font-family:icomoon!important}.expand-collapse-hitbox-container .expand-collapse-icon:before{content:\"\\e938\"}.expand-collapse-hitbox-container .expand-collapse-icon:hover{background-color:var(--primaryColor);color:var(--white)}.expand-collapse-hitbox-container .expand-collapse-icon:active{filter:grayscale(1)}.expand-collapse-hitbox-container .expand-collapse-icon.expand-collapse-icon-visible{opacity:1}\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: i3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] }); }
116
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavigatorComponent, selector: "lib-side-navigator", inputs: { version: "version" }, ngImport: i0, template: "<div class=\"side-navigator-wrapper\">\n <div [ngClass]=\"{ 'nav-expanded': navExpanded, 'nav-hiddnen': navHidden }\" class=\"side-navigator-container\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div cdkScrollable class=\"side-navigator-menu-container\" [ngClass]=\"{'hide-menu-nav-bar': hideMenuNavBar}\">\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 class=\"side-navigator-header-buffer\" *ngIf=\"group.headerBuffer\"></div>\n <div *ngFor=\"let item of group.menuItems\" class=\"{{item.class}}\">\n <a\n *ngIf=\"(!item.isBetaFeature || (item.isBetaFeature && betaFeaturesEnabled))\"\n class=\"side-navigator-menu-item {{ item.className }}\"\n (click)=\"doNavAction($event, item)\"\n [ngClass]=\"{\n selected: navItemSelected(item),\n disabled: isNavItemDisabled(item)\n }\"\n [title]=\"item.tooltip\"\n [href]=\"'./'+item.route\"\n >\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" class=\"{{ item.iconClass }}\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">\n {{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{ item.sublabel }}</span>\n </span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"side-navigator-footer-container\">\n <div class=\"side-navigator-version-container\">\n <div style=\"font-size: .875rem;\" class=\"networkInfo\" id=\"NetworkVersion\">\n <span class=\"network-semver\">{{ version }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"expand-collapse-hitbox-container\" [ngClass]=\"{'expand-collapse-container-closed': !navExpanded}\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div class=\"expand-collapse-icon icon-prev\" [ngClass]=\"{'expand-collapse-icon-visible': expandCollapseIconVisible}\" (click)=\"toggleNavigationExpanded($event)\"></div>\n </div>\n</div>\n", styles: [".side-navigator-wrapper{display:flex;flex-direction:row;height:100%}[class*=\" icon-\"].image{font-family:icomoon!important}.side-navigator-container{position:relative;top:0;left:0rem;height:100%;width:1.25rem;bottom:-.625rem;padding-top:0;padding-bottom:0;background-color:var(--formBackground);transition:var(--transition);overflow-y:hidden;z-index:999;display:flex;flex-direction:column;margin-left:var(--sideBarMargin);box-shadow:var(--sideNavigatorBoxShadow);border:none}.side-navigator-container.nav-expanded{width:19.75rem;border-right-style:solid;border-right-color:var(--inputBorder);border-width:var(--navContainerBorderWidth);background-color:var(--mainBackground)}.side-navigator-container.nav-expanded .side-navigator-header-container,.side-navigator-container.nav-expanded .side-navigator-footer-container,.side-navigator-container.nav-expanded .side-navigator-menu-container{opacity:1}.side-navigator-container .side-navigator-header-container{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .625rem;padding-top:var(--navHeaderPadding);opacity:0}.side-navigator-container .side-navigator-header-container .app-name-title{font-family:Russo One;text-align:center;font-size:1.5rem;line-height:2.5rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark))}.side-navigator-container .side-navigator-header-container .list-area.search{padding-left:.625rem;padding-right:.625rem}.side-navigator-container .side-navigator-header-container .title{margin-top:.625rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark));font-size:1.75rem;font-family:Russo One;text-align:center;font-size:1.5rem;line-height:3.5rem;animation:_ngcontent-dev-c217_fadein 1s}.side-navigator-container .side-navigator-footer-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;position:relative;max-height:5rem;opacity:0}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;height:2.1875rem;max-height:2.1875rem;position:relative}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .zitiInfo,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .networkInfo{font-size:.75rem;font-weight:800}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{font-weight:900;margin-left:.1875rem;filter:brightness(.85)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{color:var(--primary)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver{color:#f4044d}.side-navigator-container .side-navigator-menu-container{display:flex;flex-direction:column;width:100%;max-width:19.6875rem!important;flex:1 1 auto;height:100%;padding-top:var(--paddingLarge);overflow-y:auto;opacity:0}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.side-navigator-container .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}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:var(--navItemPadding);margin-left:var(--navItemMargin);margin-right:var(--navItemMargin);border-radius:var(--inputBorderRadius)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--navItemSelectedColor);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:none}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus-visible{background-color:var(--navItemSelectedColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled:hover{background-color:transparent}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus-visible{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:2.5rem;width:2.5rem;height:2.5rem;background-color:var(--mainBackground);border-radius:var(--inputBorderRadius);box-shadow:0 .1875rem .3125rem 1px var(--boxShadow);display:flex;align-items:center;justify-content:center;border-color:var(--mainBackground);border-width:.125rem;flex:1 0 auto;border-style:solid;font-size:1.875rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primaryColor)}.side-navigator-container .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;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.side-navigator-container .side-navigator-menu-container.hide-menu-nav-bar::-webkit-scrollbar{display:none}.side-navigator-container .headerNetworkList,.side-navigator-container .headerTenantList{height:11.375rem;overflow-y:scroll}.side-navigator-container .headerNetworkList .row,.side-navigator-container .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;position:relative}.side-navigator-container .headerNetworkList .row.selected,.side-navigator-container .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans}.side-navigator-container .headerNetworkList .row:hover,.side-navigator-container .headerTenantList .row:hover{background-color:var(--primaryColor)}.side-navigator-container .headerNetworkList .row:active,.side-navigator-container .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95)}.side-navigator-container .headerNetworkList .status,.side-navigator-container .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.side-navigator-container .navlogo{display:flex;align-items:center;justify-content:center;height:3.125rem;width:18.75rem;position:relative;background-image:var(--logoLight);background-color:transparent;background-size:14.0625rem;animation:fadein 3s;background-repeat:no-repeat;background-position:center}.side-navigator-container .navlogo.dark{background-image:var(--logoDark)}#Networks .currentNetwork,#Tenants .currentTenant{color:var(--white)}.tenants,.networks{border-color:var(--inputBorder);border-width:.125rem;border-radius:.4375rem;border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--mainBackground);animation:fadein .5s;position:relative;margin-top:0;margin-bottom:.625rem}.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}.expand-collapse-hitbox-container-right{position:absolute;height:100%;width:.625rem;left:3.4375rem;z-index:1000001}.expand-collapse-hitbox-container{position:relative;height:100%;width:1.25rem;z-index:1000001}.expand-collapse-hitbox-container.expand-collapse-container-closed .expand-collapse-icon{transform:rotate(180deg)}.expand-collapse-hitbox-container .expand-collapse-icon{background:var(--background);border-radius:var(--inputBorderRadius);height:1.75rem;width:1.75rem;position:absolute;top:3.5rem;right:.4375rem;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .375rem .1875rem var(--boxShadow);cursor:pointer;border-style:solid;border-width:1px;border-color:var(--inputBorder);color:var(--icon);font-weight:600;font-family:icomoon!important}.expand-collapse-hitbox-container .expand-collapse-icon:before{content:\"\\e938\"}.expand-collapse-hitbox-container .expand-collapse-icon:hover{background-color:var(--primaryColor);color:var(--white)}.expand-collapse-hitbox-container .expand-collapse-icon:active{filter:grayscale(1)}.expand-collapse-hitbox-container .expand-collapse-icon.expand-collapse-icon-visible{opacity:1}\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: i3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] }); }
117
117
  }
118
118
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavigatorComponent, decorators: [{
119
119
  type: Component,
120
- args: [{ selector: 'lib-side-navigator', template: "<div class=\"side-navigator-wrapper\">\n <div [ngClass]=\"{ 'nav-expanded': navExpanded, 'nav-hiddnen': navHidden }\" class=\"side-navigator-container\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div cdkScrollable class=\"side-navigator-menu-container\" [ngClass]=\"{'hide-menu-nav-bar': hideMenuNavBar}\">\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 class=\"side-navigator-header-buffer\" *ngIf=\"group.headerBuffer\"></div>\n <div *ngFor=\"let item of group.menuItems\" class=\"{{item.class}}\">\n <a\n *ngIf=\"(!item.isBetaFeature || (item.isBetaFeature && betaFeaturesEnabled))\"\n class=\"side-navigator-menu-item {{ item.className }}\"\n (click)=\"doNavAction($event, item)\"\n [ngClass]=\"{\n selected: navItemSelected(item),\n disabled: isNavItemDisabled(item)\n }\"\n [title]=\"item.tooltip\"\n [href]=\"'./'+item.route\"\n >\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" class=\"{{ item.iconClass }}\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">\n {{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{ item.sublabel }}</span>\n </span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"side-navigator-footer-container\">\n <div class=\"side-navigator-version-container\">\n <div style=\"font-size: .875rem;\" class=\"networkInfo\" id=\"NetworkVersion\">\n <span class=\"network-semver\">{{ version }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"expand-collapse-hitbox-container\" [ngClass]=\"{'expand-collapse-container-closed': !navExpanded}\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div class=\"expand-collapse-icon icon-prev\" [ngClass]=\"{'expand-collapse-icon-visible': expandCollapseIconVisible}\" (click)=\"toggleNavigationExpanded($event)\"></div>\n </div>\n</div>\n", styles: [".side-navigator-wrapper{display:flex;flex-direction:row;height:100%}[class*=\" icon-\"].image{font-family:icomoon!important}.side-navigator-container{position:relative;top:0;left:0rem;height:100%;width:1.25rem;bottom:-.625rem;padding-top:0;padding-bottom:0;background-color:var(--formBackground);transition:var(--transition);overflow-y:hidden;z-index:999;display:flex;flex-direction:column;margin-left:var(--sideBarMargin);box-shadow:var(--sideNavigatorBoxShadow);border:none}.side-navigator-container.nav-expanded{width:19.75rem;border-right-style:solid;border-right-color:var(--inputBorder);border-width:var(--navContainerBorderWidth);background-color:var(--mainBackground)}.side-navigator-container.nav-expanded .side-navigator-header-container,.side-navigator-container.nav-expanded .side-navigator-footer-container,.side-navigator-container.nav-expanded .side-navigator-menu-container{opacity:1}.side-navigator-container .side-navigator-header-container{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .625rem;padding-top:var(--navHeaderPadding);opacity:0}.side-navigator-container .side-navigator-header-container .app-name-title{font-family:Russo One;text-align:center;font-size:1.5rem;line-height:2.5rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark))}.side-navigator-container .side-navigator-header-container .list-area.search{padding-left:.625rem;padding-right:.625rem}.side-navigator-container .side-navigator-header-container .title{margin-top:.625rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark));font-size:1.75rem;font-family:Russo One;text-align:center;font-size:1.5rem;line-height:3.5rem;animation:_ngcontent-dev-c217_fadein 1s}.side-navigator-container .side-navigator-footer-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;position:relative;max-height:5rem;opacity:0}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;height:2.1875rem;max-height:2.1875rem;position:relative}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .zitiInfo,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .networkInfo{font-size:.75rem;font-weight:800}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{font-weight:900;margin-left:.1875rem;filter:brightness(.85)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{color:var(--primary)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver{color:#f4044d}.side-navigator-container .side-navigator-menu-container{display:flex;flex-direction:column;width:100%;max-width:19.6875rem!important;flex:1 1 auto;height:100%;padding-top:var(--paddingLarge);overflow-y:auto;opacity:0}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.side-navigator-container .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}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:var(--navItemPadding);margin-left:var(--navItemMargin);margin-right:var(--navItemMargin);border-radius:var(--inputBorderRadius)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--navItemSelectedColor);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:none}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus-visible{background-color:var(--navItemSelectedColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled:hover{background-color:transparent}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus-visible{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:2.5rem;width:2.5rem;height:2.5rem;background-color:var(--mainBackground);border-radius:var(--inputBorderRadius);box-shadow:0 .1875rem .3125rem 1px var(--boxShadow);display:flex;align-items:center;justify-content:center;border-color:var(--mainBackground);border-width:.125rem;flex:1 0 auto;border-style:solid;font-size:1.875rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primaryColor)}.side-navigator-container .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;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.side-navigator-container .side-navigator-menu-container.hide-menu-nav-bar::-webkit-scrollbar{display:none}.side-navigator-container .headerNetworkList,.side-navigator-container .headerTenantList{height:11.375rem;overflow-y:scroll}.side-navigator-container .headerNetworkList .row,.side-navigator-container .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;position:relative}.side-navigator-container .headerNetworkList .row.selected,.side-navigator-container .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans}.side-navigator-container .headerNetworkList .row:hover,.side-navigator-container .headerTenantList .row:hover{background-color:var(--primaryColor)}.side-navigator-container .headerNetworkList .row:active,.side-navigator-container .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95)}.side-navigator-container .headerNetworkList .status,.side-navigator-container .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.side-navigator-container .navlogo{display:flex;align-items:center;justify-content:center;height:3.125rem;width:18.75rem;position:relative;background-image:var(--logoLight);background-color:transparent;background-size:14.0625rem;animation:fadein 3s;background-repeat:no-repeat;background-position:center}.side-navigator-container .navlogo.dark{background-image:var(--logoDark)}#Networks .currentNetwork,#Tenants .currentTenant{color:var(--white)}.tenants,.networks{border-color:var(--inputBorder);border-width:.125rem;border-radius:.4375rem;border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--mainBackground);animation:fadein .5s;position:relative;margin-top:0;margin-bottom:.625rem}.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}.expand-collapse-hitbox-container-right{position:absolute;height:100%;width:.625rem;left:3.4375rem;z-index:1000001}.expand-collapse-hitbox-container{position:relative;height:100%;width:1.25rem;z-index:1000001}.expand-collapse-hitbox-container.expand-collapse-container-closed .expand-collapse-icon{transform:rotate(180deg)}.expand-collapse-hitbox-container .expand-collapse-icon{background:var(--background);border-radius:var(--inputBorderRadius);height:1.75rem;width:1.75rem;position:absolute;top:3.5rem;right:.4375rem;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .375rem .1875rem var(--boxShadow);cursor:pointer;border-style:solid;border-width:1px;border-color:#dee2e6;color:var(--icon);font-weight:600;font-family:icomoon!important}.expand-collapse-hitbox-container .expand-collapse-icon:before{content:\"\\e938\"}.expand-collapse-hitbox-container .expand-collapse-icon:hover{background-color:var(--primaryColor);color:var(--white)}.expand-collapse-hitbox-container .expand-collapse-icon:active{filter:grayscale(1)}.expand-collapse-hitbox-container .expand-collapse-icon.expand-collapse-icon-visible{opacity:1}\n"] }]
120
+ args: [{ selector: 'lib-side-navigator', template: "<div class=\"side-navigator-wrapper\">\n <div [ngClass]=\"{ 'nav-expanded': navExpanded, 'nav-hiddnen': navHidden }\" class=\"side-navigator-container\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div cdkScrollable class=\"side-navigator-menu-container\" [ngClass]=\"{'hide-menu-nav-bar': hideMenuNavBar}\">\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 class=\"side-navigator-header-buffer\" *ngIf=\"group.headerBuffer\"></div>\n <div *ngFor=\"let item of group.menuItems\" class=\"{{item.class}}\">\n <a\n *ngIf=\"(!item.isBetaFeature || (item.isBetaFeature && betaFeaturesEnabled))\"\n class=\"side-navigator-menu-item {{ item.className }}\"\n (click)=\"doNavAction($event, item)\"\n [ngClass]=\"{\n selected: navItemSelected(item),\n disabled: isNavItemDisabled(item)\n }\"\n [title]=\"item.tooltip\"\n [href]=\"'./'+item.route\"\n >\n <div class=\"side-navigator-menu-item-icon\">\n <div class=\"image\" class=\"{{ item.iconClass }}\"></div>\n <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n </div>\n <span class=\"side-navigator-menu-item-label\">\n {{ item.label }}\n <span class=\"side-navigator-menu-item-sublabel\">{{ item.sublabel }}</span>\n </span>\n </a>\n </div>\n </div>\n </div>\n <div class=\"side-navigator-footer-container\">\n <div class=\"side-navigator-version-container\">\n <div style=\"font-size: .875rem;\" class=\"networkInfo\" id=\"NetworkVersion\">\n <span class=\"network-semver\">{{ version }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"expand-collapse-hitbox-container\" [ngClass]=\"{'expand-collapse-container-closed': !navExpanded}\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n <div class=\"expand-collapse-icon icon-prev\" [ngClass]=\"{'expand-collapse-icon-visible': expandCollapseIconVisible}\" (click)=\"toggleNavigationExpanded($event)\"></div>\n </div>\n</div>\n", styles: [".side-navigator-wrapper{display:flex;flex-direction:row;height:100%}[class*=\" icon-\"].image{font-family:icomoon!important}.side-navigator-container{position:relative;top:0;left:0rem;height:100%;width:1.25rem;bottom:-.625rem;padding-top:0;padding-bottom:0;background-color:var(--formBackground);transition:var(--transition);overflow-y:hidden;z-index:999;display:flex;flex-direction:column;margin-left:var(--sideBarMargin);box-shadow:var(--sideNavigatorBoxShadow);border:none}.side-navigator-container.nav-expanded{width:19.75rem;border-right-style:solid;border-right-color:var(--inputBorder);border-width:var(--navContainerBorderWidth);background-color:var(--mainBackground)}.side-navigator-container.nav-expanded .side-navigator-header-container,.side-navigator-container.nav-expanded .side-navigator-footer-container,.side-navigator-container.nav-expanded .side-navigator-menu-container{opacity:1}.side-navigator-container .side-navigator-header-container{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .625rem;padding-top:var(--navHeaderPadding);opacity:0}.side-navigator-container .side-navigator-header-container .app-name-title{font-family:Russo One;text-align:center;font-size:1.5rem;line-height:2.5rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark))}.side-navigator-container .side-navigator-header-container .list-area.search{padding-left:.625rem;padding-right:.625rem}.side-navigator-container .side-navigator-header-container .title{margin-top:.625rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark));font-size:1.75rem;font-family:Russo One;text-align:center;font-size:1.5rem;line-height:3.5rem;animation:_ngcontent-dev-c217_fadein 1s}.side-navigator-container .side-navigator-footer-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;position:relative;max-height:5rem;opacity:0}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;height:2.1875rem;max-height:2.1875rem;position:relative}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .zitiInfo,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .networkInfo{font-size:.75rem;font-weight:800}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{font-weight:900;margin-left:.1875rem;filter:brightness(.85)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{color:var(--primary)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver{color:#f4044d}.side-navigator-container .side-navigator-menu-container{display:flex;flex-direction:column;width:100%;max-width:19.6875rem!important;flex:1 1 auto;height:100%;padding-top:var(--paddingLarge);overflow-y:auto;opacity:0}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.side-navigator-container .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}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:var(--navItemPadding);margin-left:var(--navItemMargin);margin-right:var(--navItemMargin);border-radius:var(--inputBorderRadius)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--navItemSelectedColor);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:none}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus-visible{background-color:var(--navItemSelectedColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled:hover{background-color:transparent}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus-visible{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:2.5rem;width:2.5rem;height:2.5rem;background-color:var(--mainBackground);border-radius:var(--inputBorderRadius);box-shadow:0 .1875rem .3125rem 1px var(--boxShadow);display:flex;align-items:center;justify-content:center;border-color:var(--mainBackground);border-width:.125rem;flex:1 0 auto;border-style:solid;font-size:1.875rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primaryColor)}.side-navigator-container .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;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.side-navigator-container .side-navigator-menu-container.hide-menu-nav-bar::-webkit-scrollbar{display:none}.side-navigator-container .headerNetworkList,.side-navigator-container .headerTenantList{height:11.375rem;overflow-y:scroll}.side-navigator-container .headerNetworkList .row,.side-navigator-container .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;position:relative}.side-navigator-container .headerNetworkList .row.selected,.side-navigator-container .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans}.side-navigator-container .headerNetworkList .row:hover,.side-navigator-container .headerTenantList .row:hover{background-color:var(--primaryColor)}.side-navigator-container .headerNetworkList .row:active,.side-navigator-container .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95)}.side-navigator-container .headerNetworkList .status,.side-navigator-container .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.side-navigator-container .navlogo{display:flex;align-items:center;justify-content:center;height:3.125rem;width:18.75rem;position:relative;background-image:var(--logoLight);background-color:transparent;background-size:14.0625rem;animation:fadein 3s;background-repeat:no-repeat;background-position:center}.side-navigator-container .navlogo.dark{background-image:var(--logoDark)}#Networks .currentNetwork,#Tenants .currentTenant{color:var(--white)}.tenants,.networks{border-color:var(--inputBorder);border-width:.125rem;border-radius:.4375rem;border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--mainBackground);animation:fadein .5s;position:relative;margin-top:0;margin-bottom:.625rem}.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}.expand-collapse-hitbox-container-right{position:absolute;height:100%;width:.625rem;left:3.4375rem;z-index:1000001}.expand-collapse-hitbox-container{position:relative;height:100%;width:1.25rem;z-index:1000001}.expand-collapse-hitbox-container.expand-collapse-container-closed .expand-collapse-icon{transform:rotate(180deg)}.expand-collapse-hitbox-container .expand-collapse-icon{background:var(--background);border-radius:var(--inputBorderRadius);height:1.75rem;width:1.75rem;position:absolute;top:3.5rem;right:.4375rem;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .375rem .1875rem var(--boxShadow);cursor:pointer;border-style:solid;border-width:1px;border-color:var(--inputBorder);color:var(--icon);font-weight:600;font-family:icomoon!important}.expand-collapse-hitbox-container .expand-collapse-icon:before{content:\"\\e938\"}.expand-collapse-hitbox-container .expand-collapse-icon:hover{background-color:var(--primaryColor);color:var(--white)}.expand-collapse-hitbox-container .expand-collapse-icon:active{filter:grayscale(1)}.expand-collapse-hitbox-container .expand-collapse-icon.expand-collapse-icon-visible{opacity:1}\n"] }]
121
121
  }], ctorParameters: function () { return [{ type: i1.Router }, { type: undefined, decorators: [{
122
122
  type: Inject,
123
123
  args: [ZITI_NAVIGATOR]
package/esm2022/lib/features/tag-selector/tag-selector.component.mjs CHANGED
@@ -238,11 +238,11 @@ export class TagSelectorComponent {
238
238
  return this._selectedRoleAttributes?.length <= 0 && this._selectedNamedAttributes?.length <= 0;
239
239
  }
240
240
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
241
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TagSelectorComponent, selector: "lib-tag-selector", inputs: { placeholder: "placeholder", disableField: "disableField", disableCreate: "disableCreate", hideOption: "hideOption", isLoading: "isLoading", errorMessage: "errorMessage", focusOnInit: "focusOnInit", selectedRoleAttributes: "selectedRoleAttributes", selectedNamedAttributes: "selectedNamedAttributes", hasError: "hasError", availableRoleAttributes: "availableRoleAttributes", availableNamedAttributes: "availableNamedAttributes" }, outputs: { addRoleAttribute: "addRoleAttribute", addNamedAttribute: "addNamedAttribute", roleAttributeRemoved: "roleAttributeRemoved", namedAttributeRemoved: "namedAttributeRemoved", selectedRoleAttributesChange: "selectedRoleAttributesChange", selectedNamedAttributesChange: "selectedNamedAttributesChange", filterChange: "filterChange" }, viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true }, { propertyName: "dropdownWrapper", first: true, predicate: ["dropdownWrapper"], descendants: true }], ngImport: i0, template: "<span (clickOutside)=\"hide()\" [ngClass]=\"{ readOnly: disableField }\" class=\"clickOutside fullWidth tagsSelector\" >\n <span\n class=\"select2 select2-container select2-container--default select2-container--below select2-container--focus\"\n dir=\"ltr\"\n >\n <span class=\"selection\">\n <span\n [ngClass]=\"{ 'select2-selection-focus': !hideSelect, tagError: _hasError }\"\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n class=\"select2-selection select2-selection--multiple\"\n role=\"combobox\"\n tabindex=\"-1\"\n >\n <input\n (focus)=\"inputFocus()\"\n (keydown)=\"handleKeyDown($event);\"\n (keyup)=\"handleKeyUp($event, filterString);\"\n (mouseup)=\"applyFilterMouseUp()\"\n [(ngModel)]=\"filterString\"\n [disabled]=\"disableField\"\n [ngClass]=\"{ empty: isNothingSelected, tagError: _hasError }\"\n aria-autocomplete=\"list\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n autocorrect=\"off\"\n class=\"select2-search__field\"\n placeholder=\"{{disableField ? (isNothingSelected ? 'Nothing selected' : '') : placeholder}}\"\n role=\"textbox\"\n spellcheck=\"false\"\n tabindex=\"0\"\n type=\"search\"\n #search\n />\n <span *ngIf=\"isLoading\" class=\"spinner\"></span>\n\n <ul\n (click)=\"openSelect()\"\n [ngClass]=\"{ error: _hasError, readOnly: disableField, empty: isNothingSelected }\"\n class=\"select2-selection__rendered\"\n >\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedRoleAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"hashtag select2-selection__choice\"\n title=\"#{{ item }}\"\n >\n <span\n (click)=\"removeRoleAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">#{{ item }}</span>\n </li>\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedNamedAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"select2-selection_choice_item\"\n >\n <div class=\"attag select2-selection__choice\" title=\"@{{ item }}\">\n <span\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n <div class=\"tag-name select2-selection__choice\" title=\"@{{ item }}\">\n <span\n (click)=\"removeNamedAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n </li>\n </ul>\n </span>\n </span>\n <span aria-hidden=\"true\" class=\"dropdown-wrapper\" tabindex=\"-1\" #dropdownWrapper></span>\n </span>\n <span *ngIf=\"_hasError\" class=\"err\">\n {{ errorMessage }}\n </span>\n\n <span\n *ngIf=\"!hideSelect\"\n [ngClass]=\"{ withBorder: !hideSelect }\"\n class=\"nf-select2-dropdown select2-dropdown--below\"\n dir=\"ltr\"\n >\n <span class=\"select2-results\">\n <ul\n aria-expanded=\"true\"\n aria-hidden=\"false\"\n aria-multiselectable=\"true\"\n class=\"select2-results__options\"\n role=\"tree\"\n >\n <li\n (click)=\"addNewAttribute(filterString)\"\n [hidden]=\"filterString === '' || isAttributeSelected(filterString)\"\n aria-selected=\"false\"\n class=\"select2-results__option hashtag\"\n role=\"treeitem\"\n title=\"{{ filterString }} (New Attribute)\"\n >\n {{ filterString }} (New Attribute)\n </li>\n <li\n (click)=\"addSelectedRoleAttribute(option)\"\n *ngFor=\"let option of displayedRoleOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n class=\"hashtag select2-results__option\"\n role=\"treeitem\"\n >\n #{{ option }}\n </li>\n <li\n (click)=\"addSelectedNamedAttribute(option)\"\n *ngFor=\"let option of displayedNamedOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n >\n <div class=\"attag select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n <div class=\"tag-name select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n </li>\n </ul>\n </span>\n </span>\n</span>\n", styles: [".searchSelector .tagButton{cursor:pointer;transition:.5s}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container.select2-container--focus .select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container.select2-container--focus .select2-selection .select2-selection__choice__text{cursor:text;user-select:text;-webkit-user-select:text}.select2-container--default .select2-selection--multiple input{height:calc(var(--defaultInputHeight) - .1875rem)}.select2-container--default .select2-selection--multiple .select2-selection__choice{overflow:hidden;text-wrap:wrap;display:flex}.select2-container--default .select2-selection--multiple .select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-container--default .select2-selection--multiple .select2-selection__choice.tag-name{background-color:transparent}.select2-results__options li{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:relative}.select2-results__options li[hidden]{display:none}.select2-results__option.tag-name,.select2-results__option.attag,.select2-results__option.hashtag,.select2-selection__choice.tag-name,.select2-selection__choice.attag,.select2-selection__choice.hashtag{margin-bottom:0rem;margin-top:0rem;font-size:1rem;font-weight:600;line-height:unset;padding:.3125rem .625rem;float:left;border-radius:var(--inputBorderRadius);margin-left:.125rem;transition:var(--transition);overflow:hidden;text-wrap:wrap;display:flex}.select2-results__option.hashtag,.select2-selection__choice.hashtag{background-color:var(--primary);position:relative;color:var(--white)}.select2-results__option.attag,.select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-results__option.tag-name,.select2-selection__choice.tag-name{background-color:transparent;position:relative;color:var(--white)}.err{color:var(--red)!important}.select2-selection{border-radius:var(--inputBorderRadius);border-width:var(--inputBorderWidth);border-color:var(--inputBorder);border-style:solid;color:var(--white);padding-left:0rem}.select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:1.75rem;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:.5rem;padding-right:1.25rem;overflow-y:auto;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:.5rem;padding-left:1.25rem}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:2rem;user-select:none;-webkit-user-select:none;border-radius:var(--inputBorderRadius);border:.125rem solid var(--stroke);color:var(--white);padding-left:0;background-color:var(--table);overflow:hidden}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection_choice_item{width:-moz-fit-content;width:fit-content;overflow:hidden;position:relative}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow-y:auto;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:.3125rem;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-results{display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;width:100%;gap:.625rem;padding:.625rem}.select2-results__options{list-style:none;margin:0;padding:0;display:flex;flex-flow:wrap;width:100%;gap:.3125rem}.select2-results__option{display:flex;height:-moz-fit-content;height:fit-content;padding-left:.625rem;padding-top:.125rem;padding-bottom:.125rem;font-size:1rem;font-weight:600;user-select:none;-webkit-user-select:none;margin:0}.select2-results__option[hidden]{display:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:.25rem}.select2-search--dropdown .select2-search__field{padding:.25rem;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:.0625rem!important;margin:-.0625rem!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:.0625rem!important}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 .25rem .3125rem .25rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;width:100%;background-color:var(--background);border-radius:.3125rem;border-top-right-radius:0;border-top-left-radius:0;display:flex;flex-wrap:wrap;gap:.3125rem;padding:0rem .3125rem .3125rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered.empty{padding:0;margin:0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:var(--placeholder);margin-top:.3125rem;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:400;margin-top:.3125rem;margin-right:.625rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--white);cursor:pointer;display:inline-block;font-weight:400;margin-right:.25rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--white);filter:brightness(90%);transition:.3s}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active{filter:brightness(80%);transform:scale(.97);transition:.3s}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:.3125rem;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:.125rem;margin-right:auto}.readOnly{opacity:.75;cursor:default}.readOnly .select2-container .select2-selection__rendered:not(.empty){min-height:var(--defaultInputHeight)}.readOnly .select2-container input:disabled{font-weight:600;font-family:Open Sans,Arial,sans-serif;height:0rem!important;width:100%;padding-left:.625rem;padding-right:.625rem;margin-bottom:0rem;border:none;outline:none;box-sizing:border-box;box-shadow:none;cursor:text;text-align:left;background-color:var(--background)!important;color:var(--tableText);text-transform:none}.readOnly .select2-container input:disabled:hover{box-shadow:none;filter:none}.readOnly .select2-container input:disabled.empty{height:3.125rem}.fullModal .select2-container--default.select2-container--focus .select2-selection--multiple{border-radius:var(--inputBorderRadius);border:.125rem solid var(--inputBorder);color:var(--white);padding-left:0}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__rendered{margin-bottom:-.1875rem;border-color:var(--primaryColor)}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:absolute;left:.625rem;font-size:1.625rem;cursor:pointer;display:inline-block;font-weight:400;margin-right:.125rem;color:var(--white)}.fullModal .select2-container--default .select2-selection--multiple{background-color:unset}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--primaryColor)}.select2-container .select2-dropdown{background-color:var(--background)}.select2-container.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--primaryColor)}.nf-select2-dropdown{background-color:var(--menu);border-top:0rem;border-radius:var(--inputBorderRadius);color:var(--white);box-sizing:border-box;display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;position:absolute;width:100%;z-index:99999;max-height:12.5rem;overflow:auto;font-weight:600;margin-top:.0625rem;box-shadow:0 0 0 .0625rem var(--shadow),0 .5rem 1rem var(--shadow)!important}.select2-results__option:hover{background-color:var(--icon)!important;color:var(--white);cursor:pointer}.select2-search__field{border-width:0rem;width:100%}.select2-container input{padding-top:.125rem;border-radius:0}.select2-container--below.select2-container--focus{width:75%}.nf-select2-dropdown.select2-dropdown--below{width:31.4375rem}.roleForm .select2-container--below.select2-container--focus,.roleForm .nf-select2-dropdown.select2-dropdown--below{width:26.0625rem}.fullWidth .select2-container--below.select2-container--focus,.fullWidth .nf-select2-dropdown.select2-dropdown--below{width:100%}.nf-select2-dropdown.select2-dropdown--below.withBorder{border:none}input{box-shadow:none;font-size:.875rem}.tagError{border-color:var(--red)!important}::ng-deep .select2-container ::placeholder{color:var(--placeholder)}.spinner{position:absolute;right:1em;top:1em;display:inline-block;width:2rem;height:2rem;border-radius:50%;background:transparent;border-top:.3125rem solid var(--placeholder);border-right:.3125rem solid var(--placeholder);border-bottom:.3125rem solid transparent;border-left:.3125rem solid transparent;animation:loading .5s infinite linear}.tagsSelector.clickOutside{position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i4.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
241
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TagSelectorComponent, selector: "lib-tag-selector", inputs: { placeholder: "placeholder", disableField: "disableField", disableCreate: "disableCreate", hideOption: "hideOption", isLoading: "isLoading", errorMessage: "errorMessage", focusOnInit: "focusOnInit", selectedRoleAttributes: "selectedRoleAttributes", selectedNamedAttributes: "selectedNamedAttributes", hasError: "hasError", availableRoleAttributes: "availableRoleAttributes", availableNamedAttributes: "availableNamedAttributes" }, outputs: { addRoleAttribute: "addRoleAttribute", addNamedAttribute: "addNamedAttribute", roleAttributeRemoved: "roleAttributeRemoved", namedAttributeRemoved: "namedAttributeRemoved", selectedRoleAttributesChange: "selectedRoleAttributesChange", selectedNamedAttributesChange: "selectedNamedAttributesChange", filterChange: "filterChange" }, viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true }, { propertyName: "dropdownWrapper", first: true, predicate: ["dropdownWrapper"], descendants: true }], ngImport: i0, template: "<span (clickOutside)=\"hide()\" [ngClass]=\"{ readOnly: disableField }\" class=\"clickOutside fullWidth tagsSelector\" >\n <span\n class=\"select2 select2-container select2-container--default select2-container--below select2-container--focus\"\n dir=\"ltr\"\n >\n <span class=\"selection\">\n <span\n [ngClass]=\"{ 'select2-selection-focus': !hideSelect, tagError: _hasError }\"\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n class=\"select2-selection select2-selection--multiple\"\n role=\"combobox\"\n tabindex=\"-1\"\n >\n <input\n (focus)=\"inputFocus()\"\n (keydown)=\"handleKeyDown($event);\"\n (keyup)=\"handleKeyUp($event, filterString);\"\n (mouseup)=\"applyFilterMouseUp()\"\n [(ngModel)]=\"filterString\"\n [disabled]=\"disableField\"\n [ngClass]=\"{ empty: isNothingSelected, tagError: _hasError }\"\n aria-autocomplete=\"list\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n autocorrect=\"off\"\n class=\"select2-search__field\"\n placeholder=\"{{disableField ? (isNothingSelected ? 'Nothing selected' : '') : placeholder}}\"\n role=\"textbox\"\n spellcheck=\"false\"\n tabindex=\"0\"\n type=\"search\"\n #search\n />\n <span *ngIf=\"isLoading\" class=\"spinner\"></span>\n\n <ul\n (click)=\"openSelect()\"\n [ngClass]=\"{ error: _hasError, readOnly: disableField, empty: isNothingSelected }\"\n class=\"select2-selection__rendered\"\n >\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedRoleAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"hashtag select2-selection__choice\"\n title=\"#{{ item }}\"\n >\n <span\n (click)=\"removeRoleAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">#{{ item }}</span>\n </li>\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedNamedAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"select2-selection_choice_item\"\n >\n <div class=\"attag select2-selection__choice\" title=\"@{{ item }}\">\n <span\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n <div class=\"tag-name select2-selection__choice\" title=\"@{{ item }}\">\n <span\n (click)=\"removeNamedAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n </li>\n </ul>\n </span>\n </span>\n <span aria-hidden=\"true\" class=\"dropdown-wrapper\" tabindex=\"-1\" #dropdownWrapper></span>\n </span>\n <span *ngIf=\"_hasError\" class=\"err\">\n {{ errorMessage }}\n </span>\n\n <span\n *ngIf=\"!hideSelect\"\n [ngClass]=\"{ withBorder: !hideSelect }\"\n class=\"nf-select2-dropdown select2-dropdown--below\"\n dir=\"ltr\"\n >\n <span class=\"select2-results\">\n <ul\n aria-expanded=\"true\"\n aria-hidden=\"false\"\n aria-multiselectable=\"true\"\n class=\"select2-results__options\"\n role=\"tree\"\n >\n <li\n (click)=\"addNewAttribute(filterString)\"\n [hidden]=\"filterString === '' || isAttributeSelected(filterString)\"\n aria-selected=\"false\"\n class=\"select2-results__option hashtag\"\n role=\"treeitem\"\n title=\"{{ filterString }} (New Attribute)\"\n >\n {{ filterString }} (New Attribute)\n </li>\n <li\n (click)=\"addSelectedRoleAttribute(option)\"\n *ngFor=\"let option of displayedRoleOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n class=\"hashtag select2-results__option\"\n role=\"treeitem\"\n >\n #{{ option }}\n </li>\n <li\n (click)=\"addSelectedNamedAttribute(option)\"\n *ngFor=\"let option of displayedNamedOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n >\n <div class=\"attag select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n <div class=\"tag-name select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n </li>\n </ul>\n </span>\n </span>\n</span>\n", styles: [".searchSelector .tagButton{cursor:pointer;transition:.5s}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container.select2-container--focus .select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container.select2-container--focus .select2-selection .select2-selection__choice__text{cursor:text;user-select:text;-webkit-user-select:text}.select2-container--default .select2-selection--multiple input{height:calc(var(--defaultInputHeight) - .1875rem)}.select2-container--default .select2-selection--multiple .select2-selection__choice{overflow:hidden;text-wrap:wrap;display:flex}.select2-container--default .select2-selection--multiple .select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-container--default .select2-selection--multiple .select2-selection__choice.tag-name{background-color:transparent}.select2-results__options li{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:relative}.select2-results__options li[hidden]{display:none}.select2-results__option.tag-name,.select2-results__option.attag,.select2-results__option.hashtag,.select2-selection__choice.tag-name,.select2-selection__choice.attag,.select2-selection__choice.hashtag{margin-bottom:0rem;margin-top:0rem;font-size:1rem;font-weight:600;line-height:unset;padding:.3125rem .625rem;float:left;border-radius:var(--inputBorderRadius);margin-left:.125rem;transition:var(--transition);overflow:hidden;text-wrap:wrap;display:flex}.select2-results__option.hashtag,.select2-selection__choice.hashtag{background-color:var(--primary);position:relative;color:var(--offWhite_ALWAYS)}.select2-results__option.attag,.select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-results__option.tag-name,.select2-selection__choice.tag-name{background-color:transparent;position:relative;color:var(--offWhite_ALWAYS)}.err{color:var(--red)!important}.select2-selection{border-radius:var(--inputBorderRadius);border-width:var(--inputBorderWidth);border-color:var(--inputBorder);border-style:solid;color:var(--offWhite_ALWAYS);padding-left:0rem}.select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:1.75rem;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:.5rem;padding-right:1.25rem;overflow-y:auto;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:.5rem;padding-left:1.25rem}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:2rem;user-select:none;-webkit-user-select:none;border-radius:var(--inputBorderRadius);border:.125rem solid var(--stroke);color:var(--white);padding-left:0;background-color:var(--table);overflow:hidden}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection_choice_item{width:-moz-fit-content;width:fit-content;overflow:hidden;position:relative}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow-y:auto;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:.3125rem;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-results{display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;width:100%;gap:.625rem;padding:.625rem}.select2-results__options{list-style:none;margin:0;padding:0;display:flex;flex-flow:wrap;width:100%;gap:.3125rem}.select2-results__option{display:flex;height:-moz-fit-content;height:fit-content;padding-left:.625rem;padding-top:.125rem;padding-bottom:.125rem;font-size:1rem;font-weight:600;user-select:none;-webkit-user-select:none;margin:0}.select2-results__option[hidden]{display:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:.25rem}.select2-search--dropdown .select2-search__field{padding:.25rem;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:.0625rem!important;margin:-.0625rem!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:.0625rem!important}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 .25rem .3125rem .25rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;width:100%;background-color:var(--background);border-radius:0;display:flex;flex-wrap:wrap;gap:.3125rem;padding:0rem .3125rem .3125rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered.empty{padding:0;margin:0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:var(--placeholder);margin-top:.3125rem;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:400;margin-top:.3125rem;margin-right:.625rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--white);cursor:pointer;display:inline-block;font-weight:400;margin-right:.25rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--white);filter:brightness(90%);transition:.3s}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active{filter:brightness(80%);transform:scale(.97);transition:.3s}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:.3125rem;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:.125rem;margin-right:auto}.readOnly{opacity:.75;cursor:default}.readOnly .select2-container .select2-selection__rendered:not(.empty){min-height:var(--defaultInputHeight)}.readOnly .select2-container input:disabled{font-weight:600;font-family:Open Sans,Arial,sans-serif;height:0rem!important;width:100%;padding-left:.625rem;padding-right:.625rem;margin-bottom:0rem;border:none;outline:none;box-sizing:border-box;box-shadow:none;cursor:text;text-align:left;background-color:var(--background)!important;color:var(--tableText);text-transform:none}.readOnly .select2-container input:disabled:hover{box-shadow:none;filter:none}.readOnly .select2-container input:disabled.empty{height:3.125rem}.fullModal .select2-container--default.select2-container--focus .select2-selection--multiple{border-radius:var(--inputBorderRadius);border:.125rem solid var(--inputBorder);color:var(--white);padding-left:0}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__rendered{margin-bottom:-.1875rem;border-color:var(--primaryColor)}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:absolute;left:.625rem;font-size:1.625rem;cursor:pointer;display:inline-block;font-weight:400;margin-right:.125rem;color:var(--white)}.fullModal .select2-container--default .select2-selection--multiple{background-color:unset}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--primaryColor)}.select2-container .select2-dropdown{background-color:var(--background)}.select2-container.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--primaryColor)}.nf-select2-dropdown{background-color:var(--menu);border-top:0rem;border-radius:var(--inputBorderRadius);color:var(--white);box-sizing:border-box;display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;position:absolute;width:100%;z-index:99999;max-height:12.5rem;overflow:auto;font-weight:600;margin-top:.0625rem;box-shadow:0 0 0 .0625rem var(--shadow),0 .5rem 1rem var(--shadow)!important}.select2-results__option:hover{background-color:var(--icon)!important;color:var(--white);cursor:pointer}.select2-search__field{border-width:0rem;width:100%}.select2-container input{padding-top:.125rem;border-radius:0}.select2-container--below.select2-container--focus{width:75%}.nf-select2-dropdown.select2-dropdown--below{width:31.4375rem}.roleForm .select2-container--below.select2-container--focus,.roleForm .nf-select2-dropdown.select2-dropdown--below{width:26.0625rem}.fullWidth .select2-container--below.select2-container--focus,.fullWidth .nf-select2-dropdown.select2-dropdown--below{width:100%}.nf-select2-dropdown.select2-dropdown--below.withBorder{border:none}input{box-shadow:none;font-size:.875rem}.tagError{border-color:var(--red)!important}::ng-deep .select2-container ::placeholder{color:var(--placeholder)}.spinner{position:absolute;right:1em;top:1em;display:inline-block;width:2rem;height:2rem;border-radius:50%;background:transparent;border-top:.3125rem solid var(--placeholder);border-right:.3125rem solid var(--placeholder);border-bottom:.3125rem solid transparent;border-left:.3125rem solid transparent;animation:loading .5s infinite linear}.tagsSelector.clickOutside{position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i4.ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideEnabled", "attachOutsideOnClick", "delayClickOutsideInit", "emitOnBlur", "exclude", "excludeBeforeClick", "clickOutsideEvents"], outputs: ["clickOutside"] }] }); }
242
242
  }
243
243
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagSelectorComponent, decorators: [{
244
244
  type: Component,
245
- args: [{ selector: 'lib-tag-selector', template: "<span (clickOutside)=\"hide()\" [ngClass]=\"{ readOnly: disableField }\" class=\"clickOutside fullWidth tagsSelector\" >\n <span\n class=\"select2 select2-container select2-container--default select2-container--below select2-container--focus\"\n dir=\"ltr\"\n >\n <span class=\"selection\">\n <span\n [ngClass]=\"{ 'select2-selection-focus': !hideSelect, tagError: _hasError }\"\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n class=\"select2-selection select2-selection--multiple\"\n role=\"combobox\"\n tabindex=\"-1\"\n >\n <input\n (focus)=\"inputFocus()\"\n (keydown)=\"handleKeyDown($event);\"\n (keyup)=\"handleKeyUp($event, filterString);\"\n (mouseup)=\"applyFilterMouseUp()\"\n [(ngModel)]=\"filterString\"\n [disabled]=\"disableField\"\n [ngClass]=\"{ empty: isNothingSelected, tagError: _hasError }\"\n aria-autocomplete=\"list\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n autocorrect=\"off\"\n class=\"select2-search__field\"\n placeholder=\"{{disableField ? (isNothingSelected ? 'Nothing selected' : '') : placeholder}}\"\n role=\"textbox\"\n spellcheck=\"false\"\n tabindex=\"0\"\n type=\"search\"\n #search\n />\n <span *ngIf=\"isLoading\" class=\"spinner\"></span>\n\n <ul\n (click)=\"openSelect()\"\n [ngClass]=\"{ error: _hasError, readOnly: disableField, empty: isNothingSelected }\"\n class=\"select2-selection__rendered\"\n >\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedRoleAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"hashtag select2-selection__choice\"\n title=\"#{{ item }}\"\n >\n <span\n (click)=\"removeRoleAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">#{{ item }}</span>\n </li>\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedNamedAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"select2-selection_choice_item\"\n >\n <div class=\"attag select2-selection__choice\" title=\"@{{ item }}\">\n <span\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n <div class=\"tag-name select2-selection__choice\" title=\"@{{ item }}\">\n <span\n (click)=\"removeNamedAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n </li>\n </ul>\n </span>\n </span>\n <span aria-hidden=\"true\" class=\"dropdown-wrapper\" tabindex=\"-1\" #dropdownWrapper></span>\n </span>\n <span *ngIf=\"_hasError\" class=\"err\">\n {{ errorMessage }}\n </span>\n\n <span\n *ngIf=\"!hideSelect\"\n [ngClass]=\"{ withBorder: !hideSelect }\"\n class=\"nf-select2-dropdown select2-dropdown--below\"\n dir=\"ltr\"\n >\n <span class=\"select2-results\">\n <ul\n aria-expanded=\"true\"\n aria-hidden=\"false\"\n aria-multiselectable=\"true\"\n class=\"select2-results__options\"\n role=\"tree\"\n >\n <li\n (click)=\"addNewAttribute(filterString)\"\n [hidden]=\"filterString === '' || isAttributeSelected(filterString)\"\n aria-selected=\"false\"\n class=\"select2-results__option hashtag\"\n role=\"treeitem\"\n title=\"{{ filterString }} (New Attribute)\"\n >\n {{ filterString }} (New Attribute)\n </li>\n <li\n (click)=\"addSelectedRoleAttribute(option)\"\n *ngFor=\"let option of displayedRoleOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n class=\"hashtag select2-results__option\"\n role=\"treeitem\"\n >\n #{{ option }}\n </li>\n <li\n (click)=\"addSelectedNamedAttribute(option)\"\n *ngFor=\"let option of displayedNamedOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n >\n <div class=\"attag select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n <div class=\"tag-name select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n </li>\n </ul>\n </span>\n </span>\n</span>\n", styles: [".searchSelector .tagButton{cursor:pointer;transition:.5s}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container.select2-container--focus .select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container.select2-container--focus .select2-selection .select2-selection__choice__text{cursor:text;user-select:text;-webkit-user-select:text}.select2-container--default .select2-selection--multiple input{height:calc(var(--defaultInputHeight) - .1875rem)}.select2-container--default .select2-selection--multiple .select2-selection__choice{overflow:hidden;text-wrap:wrap;display:flex}.select2-container--default .select2-selection--multiple .select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-container--default .select2-selection--multiple .select2-selection__choice.tag-name{background-color:transparent}.select2-results__options li{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:relative}.select2-results__options li[hidden]{display:none}.select2-results__option.tag-name,.select2-results__option.attag,.select2-results__option.hashtag,.select2-selection__choice.tag-name,.select2-selection__choice.attag,.select2-selection__choice.hashtag{margin-bottom:0rem;margin-top:0rem;font-size:1rem;font-weight:600;line-height:unset;padding:.3125rem .625rem;float:left;border-radius:var(--inputBorderRadius);margin-left:.125rem;transition:var(--transition);overflow:hidden;text-wrap:wrap;display:flex}.select2-results__option.hashtag,.select2-selection__choice.hashtag{background-color:var(--primary);position:relative;color:var(--white)}.select2-results__option.attag,.select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-results__option.tag-name,.select2-selection__choice.tag-name{background-color:transparent;position:relative;color:var(--white)}.err{color:var(--red)!important}.select2-selection{border-radius:var(--inputBorderRadius);border-width:var(--inputBorderWidth);border-color:var(--inputBorder);border-style:solid;color:var(--white);padding-left:0rem}.select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:1.75rem;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:.5rem;padding-right:1.25rem;overflow-y:auto;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:.5rem;padding-left:1.25rem}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:2rem;user-select:none;-webkit-user-select:none;border-radius:var(--inputBorderRadius);border:.125rem solid var(--stroke);color:var(--white);padding-left:0;background-color:var(--table);overflow:hidden}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection_choice_item{width:-moz-fit-content;width:fit-content;overflow:hidden;position:relative}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow-y:auto;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:.3125rem;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-results{display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;width:100%;gap:.625rem;padding:.625rem}.select2-results__options{list-style:none;margin:0;padding:0;display:flex;flex-flow:wrap;width:100%;gap:.3125rem}.select2-results__option{display:flex;height:-moz-fit-content;height:fit-content;padding-left:.625rem;padding-top:.125rem;padding-bottom:.125rem;font-size:1rem;font-weight:600;user-select:none;-webkit-user-select:none;margin:0}.select2-results__option[hidden]{display:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:.25rem}.select2-search--dropdown .select2-search__field{padding:.25rem;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:.0625rem!important;margin:-.0625rem!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:.0625rem!important}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 .25rem .3125rem .25rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;width:100%;background-color:var(--background);border-radius:.3125rem;border-top-right-radius:0;border-top-left-radius:0;display:flex;flex-wrap:wrap;gap:.3125rem;padding:0rem .3125rem .3125rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered.empty{padding:0;margin:0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:var(--placeholder);margin-top:.3125rem;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:400;margin-top:.3125rem;margin-right:.625rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--white);cursor:pointer;display:inline-block;font-weight:400;margin-right:.25rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--white);filter:brightness(90%);transition:.3s}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active{filter:brightness(80%);transform:scale(.97);transition:.3s}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:.3125rem;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:.125rem;margin-right:auto}.readOnly{opacity:.75;cursor:default}.readOnly .select2-container .select2-selection__rendered:not(.empty){min-height:var(--defaultInputHeight)}.readOnly .select2-container input:disabled{font-weight:600;font-family:Open Sans,Arial,sans-serif;height:0rem!important;width:100%;padding-left:.625rem;padding-right:.625rem;margin-bottom:0rem;border:none;outline:none;box-sizing:border-box;box-shadow:none;cursor:text;text-align:left;background-color:var(--background)!important;color:var(--tableText);text-transform:none}.readOnly .select2-container input:disabled:hover{box-shadow:none;filter:none}.readOnly .select2-container input:disabled.empty{height:3.125rem}.fullModal .select2-container--default.select2-container--focus .select2-selection--multiple{border-radius:var(--inputBorderRadius);border:.125rem solid var(--inputBorder);color:var(--white);padding-left:0}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__rendered{margin-bottom:-.1875rem;border-color:var(--primaryColor)}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:absolute;left:.625rem;font-size:1.625rem;cursor:pointer;display:inline-block;font-weight:400;margin-right:.125rem;color:var(--white)}.fullModal .select2-container--default .select2-selection--multiple{background-color:unset}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--primaryColor)}.select2-container .select2-dropdown{background-color:var(--background)}.select2-container.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--primaryColor)}.nf-select2-dropdown{background-color:var(--menu);border-top:0rem;border-radius:var(--inputBorderRadius);color:var(--white);box-sizing:border-box;display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;position:absolute;width:100%;z-index:99999;max-height:12.5rem;overflow:auto;font-weight:600;margin-top:.0625rem;box-shadow:0 0 0 .0625rem var(--shadow),0 .5rem 1rem var(--shadow)!important}.select2-results__option:hover{background-color:var(--icon)!important;color:var(--white);cursor:pointer}.select2-search__field{border-width:0rem;width:100%}.select2-container input{padding-top:.125rem;border-radius:0}.select2-container--below.select2-container--focus{width:75%}.nf-select2-dropdown.select2-dropdown--below{width:31.4375rem}.roleForm .select2-container--below.select2-container--focus,.roleForm .nf-select2-dropdown.select2-dropdown--below{width:26.0625rem}.fullWidth .select2-container--below.select2-container--focus,.fullWidth .nf-select2-dropdown.select2-dropdown--below{width:100%}.nf-select2-dropdown.select2-dropdown--below.withBorder{border:none}input{box-shadow:none;font-size:.875rem}.tagError{border-color:var(--red)!important}::ng-deep .select2-container ::placeholder{color:var(--placeholder)}.spinner{position:absolute;right:1em;top:1em;display:inline-block;width:2rem;height:2rem;border-radius:50%;background:transparent;border-top:.3125rem solid var(--placeholder);border-right:.3125rem solid var(--placeholder);border-bottom:.3125rem solid transparent;border-left:.3125rem solid transparent;animation:loading .5s infinite linear}.tagsSelector.clickOutside{position:relative}\n"] }]
245
+ args: [{ selector: 'lib-tag-selector', template: "<span (clickOutside)=\"hide()\" [ngClass]=\"{ readOnly: disableField }\" class=\"clickOutside fullWidth tagsSelector\" >\n <span\n class=\"select2 select2-container select2-container--default select2-container--below select2-container--focus\"\n dir=\"ltr\"\n >\n <span class=\"selection\">\n <span\n [ngClass]=\"{ 'select2-selection-focus': !hideSelect, tagError: _hasError }\"\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n class=\"select2-selection select2-selection--multiple\"\n role=\"combobox\"\n tabindex=\"-1\"\n >\n <input\n (focus)=\"inputFocus()\"\n (keydown)=\"handleKeyDown($event);\"\n (keyup)=\"handleKeyUp($event, filterString);\"\n (mouseup)=\"applyFilterMouseUp()\"\n [(ngModel)]=\"filterString\"\n [disabled]=\"disableField\"\n [ngClass]=\"{ empty: isNothingSelected, tagError: _hasError }\"\n aria-autocomplete=\"list\"\n autocapitalize=\"off\"\n autocomplete=\"off\"\n autocorrect=\"off\"\n class=\"select2-search__field\"\n placeholder=\"{{disableField ? (isNothingSelected ? 'Nothing selected' : '') : placeholder}}\"\n role=\"textbox\"\n spellcheck=\"false\"\n tabindex=\"0\"\n type=\"search\"\n #search\n />\n <span *ngIf=\"isLoading\" class=\"spinner\"></span>\n\n <ul\n (click)=\"openSelect()\"\n [ngClass]=\"{ error: _hasError, readOnly: disableField, empty: isNothingSelected }\"\n class=\"select2-selection__rendered\"\n >\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedRoleAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"hashtag select2-selection__choice\"\n title=\"#{{ item }}\"\n >\n <span\n (click)=\"removeRoleAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">#{{ item }}</span>\n </li>\n <li\n (click)=\"$event.stopPropagation()\"\n *ngFor=\"let item of _selectedNamedAttributes\"\n [hidden]=\"item === this.hideOption\"\n class=\"select2-selection_choice_item\"\n >\n <div class=\"attag select2-selection__choice\" title=\"@{{ item }}\">\n <span\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n <div class=\"tag-name select2-selection__choice\" title=\"@{{ item }}\">\n <span\n (click)=\"removeNamedAttribute(item); $event.stopPropagation()\"\n class=\"select2-selection__choice__remove\"\n role=\"presentation\"\n >\u00D7</span\n ><span class=\"select2-selection__choice__text\">@{{ item }}</span>\n </div>\n </li>\n </ul>\n </span>\n </span>\n <span aria-hidden=\"true\" class=\"dropdown-wrapper\" tabindex=\"-1\" #dropdownWrapper></span>\n </span>\n <span *ngIf=\"_hasError\" class=\"err\">\n {{ errorMessage }}\n </span>\n\n <span\n *ngIf=\"!hideSelect\"\n [ngClass]=\"{ withBorder: !hideSelect }\"\n class=\"nf-select2-dropdown select2-dropdown--below\"\n dir=\"ltr\"\n >\n <span class=\"select2-results\">\n <ul\n aria-expanded=\"true\"\n aria-hidden=\"false\"\n aria-multiselectable=\"true\"\n class=\"select2-results__options\"\n role=\"tree\"\n >\n <li\n (click)=\"addNewAttribute(filterString)\"\n [hidden]=\"filterString === '' || isAttributeSelected(filterString)\"\n aria-selected=\"false\"\n class=\"select2-results__option hashtag\"\n role=\"treeitem\"\n title=\"{{ filterString }} (New Attribute)\"\n >\n {{ filterString }} (New Attribute)\n </li>\n <li\n (click)=\"addSelectedRoleAttribute(option)\"\n *ngFor=\"let option of displayedRoleOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n class=\"hashtag select2-results__option\"\n role=\"treeitem\"\n >\n #{{ option }}\n </li>\n <li\n (click)=\"addSelectedNamedAttribute(option)\"\n *ngFor=\"let option of displayedNamedOptions\"\n [hidden]=\"option === this.hideOption || isSelected(option)\"\n aria-selected=\"false\"\n >\n <div class=\"attag select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n <div class=\"tag-name select2-results__option\" title=\"@{{ option }}\" role=\"treeitem\">\n @{{ option }}\n </div>\n </li>\n </ul>\n </span>\n </span>\n</span>\n", styles: [".searchSelector .tagButton{cursor:pointer;transition:.5s}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container.select2-container--focus .select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container.select2-container--focus .select2-selection .select2-selection__choice__text{cursor:text;user-select:text;-webkit-user-select:text}.select2-container--default .select2-selection--multiple input{height:calc(var(--defaultInputHeight) - .1875rem)}.select2-container--default .select2-selection--multiple .select2-selection__choice{overflow:hidden;text-wrap:wrap;display:flex}.select2-container--default .select2-selection--multiple .select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-container--default .select2-selection--multiple .select2-selection__choice.tag-name{background-color:transparent}.select2-results__options li{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:relative}.select2-results__options li[hidden]{display:none}.select2-results__option.tag-name,.select2-results__option.attag,.select2-results__option.hashtag,.select2-selection__choice.tag-name,.select2-selection__choice.attag,.select2-selection__choice.hashtag{margin-bottom:0rem;margin-top:0rem;font-size:1rem;font-weight:600;line-height:unset;padding:.3125rem .625rem;float:left;border-radius:var(--inputBorderRadius);margin-left:.125rem;transition:var(--transition);overflow:hidden;text-wrap:wrap;display:flex}.select2-results__option.hashtag,.select2-selection__choice.hashtag{background-color:var(--primary);position:relative;color:var(--offWhite_ALWAYS)}.select2-results__option.attag,.select2-selection__choice.attag{background-color:var(--secondary);color:transparent;position:absolute}.select2-results__option.tag-name,.select2-selection__choice.tag-name{background-color:transparent;position:relative;color:var(--offWhite_ALWAYS)}.err{color:var(--red)!important}.select2-selection{border-radius:var(--inputBorderRadius);border-width:var(--inputBorderWidth);border-color:var(--inputBorder);border-style:solid;color:var(--offWhite_ALWAYS);padding-left:0rem}.select2-selection.select2-selection-focus{border-color:var(--primaryColor)}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:1.75rem;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:.5rem;padding-right:1.25rem;overflow-y:auto;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:.5rem;padding-left:1.25rem}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;min-height:2rem;user-select:none;-webkit-user-select:none;border-radius:var(--inputBorderRadius);border:.125rem solid var(--stroke);color:var(--white);padding-left:0;background-color:var(--table);overflow:hidden}.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection_choice_item{width:-moz-fit-content;width:fit-content;overflow:hidden;position:relative}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow-y:auto;overflow-x:hidden;padding-left:.5rem;padding-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:.3125rem;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-results{display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;width:100%;gap:.625rem;padding:.625rem}.select2-results__options{list-style:none;margin:0;padding:0;display:flex;flex-flow:wrap;width:100%;gap:.3125rem}.select2-results__option{display:flex;height:-moz-fit-content;height:fit-content;padding-left:.625rem;padding-top:.125rem;padding-bottom:.125rem;font-size:1rem;font-weight:600;user-select:none;-webkit-user-select:none;margin:0}.select2-results__option[hidden]{display:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:.25rem}.select2-search--dropdown .select2-search__field{padding:.25rem;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:.0625rem!important;margin:-.0625rem!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:.0625rem!important}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 .25rem .3125rem .25rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;width:100%;background-color:var(--background);border-radius:0;display:flex;flex-wrap:wrap;gap:.3125rem;padding:0rem .3125rem .3125rem}.select2-container--default .select2-selection--multiple .select2-selection__rendered.empty{padding:0;margin:0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:var(--placeholder);margin-top:.3125rem;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:400;margin-top:.3125rem;margin-right:.625rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--white);cursor:pointer;display:inline-block;font-weight:400;margin-right:.25rem}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--white);filter:brightness(90%);transition:.3s}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:active{filter:brightness(80%);transform:scale(.97);transition:.3s}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:.3125rem;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:.125rem;margin-right:auto}.readOnly{opacity:.75;cursor:default}.readOnly .select2-container .select2-selection__rendered:not(.empty){min-height:var(--defaultInputHeight)}.readOnly .select2-container input:disabled{font-weight:600;font-family:Open Sans,Arial,sans-serif;height:0rem!important;width:100%;padding-left:.625rem;padding-right:.625rem;margin-bottom:0rem;border:none;outline:none;box-sizing:border-box;box-shadow:none;cursor:text;text-align:left;background-color:var(--background)!important;color:var(--tableText);text-transform:none}.readOnly .select2-container input:disabled:hover{box-shadow:none;filter:none}.readOnly .select2-container input:disabled.empty{height:3.125rem}.fullModal .select2-container--default.select2-container--focus .select2-selection--multiple{border-radius:var(--inputBorderRadius);border:.125rem solid var(--inputBorder);color:var(--white);padding-left:0}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__rendered{margin-bottom:-.1875rem;border-color:var(--primaryColor)}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:absolute;left:.625rem;font-size:1.625rem;cursor:pointer;display:inline-block;font-weight:400;margin-right:.125rem;color:var(--white)}.fullModal .select2-container--default .select2-selection--multiple{background-color:unset}.fullModal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:var(--primaryColor)}.select2-container .select2-dropdown{background-color:var(--background)}.select2-container.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--primaryColor)}.nf-select2-dropdown{background-color:var(--menu);border-top:0rem;border-radius:var(--inputBorderRadius);color:var(--white);box-sizing:border-box;display:flex;flex-grow:1;height:-moz-fit-content;height:fit-content;position:absolute;width:100%;z-index:99999;max-height:12.5rem;overflow:auto;font-weight:600;margin-top:.0625rem;box-shadow:0 0 0 .0625rem var(--shadow),0 .5rem 1rem var(--shadow)!important}.select2-results__option:hover{background-color:var(--icon)!important;color:var(--white);cursor:pointer}.select2-search__field{border-width:0rem;width:100%}.select2-container input{padding-top:.125rem;border-radius:0}.select2-container--below.select2-container--focus{width:75%}.nf-select2-dropdown.select2-dropdown--below{width:31.4375rem}.roleForm .select2-container--below.select2-container--focus,.roleForm .nf-select2-dropdown.select2-dropdown--below{width:26.0625rem}.fullWidth .select2-container--below.select2-container--focus,.fullWidth .nf-select2-dropdown.select2-dropdown--below{width:100%}.nf-select2-dropdown.select2-dropdown--below.withBorder{border:none}input{box-shadow:none;font-size:.875rem}.tagError{border-color:var(--red)!important}::ng-deep .select2-container ::placeholder{color:var(--placeholder)}.spinner{position:absolute;right:1em;top:1em;display:inline-block;width:2rem;height:2rem;border-radius:50%;background:transparent;border-top:.3125rem solid var(--placeholder);border-right:.3125rem solid var(--placeholder);border-bottom:.3125rem solid transparent;border-left:.3125rem solid transparent;animation:loading .5s infinite linear}.tagsSelector.clickOutside{position:relative}\n"] }]
246
246
  }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
247
247
  type: Input
248
248
  }], disableField: [{