@alauda-fe/common 1.0.0-next.0

package/esm2022/business/resource-select/exports/cluster-selector/component.mjs

@@ -0,0 +1,98 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, TemplateRef, ViewChild, } from '@angular/core';
+import { ResourceSelectorPopupService } from '../../internals/selector-popup/service';
+import { ConfigurableField } from './../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../internals/selector-popup/service";
+const _c0 = ["popup"];
+function ClusterSelectorComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "acl-cluster-list", 9);
+    i0.ɵɵlistener("selectItem", function ClusterSelectorComponent_ng_template_11_Template_acl_cluster_list_selectItem_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSelect($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("context", "popup")("fields", ctx_r1.fields || ctx_r1.displayFields)("value", ctx_r1.value);
+} }
+const _c1 = function (a0) { return { "acl-resource-selector--active": a0 }; };
+export class ClusterSelectorComponent {
+    constructor(popupService, cdr, elementRef) {
+        this.popupService = popupService;
+        this.cdr = cdr;
+        this.elementRef = elementRef;
+        this.valueChange = new EventEmitter();
+        this.displayFields = [
+            ConfigurableField.Status,
+            ConfigurableField.Time,
+        ];
+        this.isActive = false;
+    }
+    openPopup() {
+        if (this.isActive) {
+            this.closePopup();
+        }
+        else {
+            this.isActive = true;
+            this.popupRef = this.popupService.open({
+                origin: this.elementRef,
+                content: this.popupTemplate,
+            });
+            this.popupRef.afterClosed().subscribe(() => {
+                this.isActive = false;
+                this.cdr.markForCheck();
+            });
+        }
+    }
+    closePopup() {
+        this.isActive = false;
+        this.popupRef.close();
+    }
+    onSelect(item) {
+        this.value = item.name;
+        this.valueChange.emit(item.name);
+        this.closePopup();
+    }
+    static { this.ɵfac = function ClusterSelectorComponent_Factory(t) { return new (t || ClusterSelectorComponent)(i0.ɵɵdirectiveInject(i1.ResourceSelectorPopupService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClusterSelectorComponent, selectors: [["acl-cluster-selector"]], viewQuery: function ClusterSelectorComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupTemplate = _t.first);
+        } }, inputs: { value: "value", fields: "fields" }, outputs: { valueChange: "valueChange" }, decls: 13, vars: 7, consts: [[1, "acl-resource-selector", 3, "ngClass", "click"], [1, "acl-resource-selector__item", "project"], [1, "icon-wrapper", "tw-flex"], ["icon", "bicolor:server"], [1, "with-colon"], [1, "selected-name", "text-truncate"], [1, "acl-resource-selector__arrow"], ["icon", "caret_down_s"], ["popup", ""], [3, "context", "fields", "value", "selectItem"]], template: function ClusterSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function ClusterSelectorComponent_Template_div_click_0_listener() { return ctx.openPopup(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "span", 2);
+            i0.ɵɵelement(3, "aui-icon", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "span", 5);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "div", 6);
+            i0.ɵɵelement(10, "aui-icon", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(11, ClusterSelectorComponent_ng_template_11_Template, 1, 3, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1, ctx.isActive));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "cluster"), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.value);
+        } }, styles: ["[_nghost-%COMP%]{display:flex}[_nghost-%COMP%]  .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}[_nghost-%COMP%]  .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}[_nghost-%COMP%]  .with-colon:after{content:\":\";margin-right:8px}[_nghost-%COMP%]  .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%]  .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}[_nghost-%COMP%]  .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}[_nghost-%COMP%]  .acl-resource-selector--active, [_nghost-%COMP%]  .acl-resource-selector:hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, :root   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=light]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=system]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=dark]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}[_nghost-%COMP%]  .acl-resource-selector--active .selected-name, [_nghost-%COMP%]  .acl-resource-selector:hover .selected-name{color:#fff}[_nghost-%COMP%]  .acl-resource-selector--lite{padding:0 4px}[_nghost-%COMP%]  .acl-resource-selector--lite:hover{background-color:rgb(var(--aui-color-b-6))}[_nghost-%COMP%]  .acl-resource-selector--lite:hover .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-n-2))}[_nghost-%COMP%]  .acl-resource-selector--lite .acl-resource-selector__item{height:20px}[_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover{background-color:rgb(var(--aui-color-b-5))}[_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active .acl-resource-selector__arrow, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-primary))}[_nghost-%COMP%]  .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (max-width: 1280px){[_nghost-%COMP%]  .acl-resource-selector__item{max-width:178px;margin-right:8px}}[_nghost-%COMP%]  .acl-resource-selector__item .icon-wrapper{margin-right:4px}[_nghost-%COMP%]  .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClusterSelectorComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-cluster-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"acl-resource-selector\"\n  [ngClass]=\"{ 'acl-resource-selector--active': isActive }\"\n  (click)=\"openPopup()\"\n>\n  <div class=\"acl-resource-selector__item project\">\n    <span class=\"icon-wrapper tw-flex\">\n      <aui-icon icon=\"bicolor:server\"></aui-icon>\n    </span>\n    <span class=\"with-colon\">\n      {{ 'cluster' | translate }}\n    </span>\n    <span class=\"selected-name text-truncate\">{{ value }}</span>\n  </div>\n  <div class=\"acl-resource-selector__arrow\">\n    <aui-icon icon=\"caret_down_s\"></aui-icon>\n  </div>\n</div>\n\n<ng-template #popup>\n  <acl-cluster-list\n    [context]=\"'popup'\"\n    [fields]=\"fields || displayFields\"\n    (selectItem)=\"onSelect($event)\"\n    [value]=\"value\"\n  ></acl-cluster-list>\n</ng-template>\n", styles: [":host{display:flex}:host::ng-deep .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}:host::ng-deep .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}:host::ng-deep .with-colon:after{content:\":\";margin-right:8px}:host::ng-deep .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host::ng-deep .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}:host::ng-deep .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}:host::ng-deep .acl-resource-selector--active,:host::ng-deep .acl-resource-selector:hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root :host::ng-deep .acl-resource-selector--active .icon-wrapper,:root :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}:host::ng-deep .acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector:hover .selected-name{color:#fff}:host::ng-deep .acl-resource-selector--lite{padding:0 4px}:host::ng-deep .acl-resource-selector--lite:hover{background-color:rgb(var(--aui-color-b-6))}:host::ng-deep .acl-resource-selector--lite:hover .selected-name,:host::ng-deep .acl-resource-selector--lite:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-n-2))}:host::ng-deep .acl-resource-selector--lite .acl-resource-selector__item{height:20px}:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover{background-color:rgb(var(--aui-color-b-5))}:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active .acl-resource-selector__arrow,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover .selected-name,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-primary))}:host::ng-deep .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (max-width: 1280px){:host::ng-deep .acl-resource-selector__item{max-width:178px;margin-right:8px}}:host::ng-deep .acl-resource-selector__item .icon-wrapper{margin-right:4px}:host::ng-deep .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}\n"] }]
+    }], function () { return [{ type: i1.ResourceSelectorPopupService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, { popupTemplate: [{
+            type: ViewChild,
+            args: ['popup', { static: true }]
+        }], value: [{
+            type: Input
+        }], fields: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL2NsdXN0ZXItc2VsZWN0b3IvY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL2NsdXN0ZXItc2VsZWN0b3IvdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsRUFDWCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFdEYsT0FBTyxFQUFFLGlCQUFpQixFQUFnQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lDSzlELDJDQUtDO0lBRkMsd01BQWMsZUFBQSx1QkFBZ0IsQ0FBQSxJQUFDO0lBRWhDLGlCQUFtQjs7O0lBSmxCLGlDQUFtQixpREFBQSx1QkFBQTs7O0FERXZCLE1BQU0sT0FBTyx3QkFBd0I7SUFzQm5DLFlBQ21CLFlBQTBDLEVBQzFDLEdBQXNCLEVBQ3RCLFVBQXNCO1FBRnRCLGlCQUFZLEdBQVosWUFBWSxDQUE4QjtRQUMxQyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBZHpDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUV6QyxrQkFBYSxHQUF3QjtZQUNuQyxpQkFBaUIsQ0FBQyxNQUFNO1lBQ3hCLGlCQUFpQixDQUFDLElBQUk7U0FDdkIsQ0FBQztRQUVGLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFRZCxDQUFDO0lBRUosU0FBUztRQUNQLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDbkI7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7Z0JBQ3JDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVTtnQkFDdkIsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhO2FBQzVCLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7Z0JBQ3RCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsUUFBUSxDQUFDLElBQWtCO1FBQ3pCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7eUZBckRVLHdCQUF3QjtvRUFBeEIsd0JBQXdCOzs7Ozs7WUN2QnJDLDhCQUlDO1lBREMsa0dBQVMsZUFBVyxJQUFDO1lBRXJCLDhCQUFpRCxjQUFBO1lBRTdDLDhCQUEyQztZQUM3QyxpQkFBTztZQUNQLCtCQUF5QjtZQUN2QixZQUNGOztZQUFBLGlCQUFPO1lBQ1AsK0JBQTBDO1lBQUEsWUFBVztZQUFBLGlCQUFPLEVBQUE7WUFFOUQsOEJBQTBDO1lBQ3hDLCtCQUF5QztZQUMzQyxpQkFBTSxFQUFBO1lBR1IsNEhBT2M7O1lBeEJaLGtFQUF5RDtZQVFyRCxlQUNGO1lBREUsZ0VBQ0Y7WUFDMEMsZUFBVztZQUFYLCtCQUFXOzs7dUZEVzVDLHdCQUF3QjtjQU5wQyxTQUFTOzJCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNO3dJQUkvQyxhQUFhO2tCQURaLFNBQVM7bUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtZQUlwQyxLQUFLO2tCQURKLEtBQUs7WUFJTixNQUFNO2tCQURMLEtBQUs7WUFJTixXQUFXO2tCQURWLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUmVzb3VyY2VTZWxlY3RvclBvcHVwUmVmIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3NlbGVjdG9yLXBvcHVwL3JlZic7XG5pbXBvcnQgeyBSZXNvdXJjZVNlbGVjdG9yUG9wdXBTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3NlbGVjdG9yLXBvcHVwL3NlcnZpY2UnO1xuXG5pbXBvcnQgeyBDb25maWd1cmFibGVGaWVsZCwgRGF0YUl0ZW1CYXNlIH0gZnJvbSAnLi8uLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1jbHVzdGVyLXNlbGVjdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDbHVzdGVyU2VsZWN0b3JDb21wb25lbnQge1xuICBAVmlld0NoaWxkKCdwb3B1cCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHBvcHVwVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KClcbiAgdmFsdWU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBmaWVsZHM6IENvbmZpZ3VyYWJsZUZpZWxkW107XG5cbiAgQE91dHB1dCgpXG4gIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgZGlzcGxheUZpZWxkczogQ29uZmlndXJhYmxlRmllbGRbXSA9IFtcbiAgICBDb25maWd1cmFibGVGaWVsZC5TdGF0dXMsXG4gICAgQ29uZmlndXJhYmxlRmllbGQuVGltZSxcbiAgXTtcblxuICBpc0FjdGl2ZSA9IGZhbHNlO1xuXG4gIHBvcHVwUmVmOiBSZXNvdXJjZVNlbGVjdG9yUG9wdXBSZWY7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBwb3B1cFNlcnZpY2U6IFJlc291cmNlU2VsZWN0b3JQb3B1cFNlcnZpY2UsXG4gICAgcHJpdmF0ZSByZWFkb25seSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgKSB7fVxuXG4gIG9wZW5Qb3B1cCgpIHtcbiAgICBpZiAodGhpcy5pc0FjdGl2ZSkge1xuICAgICAgdGhpcy5jbG9zZVBvcHVwKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNBY3RpdmUgPSB0cnVlO1xuICAgICAgdGhpcy5wb3B1cFJlZiA9IHRoaXMucG9wdXBTZXJ2aWNlLm9wZW4oe1xuICAgICAgICBvcmlnaW46IHRoaXMuZWxlbWVudFJlZixcbiAgICAgICAgY29udGVudDogdGhpcy5wb3B1cFRlbXBsYXRlLFxuICAgICAgfSk7XG4gICAgICB0aGlzLnBvcHVwUmVmLmFmdGVyQ2xvc2VkKCkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5pc0FjdGl2ZSA9IGZhbHNlO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsb3NlUG9wdXAoKSB7XG4gICAgdGhpcy5pc0FjdGl2ZSA9IGZhbHNlO1xuICAgIHRoaXMucG9wdXBSZWYuY2xvc2UoKTtcbiAgfVxuXG4gIG9uU2VsZWN0KGl0ZW06IERhdGFJdGVtQmFzZSkge1xuICAgIHRoaXMudmFsdWUgPSBpdGVtLm5hbWU7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KGl0ZW0ubmFtZSk7XG4gICAgdGhpcy5jbG9zZVBvcHVwKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhY2wtcmVzb3VyY2Utc2VsZWN0b3JcIlxuICBbbmdDbGFzc109XCJ7ICdhY2wtcmVzb3VyY2Utc2VsZWN0b3ItLWFjdGl2ZSc6IGlzQWN0aXZlIH1cIlxuICAoY2xpY2spPVwib3BlblBvcHVwKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWNsLXJlc291cmNlLXNlbGVjdG9yX19pdGVtIHByb2plY3RcIj5cbiAgICA8c3BhbiBjbGFzcz1cImljb24td3JhcHBlciB0dy1mbGV4XCI+XG4gICAgICA8YXVpLWljb24gaWNvbj1cImJpY29sb3I6c2VydmVyXCI+PC9hdWktaWNvbj5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJ3aXRoLWNvbG9uXCI+XG4gICAgICB7eyAnY2x1c3RlcicgfCB0cmFuc2xhdGUgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJzZWxlY3RlZC1uYW1lIHRleHQtdHJ1bmNhdGVcIj57eyB2YWx1ZSB9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJhY2wtcmVzb3VyY2Utc2VsZWN0b3JfX2Fycm93XCI+XG4gICAgPGF1aS1pY29uIGljb249XCJjYXJldF9kb3duX3NcIj48L2F1aS1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI3BvcHVwPlxuICA8YWNsLWNsdXN0ZXItbGlzdFxuICAgIFtjb250ZXh0XT1cIidwb3B1cCdcIlxuICAgIFtmaWVsZHNdPVwiZmllbGRzIHx8IGRpc3BsYXlGaWVsZHNcIlxuICAgIChzZWxlY3RJdGVtKT1cIm9uU2VsZWN0KCRldmVudClcIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gID48L2FjbC1jbHVzdGVyLWxpc3Q+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/business/resource-select/exports/mesh-group-selector/component.mjs

@@ -0,0 +1,96 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, TemplateRef, ViewChild, } from '@angular/core';
+import { ResourceSelectorPopupService } from '../../internals/selector-popup/service';
+import { ConfigurableField } from '../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../internals/selector-popup/service";
+const _c0 = ["popup"];
+function ServiceMeshGroupSelectorComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "acl-mesh-group-list", 9);
+    i0.ɵɵlistener("selectItem", function ServiceMeshGroupSelectorComponent_ng_template_12_Template_acl_mesh_group_list_selectItem_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSelect($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("context", "popup")("fields", ctx_r1.fields || ctx_r1.displayFields)("value", ctx_r1.value);
+} }
+const _c1 = function (a0) { return { "acl-resource-selector--active": a0 }; };
+export class ServiceMeshGroupSelectorComponent {
+    constructor(popupService, cdr, elementRef) {
+        this.popupService = popupService;
+        this.cdr = cdr;
+        this.elementRef = elementRef;
+        this.valueChange = new EventEmitter();
+        this.displayFields = [ConfigurableField.ServiceMeshGroup];
+        this.isActive = false;
+    }
+    openPopup() {
+        if (this.isActive) {
+            this.closePopup();
+        }
+        else {
+            this.isActive = true;
+            this.popupRef = this.popupService.open({
+                origin: this.elementRef,
+                content: this.popupTemplate,
+            });
+            this.popupRef.afterClosed().subscribe(() => {
+                this.isActive = false;
+                this.cdr.markForCheck();
+            });
+        }
+    }
+    closePopup() {
+        this.isActive = false;
+        this.popupRef.close();
+    }
+    onSelect(item) {
+        this.value = item.name;
+        this.valueChange.emit(item.name);
+        this.closePopup();
+    }
+    static { this.ɵfac = function ServiceMeshGroupSelectorComponent_Factory(t) { return new (t || ServiceMeshGroupSelectorComponent)(i0.ɵɵdirectiveInject(i1.ResourceSelectorPopupService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ServiceMeshGroupSelectorComponent, selectors: [["acl-servicemesh-selector"]], viewQuery: function ServiceMeshGroupSelectorComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupTemplate = _t.first);
+        } }, inputs: { value: "value", fields: "fields" }, outputs: { valueChange: "valueChange" }, decls: 14, vars: 9, consts: [[1, "acl-resource-selector", 3, "ngClass", "click"], [1, "acl-resource-selector__item", "project"], [1, "icon-wrapper", "tw-flex"], ["icon", "bicolor:service_mesh"], [1, "with-colon"], [1, "selected-name", "text-truncate"], [1, "acl-resource-selector__arrow"], ["icon", "caret_down_s"], ["popup", ""], [3, "context", "fields", "value", "selectItem"]], template: function ServiceMeshGroupSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function ServiceMeshGroupSelectorComponent_Template_div_click_0_listener() { return ctx.openPopup(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "span", 2);
+            i0.ɵɵelement(3, "aui-icon", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "span", 5);
+            i0.ɵɵtext(8);
+            i0.ɵɵpipe(9, "aclFieldNotAvailable");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(10, "div", 6);
+            i0.ɵɵelement(11, "aui-icon", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(12, ServiceMeshGroupSelectorComponent_ng_template_12_Template, 1, 3, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1, ctx.isActive));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 3, "service_meshes"), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 5, ctx.value));
+        } }, styles: ["[_nghost-%COMP%]{display:flex}[_nghost-%COMP%]  .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}[_nghost-%COMP%]  .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}[_nghost-%COMP%]  .with-colon:after{content:\":\";margin-right:8px}[_nghost-%COMP%]  .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%]  .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}[_nghost-%COMP%]  .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}[_nghost-%COMP%]  .acl-resource-selector--active, [_nghost-%COMP%]  .acl-resource-selector:hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, :root   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=light]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=system]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=dark]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}[_nghost-%COMP%]  .acl-resource-selector--active .selected-name, [_nghost-%COMP%]  .acl-resource-selector:hover .selected-name{color:#fff}[_nghost-%COMP%]  .acl-resource-selector--lite{padding:0 4px}[_nghost-%COMP%]  .acl-resource-selector--lite:hover{background-color:rgb(var(--aui-color-b-6))}[_nghost-%COMP%]  .acl-resource-selector--lite:hover .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-n-2))}[_nghost-%COMP%]  .acl-resource-selector--lite .acl-resource-selector__item{height:20px}[_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover{background-color:rgb(var(--aui-color-b-5))}[_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active .acl-resource-selector__arrow, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-primary))}[_nghost-%COMP%]  .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (max-width: 1280px){[_nghost-%COMP%]  .acl-resource-selector__item{max-width:178px;margin-right:8px}}[_nghost-%COMP%]  .acl-resource-selector__item .icon-wrapper{margin-right:4px}[_nghost-%COMP%]  .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ServiceMeshGroupSelectorComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-servicemesh-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"acl-resource-selector\"\n  [ngClass]=\"{ 'acl-resource-selector--active': isActive }\"\n  (click)=\"openPopup()\"\n>\n  <div class=\"acl-resource-selector__item project\">\n    <span class=\"icon-wrapper tw-flex\">\n      <aui-icon icon=\"bicolor:service_mesh\"></aui-icon>\n    </span>\n    <span class=\"with-colon\">\n      {{ 'service_meshes' | translate }}\n    </span>\n    <span class=\"selected-name text-truncate\">{{\n      value | aclFieldNotAvailable\n    }}</span>\n  </div>\n  <div class=\"acl-resource-selector__arrow\">\n    <aui-icon icon=\"caret_down_s\"></aui-icon>\n  </div>\n</div>\n\n<ng-template #popup>\n  <acl-mesh-group-list\n    [context]=\"'popup'\"\n    [fields]=\"fields || displayFields\"\n    (selectItem)=\"onSelect($event)\"\n    [value]=\"value\"\n  ></acl-mesh-group-list>\n</ng-template>\n", styles: [":host{display:flex}:host::ng-deep .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}:host::ng-deep .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}:host::ng-deep .with-colon:after{content:\":\";margin-right:8px}:host::ng-deep .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host::ng-deep .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}:host::ng-deep .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}:host::ng-deep .acl-resource-selector--active,:host::ng-deep .acl-resource-selector:hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root :host::ng-deep .acl-resource-selector--active .icon-wrapper,:root :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}:host::ng-deep .acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector:hover .selected-name{color:#fff}:host::ng-deep .acl-resource-selector--lite{padding:0 4px}:host::ng-deep .acl-resource-selector--lite:hover{background-color:rgb(var(--aui-color-b-6))}:host::ng-deep .acl-resource-selector--lite:hover .selected-name,:host::ng-deep .acl-resource-selector--lite:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-n-2))}:host::ng-deep .acl-resource-selector--lite .acl-resource-selector__item{height:20px}:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover{background-color:rgb(var(--aui-color-b-5))}:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active .acl-resource-selector__arrow,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover .selected-name,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-primary))}:host::ng-deep .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (max-width: 1280px){:host::ng-deep .acl-resource-selector__item{max-width:178px;margin-right:8px}}:host::ng-deep .acl-resource-selector__item .icon-wrapper{margin-right:4px}:host::ng-deep .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}\n"] }]
+    }], function () { return [{ type: i1.ResourceSelectorPopupService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, { popupTemplate: [{
+            type: ViewChild,
+            args: ['popup', { static: true }]
+        }], value: [{
+            type: Input
+        }], fields: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL21lc2gtZ3JvdXAtc2VsZWN0b3IvY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL21lc2gtZ3JvdXAtc2VsZWN0b3IvdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsRUFDWCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGlCQUFpQixFQUFnQixNQUFNLGFBQWEsQ0FBQzs7Ozs7O0lDUTVELDhDQUtDO0lBRkMsb05BQWMsZUFBQSx1QkFBZ0IsQ0FBQSxJQUFDO0lBRWhDLGlCQUFzQjs7O0lBSnJCLGlDQUFtQixpREFBQSx1QkFBQTs7O0FERHZCLE1BQU0sT0FBTyxpQ0FBaUM7SUFtQjVDLFlBQ21CLFlBQTBDLEVBQzFDLEdBQXNCLEVBQ3RCLFVBQXNCO1FBRnRCLGlCQUFZLEdBQVosWUFBWSxDQUE4QjtRQUMxQyxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUN0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWHpDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUV6QyxrQkFBYSxHQUF3QixDQUFDLGlCQUFpQixDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFFMUUsYUFBUSxHQUFHLEtBQUssQ0FBQztJQVFkLENBQUM7SUFFSixTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDckIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDckMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVO2dCQUN2QixPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWE7YUFDNUIsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztnQkFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMxQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBa0I7UUFDekIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDcEIsQ0FBQztrR0FsRFUsaUNBQWlDO29FQUFqQyxpQ0FBaUM7Ozs7OztZQ3RCOUMsOEJBSUM7WUFEQywyR0FBUyxlQUFXLElBQUM7WUFFckIsOEJBQWlELGNBQUE7WUFFN0MsOEJBQWlEO1lBQ25ELGlCQUFPO1lBQ1AsK0JBQXlCO1lBQ3ZCLFlBQ0Y7O1lBQUEsaUJBQU87WUFDUCwrQkFBMEM7WUFBQSxZQUV4Qzs7WUFBQSxpQkFBTyxFQUFBO1lBRVgsK0JBQTBDO1lBQ3hDLCtCQUF5QztZQUMzQyxpQkFBTSxFQUFBO1lBR1IscUlBT2M7O1lBMUJaLGtFQUF5RDtZQVFyRCxlQUNGO1lBREUsdUVBQ0Y7WUFDMEMsZUFFeEM7WUFGd0MscURBRXhDOzs7dUZEUU8saUNBQWlDO2NBTjdDLFNBQVM7MkJBQ0UsMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNO3dJQUkvQyxhQUFhO2tCQURaLFNBQVM7bUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtZQUlwQyxLQUFLO2tCQURKLEtBQUs7WUFJTixNQUFNO2tCQURMLEtBQUs7WUFJTixXQUFXO2tCQURWLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgUmVzb3VyY2VTZWxlY3RvclBvcHVwUmVmIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3NlbGVjdG9yLXBvcHVwL3JlZic7XG5pbXBvcnQgeyBSZXNvdXJjZVNlbGVjdG9yUG9wdXBTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3NlbGVjdG9yLXBvcHVwL3NlcnZpY2UnO1xuaW1wb3J0IHsgQ29uZmlndXJhYmxlRmllbGQsIERhdGFJdGVtQmFzZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXNlcnZpY2VtZXNoLXNlbGVjdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi8uLi9jbHVzdGVyLXNlbGVjdG9yL3N0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNlcnZpY2VNZXNoR3JvdXBTZWxlY3RvckNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ3BvcHVwJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgcG9wdXBUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICBASW5wdXQoKVxuICB2YWx1ZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGZpZWxkczogQ29uZmlndXJhYmxlRmllbGRbXTtcblxuICBAT3V0cHV0KClcbiAgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBkaXNwbGF5RmllbGRzOiBDb25maWd1cmFibGVGaWVsZFtdID0gW0NvbmZpZ3VyYWJsZUZpZWxkLlNlcnZpY2VNZXNoR3JvdXBdO1xuXG4gIGlzQWN0aXZlID0gZmFsc2U7XG5cbiAgcG9wdXBSZWY6IFJlc291cmNlU2VsZWN0b3JQb3B1cFJlZjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IHBvcHVwU2VydmljZTogUmVzb3VyY2VTZWxlY3RvclBvcHVwU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICApIHt9XG5cbiAgb3BlblBvcHVwKCkge1xuICAgIGlmICh0aGlzLmlzQWN0aXZlKSB7XG4gICAgICB0aGlzLmNsb3NlUG9wdXAoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc0FjdGl2ZSA9IHRydWU7XG4gICAgICB0aGlzLnBvcHVwUmVmID0gdGhpcy5wb3B1cFNlcnZpY2Uub3Blbih7XG4gICAgICAgIG9yaWdpbjogdGhpcy5lbGVtZW50UmVmLFxuICAgICAgICBjb250ZW50OiB0aGlzLnBvcHVwVGVtcGxhdGUsXG4gICAgICB9KTtcbiAgICAgIHRoaXMucG9wdXBSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gZmFsc2U7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgY2xvc2VQb3B1cCgpIHtcbiAgICB0aGlzLmlzQWN0aXZlID0gZmFsc2U7XG4gICAgdGhpcy5wb3B1cFJlZi5jbG9zZSgpO1xuICB9XG5cbiAgb25TZWxlY3QoaXRlbTogRGF0YUl0ZW1CYXNlKSB7XG4gICAgdGhpcy52YWx1ZSA9IGl0ZW0ubmFtZTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoaXRlbS5uYW1lKTtcbiAgICB0aGlzLmNsb3NlUG9wdXAoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImFjbC1yZXNvdXJjZS1zZWxlY3RvclwiXG4gIFtuZ0NsYXNzXT1cInsgJ2FjbC1yZXNvdXJjZS1zZWxlY3Rvci0tYWN0aXZlJzogaXNBY3RpdmUgfVwiXG4gIChjbGljayk9XCJvcGVuUG9wdXAoKVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJhY2wtcmVzb3VyY2Utc2VsZWN0b3JfX2l0ZW0gcHJvamVjdFwiPlxuICAgIDxzcGFuIGNsYXNzPVwiaWNvbi13cmFwcGVyIHR3LWZsZXhcIj5cbiAgICAgIDxhdWktaWNvbiBpY29uPVwiYmljb2xvcjpzZXJ2aWNlX21lc2hcIj48L2F1aS1pY29uPlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cIndpdGgtY29sb25cIj5cbiAgICAgIHt7ICdzZXJ2aWNlX21lc2hlcycgfCB0cmFuc2xhdGUgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJzZWxlY3RlZC1uYW1lIHRleHQtdHJ1bmNhdGVcIj57e1xuICAgICAgdmFsdWUgfCBhY2xGaWVsZE5vdEF2YWlsYWJsZVxuICAgIH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImFjbC1yZXNvdXJjZS1zZWxlY3Rvcl9fYXJyb3dcIj5cbiAgICA8YXVpLWljb24gaWNvbj1cImNhcmV0X2Rvd25fc1wiPjwvYXVpLWljb24+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjcG9wdXA+XG4gIDxhY2wtbWVzaC1ncm91cC1saXN0XG4gICAgW2NvbnRleHRdPVwiJ3BvcHVwJ1wiXG4gICAgW2ZpZWxkc109XCJmaWVsZHMgfHwgZGlzcGxheUZpZWxkc1wiXG4gICAgKHNlbGVjdEl0ZW0pPVwib25TZWxlY3QoJGV2ZW50KVwiXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgPjwvYWNsLW1lc2gtZ3JvdXAtbGlzdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/business/resource-select/exports/namespace-page/component.mjs

@@ -0,0 +1,78 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
+import { K8sUtilService } from '../../../../core/services';
+import { ResourceSelectContextService } from './../../context.service';
+import { ConfigurableField, } from './../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../core/services";
+import * as i2 from "./../../context.service";
+const _c0 = [[["", "aclResourceGridHeader", ""]]];
+const _c1 = ["[aclResourceGridHeader]"];
+export class NamespacePageComponent {
+    constructor(k8sUtil, contextService) {
+        this.k8sUtil = k8sUtil;
+        this.contextService = contextService;
+        this.displayServiceMesh = false;
+        this.valueChange = new EventEmitter();
+        this.clusterChange = new EventEmitter();
+        this.projectChange = new EventEmitter();
+        this.numbers = {
+            project: 0,
+            cluster: 0,
+            namespace: 0,
+        };
+        this.displayFields = [
+            ConfigurableField.Cluster,
+            ConfigurableField.Time,
+        ];
+    }
+    dataLoad(numbers) {
+        this.numbers = {
+            ...this.numbers,
+            ...numbers,
+        };
+    }
+    onSelect(item) {
+        this.valueChange.emit({
+            project: this.k8sUtil.getLabel(item.__origin, 'project'),
+            cluster: item.cluster,
+            name: item.name,
+        });
+    }
+    reload() {
+        this.contextService.reload$$.next();
+    }
+    static { this.ɵfac = function NamespacePageComponent_Factory(t) { return new (t || NamespacePageComponent)(i0.ɵɵdirectiveInject(i1.K8sUtilService), i0.ɵɵdirectiveInject(i2.ResourceSelectContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NamespacePageComponent, selectors: [["acl-namespace-page"]], inputs: { fields: "fields", disableFn: "disableFn", value: "value", actionTemplateRef: "actionTemplateRef", displayServiceMesh: "displayServiceMesh" }, outputs: { valueChange: "valueChange", clusterChange: "clusterChange", projectChange: "projectChange" }, ngContentSelectors: _c1, decls: 3, vars: 6, consts: [[3, "numbers"], [3, "fields", "actionTemplateRef", "value", "disableFn", "displayServiceMesh", "load", "selectItem", "clusterChange", "projectChange"]], template: function NamespacePageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0);
+            i0.ɵɵelement(0, "acl-resource-dashboard", 0);
+            i0.ɵɵelementStart(1, "acl-namespace-list", 1);
+            i0.ɵɵlistener("load", function NamespacePageComponent_Template_acl_namespace_list_load_1_listener($event) { return ctx.dataLoad($event); })("selectItem", function NamespacePageComponent_Template_acl_namespace_list_selectItem_1_listener($event) { return ctx.onSelect($event); })("clusterChange", function NamespacePageComponent_Template_acl_namespace_list_clusterChange_1_listener($event) { return ctx.clusterChange.emit($event); })("projectChange", function NamespacePageComponent_Template_acl_namespace_list_projectChange_1_listener($event) { return ctx.projectChange.emit($event); });
+            i0.ɵɵprojection(2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("numbers", ctx.numbers);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("fields", ctx.fields || ctx.displayFields)("actionTemplateRef", ctx.actionTemplateRef)("value", ctx.value)("disableFn", ctx.disableFn)("displayServiceMesh", ctx.displayServiceMesh);
+        } }, styles: ["acl-namespace-list[_ngcontent-%COMP%]{height:calc(100% - 120px);margin-top:20px}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NamespacePageComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-namespace-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<acl-resource-dashboard [numbers]=\"numbers\"></acl-resource-dashboard>\n\n<acl-namespace-list\n  (load)=\"dataLoad($event)\"\n  [fields]=\"fields || displayFields\"\n  (selectItem)=\"onSelect($event)\"\n  [actionTemplateRef]=\"actionTemplateRef\"\n  [value]=\"value\"\n  [disableFn]=\"disableFn\"\n  (clusterChange)=\"clusterChange.emit($event)\"\n  (projectChange)=\"projectChange.emit($event)\"\n  [displayServiceMesh]=\"displayServiceMesh\"\n>\n  <ng-content select=\"[aclResourceGridHeader]\"></ng-content>\n</acl-namespace-list>\n", styles: ["acl-namespace-list{height:calc(100% - 120px);margin-top:20px}\n"] }]
+    }], function () { return [{ type: i1.K8sUtilService }, { type: i2.ResourceSelectContextService }]; }, { fields: [{
+            type: Input
+        }], disableFn: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], actionTemplateRef: [{
+            type: Input
+        }], displayServiceMesh: [{
+            type: Input
+        }], valueChange: [{
+            type: Output
+        }], clusterChange: [{
+            type: Output
+        }], projectChange: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL25hbWVzcGFjZS1wYWdlL2NvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9idXNpbmVzcy9yZXNvdXJjZS1zZWxlY3QvZXhwb3J0cy9uYW1lc3BhY2UtcGFnZS90ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFM0QsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdkUsT0FBTyxFQUNMLGlCQUFpQixHQUtsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZCLE1BQU0sT0FBTyxzQkFBc0I7SUFvQ2pDLFlBQ21CLE9BQXVCLEVBQ3ZCLGNBQTRDO1FBRDVDLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBQ3ZCLG1CQUFjLEdBQWQsY0FBYyxDQUE4QjtRQXhCL0QsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBRzNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFHekQsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRzNDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUzQyxZQUFPLEdBQXdCO1lBQzdCLE9BQU8sRUFBRSxDQUFDO1lBQ1YsT0FBTyxFQUFFLENBQUM7WUFDVixTQUFTLEVBQUUsQ0FBQztTQUNiLENBQUM7UUFFRixrQkFBYSxHQUF3QjtZQUNuQyxpQkFBaUIsQ0FBQyxPQUFPO1lBQ3pCLGlCQUFpQixDQUFDLElBQUk7U0FDdkIsQ0FBQztJQUtDLENBQUM7SUFFSixRQUFRLENBQUMsT0FBNEI7UUFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLE9BQU87WUFDZixHQUFHLE9BQU87U0FDWCxDQUFDO0lBQ0osQ0FBQztJQUVELFFBQVEsQ0FBQyxJQUFrQjtRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUM7WUFDeEQsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7dUZBMURVLHNCQUFzQjtvRUFBdEIsc0JBQXNCOztZQzFCbkMsNENBQXFFO1lBRXJFLDZDQVVDO1lBVEMsbUhBQVEsb0JBQWdCLElBQUMsa0hBRVgsb0JBQWdCLElBRkwsd0hBTVIsOEJBQTBCLElBTmxCLHdIQU9SLDhCQUEwQixJQVBsQjtZQVV6QixrQkFBMEQ7WUFDNUQsaUJBQXFCOztZQWRHLHFDQUFtQjtZQUl6QyxlQUFrQztZQUFsQyx3REFBa0MsNENBQUEsb0JBQUEsNEJBQUEsOENBQUE7Ozt1RkRzQnZCLHNCQUFzQjtjQU5sQyxTQUFTOzJCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNOzRHQUkvQyxNQUFNO2tCQURMLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixpQkFBaUI7a0JBRGhCLEtBQUs7WUFJTixrQkFBa0I7a0JBRGpCLEtBQUs7WUFJTixXQUFXO2tCQURWLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSzhzVXRpbFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlL3NlcnZpY2VzJztcblxuaW1wb3J0IHsgUmVzb3VyY2VTZWxlY3RDb250ZXh0U2VydmljZSB9IGZyb20gJy4vLi4vLi4vY29udGV4dC5zZXJ2aWNlJztcbmltcG9ydCB7XG4gIENvbmZpZ3VyYWJsZUZpZWxkLFxuICBEYXRhSXRlbUJhc2UsXG4gIERpc2FibGVGbixcbiAgUmVzb3VyY2VEYXRhTnVtYmVycyxcbiAgU2VsZWN0ZWROYW1lc3BhY2VWYWx1ZSxcbn0gZnJvbSAnLi8uLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1uYW1lc3BhY2UtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmFtZXNwYWNlUGFnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGZpZWxkczogQ29uZmlndXJhYmxlRmllbGRbXTtcblxuICBASW5wdXQoKVxuICBkaXNhYmxlRm46IERpc2FibGVGbjtcblxuICBASW5wdXQoKVxuICB2YWx1ZTogU2VsZWN0ZWROYW1lc3BhY2VWYWx1ZTtcblxuICBASW5wdXQoKVxuICBhY3Rpb25UZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55PjtcblxuICBASW5wdXQoKVxuICBkaXNwbGF5U2VydmljZU1lc2ggPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNlbGVjdGVkTmFtZXNwYWNlVmFsdWU+KCk7XG5cbiAgQE91dHB1dCgpXG4gIGNsdXN0ZXJDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAT3V0cHV0KClcbiAgcHJvamVjdENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIG51bWJlcnM6IFJlc291cmNlRGF0YU51bWJlcnMgPSB7XG4gICAgcHJvamVjdDogMCxcbiAgICBjbHVzdGVyOiAwLFxuICAgIG5hbWVzcGFjZTogMCxcbiAgfTtcblxuICBkaXNwbGF5RmllbGRzOiBDb25maWd1cmFibGVGaWVsZFtdID0gW1xuICAgIENvbmZpZ3VyYWJsZUZpZWxkLkNsdXN0ZXIsXG4gICAgQ29uZmlndXJhYmxlRmllbGQuVGltZSxcbiAgXTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IGs4c1V0aWw6IEs4c1V0aWxTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY29udGV4dFNlcnZpY2U6IFJlc291cmNlU2VsZWN0Q29udGV4dFNlcnZpY2UsXG4gICkge31cblxuICBkYXRhTG9hZChudW1iZXJzOiBSZXNvdXJjZURhdGFOdW1iZXJzKSB7XG4gICAgdGhpcy5udW1iZXJzID0ge1xuICAgICAgLi4udGhpcy5udW1iZXJzLFxuICAgICAgLi4ubnVtYmVycyxcbiAgICB9O1xuICB9XG5cbiAgb25TZWxlY3QoaXRlbTogRGF0YUl0ZW1CYXNlKSB7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHtcbiAgICAgIHByb2plY3Q6IHRoaXMuazhzVXRpbC5nZXRMYWJlbChpdGVtLl9fb3JpZ2luLCAncHJvamVjdCcpLFxuICAgICAgY2x1c3RlcjogaXRlbS5jbHVzdGVyLFxuICAgICAgbmFtZTogaXRlbS5uYW1lLFxuICAgIH0pO1xuICB9XG5cbiAgcmVsb2FkKCkge1xuICAgIHRoaXMuY29udGV4dFNlcnZpY2UucmVsb2FkJCQubmV4dCgpO1xuICB9XG59XG4iLCI8YWNsLXJlc291cmNlLWRhc2hib2FyZCBbbnVtYmVyc109XCJudW1iZXJzXCI+PC9hY2wtcmVzb3VyY2UtZGFzaGJvYXJkPlxuXG48YWNsLW5hbWVzcGFjZS1saXN0XG4gIChsb2FkKT1cImRhdGFMb2FkKCRldmVudClcIlxuICBbZmllbGRzXT1cImZpZWxkcyB8fCBkaXNwbGF5RmllbGRzXCJcbiAgKHNlbGVjdEl0ZW0pPVwib25TZWxlY3QoJGV2ZW50KVwiXG4gIFthY3Rpb25UZW1wbGF0ZVJlZl09XCJhY3Rpb25UZW1wbGF0ZVJlZlwiXG4gIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gIFtkaXNhYmxlRm5dPVwiZGlzYWJsZUZuXCJcbiAgKGNsdXN0ZXJDaGFuZ2UpPVwiY2x1c3RlckNoYW5nZS5lbWl0KCRldmVudClcIlxuICAocHJvamVjdENoYW5nZSk9XCJwcm9qZWN0Q2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gIFtkaXNwbGF5U2VydmljZU1lc2hdPVwiZGlzcGxheVNlcnZpY2VNZXNoXCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2FjbFJlc291cmNlR3JpZEhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG48L2FjbC1uYW1lc3BhY2UtbGlzdD5cbiJdfQ==

package/esm2022/business/resource-select/exports/namespace-selector/component.mjs

@@ -0,0 +1,186 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, Output, TemplateRef, ViewChild, } from '@angular/core';
+import { AuthorizationStateService } from '../../../../authorization/public-api';
+import { K8sUtilService } from '../../../../core/services';
+import { ResourceSelectorPopupService } from '../../internals/selector-popup/service';
+import { getWorkspaceParams, setWorkspaceParams } from '../../utils';
+import { ConfigurableField, } from './../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../internals/selector-popup/service";
+import * as i2 from "../../../../core/services";
+import * as i3 from "../../../../authorization/public-api";
+const _c0 = ["popup"];
+function NamespaceSelectorComponent_div_9_ng_container_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const istioVersion_r4 = ctx.ngIf;
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1("(Istio ", istioVersion_r4, ")");
+} }
+function NamespaceSelectorComponent_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "span", 8);
+    i0.ɵɵelement(2, "aui-icon", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "translate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 5);
+    i0.ɵɵtext(7);
+    i0.ɵɵtemplate(8, NamespaceSelectorComponent_div_9_ng_container_8_Template, 2, 1, "ng-container", 14);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 3, "service_mesh"), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", ctx_r0.value.servicemesh, " ");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.value.istioVersion);
+} }
+function NamespaceSelectorComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "acl-namespace-list", 15);
+    i0.ɵɵlistener("selectItem", function NamespaceSelectorComponent_ng_template_24_Template_acl_namespace_list_selectItem_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onSelect($event)); })("clusterChange", function NamespaceSelectorComponent_ng_template_24_Template_acl_namespace_list_clusterChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.clusterChange.emit($event)); })("projectChange", function NamespaceSelectorComponent_ng_template_24_Template_acl_namespace_list_projectChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.projectChange.emit($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("context", "popup")("fields", ctx_r2.fields || ctx_r2.displayFields)("disableFn", ctx_r2.disableFn)("value", ctx_r2.value)("displayServiceMesh", ctx_r2.displayServiceMesh);
+} }
+const _c1 = function (a0) { return { "acl-resource-selector--active": a0 }; };
+export class NamespaceSelectorComponent {
+    constructor(popupService, cdr, elementRef, k8sUtil, auth) {
+        this.popupService = popupService;
+        this.cdr = cdr;
+        this.elementRef = elementRef;
+        this.k8sUtil = k8sUtil;
+        this.auth = auth;
+        this.displayServiceMesh = false;
+        this.clusterChange = new EventEmitter();
+        this.projectChange = new EventEmitter();
+        this.valueChange = new EventEmitter();
+        this.displayFields = [
+            ConfigurableField.Cluster,
+            ConfigurableField.Time,
+        ];
+        this.isActive = false;
+        this.loading = true;
+    }
+    ngAfterViewInit() {
+        const email = this.auth.payloadSnapshot.email;
+        const params = getWorkspaceParams(email);
+        if (this.value && !params) {
+            setWorkspaceParams(this.value, email);
+        }
+    }
+    openPopup() {
+        if (this.isActive) {
+            this.closePopup();
+        }
+        else {
+            this.isActive = true;
+            this.popupRef = this.popupService.open({
+                origin: this.elementRef,
+                content: this.popupTemplate,
+            });
+            this.popupRef.afterClosed().subscribe(() => {
+                this.isActive = false;
+                this.cdr.markForCheck();
+            });
+        }
+    }
+    closePopup() {
+        this.isActive = false;
+        this.popupRef.close();
+    }
+    onSelect(item) {
+        this.value = {
+            project: this.k8sUtil.getLabel(item.__origin, 'project'),
+            cluster: item.cluster,
+            name: item.name,
+            servicemesh: item.serviceMeshName,
+            istioVersion: item.serviceMeshIstioVersion,
+        };
+        this.valueChange.emit(this.value);
+        this.closePopup();
+    }
+    static { this.ɵfac = function NamespaceSelectorComponent_Factory(t) { return new (t || NamespaceSelectorComponent)(i0.ɵɵdirectiveInject(i1.ResourceSelectorPopupService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.K8sUtilService), i0.ɵɵdirectiveInject(i3.AuthorizationStateService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NamespaceSelectorComponent, selectors: [["acl-namespace-selector"]], viewQuery: function NamespaceSelectorComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.popupTemplate = _t.first);
+        } }, inputs: { disableFn: "disableFn", value: "value", fields: "fields", displayServiceMesh: "displayServiceMesh" }, outputs: { clusterChange: "clusterChange", projectChange: "projectChange", valueChange: "valueChange" }, decls: 26, vars: 16, consts: [[1, "acl-resource-selector", 3, "ngClass", "click"], [1, "acl-resource-selector__item", "project"], [1, "icon-wrapper", "tw-flex"], ["icon", "bicolor:project"], [1, "with-colon"], [1, "selected-name", "text-truncate"], ["class", "acl-resource-selector__item namespace", 4, "ngIf"], [1, "acl-resource-selector__item", "namespace"], [1, "icon-wrapper"], ["icon", "bicolor:namespace"], [1, "acl-resource-selector__arrow"], ["icon", "caret_down_s"], ["popup", ""], ["icon", "bicolor:service_mesh"], [4, "ngIf"], [3, "context", "fields", "disableFn", "value", "displayServiceMesh", "selectItem", "clusterChange", "projectChange"]], template: function NamespaceSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function NamespaceSelectorComponent_Template_div_click_0_listener() { return ctx.openPopup(); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "span", 2);
+            i0.ɵɵelement(3, "aui-icon", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "span", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "span", 5);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(9, NamespaceSelectorComponent_div_9_Template, 9, 5, "div", 6);
+            i0.ɵɵelementStart(10, "div", 7)(11, "span", 8);
+            i0.ɵɵelement(12, "aui-icon", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "span", 4);
+            i0.ɵɵtext(14);
+            i0.ɵɵpipe(15, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "span", 5);
+            i0.ɵɵtext(17);
+            i0.ɵɵelementStart(18, "span", 4);
+            i0.ɵɵtext(19);
+            i0.ɵɵpipe(20, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(21);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "div", 10);
+            i0.ɵɵelement(23, "aui-icon", 11);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(24, NamespaceSelectorComponent_ng_template_24_Template, 1, 5, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c1, ctx.isActive));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(6, 8, "project"), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.value.project);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.displayServiceMesh);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 10, "namespace"), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate1("", ctx.value.name, " (");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(20, 12, "cluster"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate1("", ctx.value.cluster, ") ");
+        } }, styles: ["[_nghost-%COMP%]{display:flex}[_nghost-%COMP%]  .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark]   [_nghost-%COMP%]  .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}[_nghost-%COMP%]  .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}[_nghost-%COMP%]  .with-colon:after{content:\":\";margin-right:8px}[_nghost-%COMP%]  .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[_nghost-%COMP%]  .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}[_nghost-%COMP%]  .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}[_nghost-%COMP%]  .acl-resource-selector--active, [_nghost-%COMP%]  .acl-resource-selector:hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, :root   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=light]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=system]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark]   [_nghost-%COMP%]  .acl-resource-selector--active .icon-wrapper, html[aui-theme-mode=dark]   [_nghost-%COMP%]  .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}[_nghost-%COMP%]  .acl-resource-selector--active .selected-name, [_nghost-%COMP%]  .acl-resource-selector:hover .selected-name{color:#fff}[_nghost-%COMP%]  .acl-resource-selector--lite{padding:0 4px}[_nghost-%COMP%]  .acl-resource-selector--lite:hover{background-color:rgb(var(--aui-color-b-6))}[_nghost-%COMP%]  .acl-resource-selector--lite:hover .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-n-2))}[_nghost-%COMP%]  .acl-resource-selector--lite .acl-resource-selector__item{height:20px}[_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover{background-color:rgb(var(--aui-color-b-5))}[_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active .acl-resource-selector__arrow, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover .selected-name, [_nghost-%COMP%]  .acl-resource-selector--lite.acl-resource-selector--active:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-primary))}[_nghost-%COMP%]  .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (max-width: 1280px){[_nghost-%COMP%]  .acl-resource-selector__item{max-width:178px;margin-right:8px}}[_nghost-%COMP%]  .acl-resource-selector__item .icon-wrapper{margin-right:4px}[_nghost-%COMP%]  .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}"], changeDetection: 0 }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NamespaceSelectorComponent, [{
+        type: Component,
+        args: [{ selector: 'acl-namespace-selector', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"acl-resource-selector\"\n  [ngClass]=\"{ 'acl-resource-selector--active': isActive }\"\n  (click)=\"openPopup()\"\n>\n  <div class=\"acl-resource-selector__item project\">\n    <span class=\"icon-wrapper tw-flex\">\n      <aui-icon icon=\"bicolor:project\"></aui-icon>\n    </span>\n    <span class=\"with-colon\">\n      {{ 'project' | translate }}\n    </span>\n    <span class=\"selected-name text-truncate\">{{ value.project }}</span>\n  </div>\n  <div\n    *ngIf=\"displayServiceMesh\"\n    class=\"acl-resource-selector__item namespace\"\n  >\n    <span class=\"icon-wrapper\">\n      <aui-icon icon=\"bicolor:service_mesh\"></aui-icon>\n    </span>\n    <span class=\"with-colon\"> {{ 'service_mesh' | translate }} </span>\n    <span class=\"selected-name text-truncate\"\n      >{{ value.servicemesh }}\n      <ng-container *ngIf=\"value.istioVersion as istioVersion\"\n        >(Istio {{ istioVersion }})</ng-container\n      >\n    </span>\n  </div>\n  <div class=\"acl-resource-selector__item namespace\">\n    <span class=\"icon-wrapper\">\n      <aui-icon icon=\"bicolor:namespace\"></aui-icon>\n    </span>\n    <span class=\"with-colon\">\n      {{ 'namespace' | translate }}\n    </span>\n    <span class=\"selected-name text-truncate\"\n      >{{ value.name }} (<span class=\"with-colon\">\n        {{ 'cluster' | translate }} </span\n      >{{ value.cluster }})\n    </span>\n  </div>\n  <div class=\"acl-resource-selector__arrow\">\n    <aui-icon icon=\"caret_down_s\"></aui-icon>\n  </div>\n</div>\n\n<ng-template #popup>\n  <acl-namespace-list\n    [context]=\"'popup'\"\n    [fields]=\"fields || displayFields\"\n    (selectItem)=\"onSelect($event)\"\n    [disableFn]=\"disableFn\"\n    [value]=\"value\"\n    [displayServiceMesh]=\"displayServiceMesh\"\n    (clusterChange)=\"clusterChange.emit($event)\"\n    (projectChange)=\"projectChange.emit($event)\"\n  ></acl-namespace-list>\n</ng-template>\n", styles: [":host{display:flex}:host::ng-deep .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}:host::ng-deep .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}:host::ng-deep .with-colon:after{content:\":\";margin-right:8px}:host::ng-deep .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host::ng-deep .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}:host::ng-deep .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}:host::ng-deep .acl-resource-selector--active,:host::ng-deep .acl-resource-selector:hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root :host::ng-deep .acl-resource-selector--active .icon-wrapper,:root :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector:hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}:host::ng-deep .acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector:hover .selected-name{color:#fff}:host::ng-deep .acl-resource-selector--lite{padding:0 4px}:host::ng-deep .acl-resource-selector--lite:hover{background-color:rgb(var(--aui-color-b-6))}:host::ng-deep .acl-resource-selector--lite:hover .selected-name,:host::ng-deep .acl-resource-selector--lite:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-n-2))}:host::ng-deep .acl-resource-selector--lite .acl-resource-selector__item{height:20px}:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover{background-color:rgb(var(--aui-color-b-5))}:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active .acl-resource-selector__arrow,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover .selected-name,:host::ng-deep .acl-resource-selector--lite.acl-resource-selector--active:hover .acl-resource-selector__arrow{color:rgb(var(--aui-color-primary))}:host::ng-deep .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (max-width: 1280px){:host::ng-deep .acl-resource-selector__item{max-width:178px;margin-right:8px}}:host::ng-deep .acl-resource-selector__item .icon-wrapper{margin-right:4px}:host::ng-deep .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}\n"] }]
+    }], function () { return [{ type: i1.ResourceSelectorPopupService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.K8sUtilService }, { type: i3.AuthorizationStateService }]; }, { popupTemplate: [{
+            type: ViewChild,
+            args: ['popup', { static: true }]
+        }], disableFn: [{
+            type: Input
+        }], value: [{
+            type: Input
+        }], fields: [{
+            type: Input
+        }], displayServiceMesh: [{
+            type: Input
+        }], clusterChange: [{
+            type: Output
+        }], projectChange: [{
+            type: Output
+        }], valueChange: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL25hbWVzcGFjZS1zZWxlY3Rvci9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvYnVzaW5lc3MvcmVzb3VyY2Utc2VsZWN0L2V4cG9ydHMvbmFtZXNwYWNlLXNlbGVjdG9yL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckUsT0FBTyxFQUNMLGlCQUFpQixHQUlsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7OztJQ0FqQiw2QkFDRztJQUFBLFlBQTBCO0lBQUEsMEJBQzVCOzs7SUFERSxlQUEwQjtJQUExQixzREFBMEI7OztJQVhqQyw4QkFHQyxjQUFBO0lBRUcsK0JBQWlEO0lBQ25ELGlCQUFPO0lBQ1AsK0JBQXlCO0lBQUMsWUFBaUM7O0lBQUEsaUJBQU87SUFDbEUsK0JBQ0c7SUFBQSxZQUNEO0lBQUEsb0dBRUM7SUFDSCxpQkFBTyxFQUFBOzs7SUFObUIsZUFBaUM7SUFBakMscUVBQWlDO0lBRXhELGVBQ0Q7SUFEQyx3REFDRDtJQUFlLGVBQXlCO0lBQXpCLGdEQUF5Qjs7OztJQXdCNUMsOENBU0M7SUFOQyw0TUFBYyxlQUFBLHVCQUFnQixDQUFBLElBQUMscU1BSWQsZUFBQSxpQ0FBMEIsQ0FBQSxJQUpaLHFNQUtkLGVBQUEsaUNBQTBCLENBQUEsSUFMWjtJQU1oQyxpQkFBcUI7OztJQVJwQixpQ0FBbUIsaURBQUEsK0JBQUEsdUJBQUEsaURBQUE7OztBRGpCdkIsTUFBTSxPQUFPLDBCQUEwQjtJQW9DckMsWUFDbUIsWUFBMEMsRUFDMUMsR0FBc0IsRUFDdEIsVUFBc0IsRUFDdEIsT0FBdUIsRUFDdkIsSUFBK0I7UUFKL0IsaUJBQVksR0FBWixZQUFZLENBQThCO1FBQzFDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsWUFBTyxHQUFQLE9BQU8sQ0FBZ0I7UUFDdkIsU0FBSSxHQUFKLElBQUksQ0FBMkI7UUEzQmxELHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQUczQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFHM0Msa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRzNDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFFekQsa0JBQWEsR0FBd0I7WUFDbkMsaUJBQWlCLENBQUMsT0FBTztZQUN6QixpQkFBaUIsQ0FBQyxJQUFJO1NBQ3ZCLENBQUM7UUFFRixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSWpCLFlBQU8sR0FBRyxJQUFJLENBQUM7SUFRWixDQUFDO0lBRUosZUFBZTtRQUNiLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUM5QyxNQUFNLE1BQU0sR0FBRyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QyxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDekIsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztTQUN2QztJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztTQUNuQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDckIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDckMsTUFBTSxFQUFFLElBQUksQ0FBQyxVQUFVO2dCQUN2QixPQUFPLEVBQUUsSUFBSSxDQUFDLGFBQWE7YUFDNUIsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztnQkFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUMxQixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBa0I7UUFDekIsSUFBSSxDQUFDLEtBQUssR0FBRztZQUNYLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQztZQUN4RCxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU87WUFDckIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxlQUFlO1lBQ2pDLFlBQVksRUFBRSxJQUFJLENBQUMsdUJBQXVCO1NBQzNDLENBQUM7UUFDRixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7MkZBbkZVLDBCQUEwQjtvRUFBMUIsMEJBQTBCOzs7Ozs7WUNoQ3ZDLDhCQUlDO1lBREMsb0dBQVMsZUFBVyxJQUFDO1lBRXJCLDhCQUFpRCxjQUFBO1lBRTdDLDhCQUE0QztZQUM5QyxpQkFBTztZQUNQLCtCQUF5QjtZQUN2QixZQUNGOztZQUFBLGlCQUFPO1lBQ1AsK0JBQTBDO1lBQUEsWUFBbUI7WUFBQSxpQkFBTyxFQUFBO1lBRXRFLDJFQWNNO1lBQ04sK0JBQW1ELGVBQUE7WUFFL0MsK0JBQThDO1lBQ2hELGlCQUFPO1lBQ1AsZ0NBQXlCO1lBQ3ZCLGFBQ0Y7O1lBQUEsaUJBQU87WUFDUCxnQ0FDRztZQUFBLGFBQWtCO1lBQUEsZ0NBQXlCO1lBQzFDLGFBQTRCOztZQUFBLGlCQUM3QjtZQUFBLGFBQ0g7WUFBQSxpQkFBTyxFQUFBO1lBRVQsZ0NBQTBDO1lBQ3hDLGdDQUF5QztZQUMzQyxpQkFBTSxFQUFBO1lBR1IsK0hBV2M7O1lBeERaLG1FQUF5RDtZQVFyRCxlQUNGO1lBREUsZ0VBQ0Y7WUFDMEMsZUFBbUI7WUFBbkIsdUNBQW1CO1lBRzVELGVBQXdCO1lBQXhCLDZDQUF3QjtZQW1CdkIsZUFDRjtZQURFLG9FQUNGO1lBRUcsZUFBa0I7WUFBbEIsK0NBQWtCO1lBQ2pCLGVBQTRCO1lBQTVCLGtFQUE0QjtZQUM3QixlQUNIO1lBREcsa0RBQ0g7Ozt1RkRSUywwQkFBMEI7Y0FOdEMsU0FBUzsyQkFDRSx3QkFBd0IsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU07Nk1BSS9DLGFBQWE7a0JBRFosU0FBUzttQkFBQyxPQUFPLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO1lBSXBDLFNBQVM7a0JBRFIsS0FBSztZQUlOLEtBQUs7a0JBREosS0FBSztZQUlOLE1BQU07a0JBREwsS0FBSztZQUlOLGtCQUFrQjtrQkFEakIsS0FBSztZQUlOLGFBQWE7a0JBRFosTUFBTTtZQUlQLGFBQWE7a0JBRFosTUFBTTtZQUlQLFdBQVc7a0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBdXRob3JpemF0aW9uU3RhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vYXV0aG9yaXphdGlvbi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IEs4c1V0aWxTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29yZS9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBSZXNvdXJjZVNlbGVjdG9yUG9wdXBSZWYgfSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvc2VsZWN0b3ItcG9wdXAvcmVmJztcbmltcG9ydCB7IFJlc291cmNlU2VsZWN0b3JQb3B1cFNlcnZpY2UgfSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvc2VsZWN0b3ItcG9wdXAvc2VydmljZSc7XG5pbXBvcnQgeyBnZXRXb3Jrc3BhY2VQYXJhbXMsIHNldFdvcmtzcGFjZVBhcmFtcyB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuaW1wb3J0IHtcbiAgQ29uZmlndXJhYmxlRmllbGQsXG4gIERhdGFJdGVtQmFzZSxcbiAgRGlzYWJsZUZuLFxuICBTZWxlY3RlZE5hbWVzcGFjZVZhbHVlLFxufSBmcm9tICcuLy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLW5hbWVzcGFjZS1zZWxlY3RvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vLi4vY2x1c3Rlci1zZWxlY3Rvci9zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYW1lc3BhY2VTZWxlY3RvckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBAVmlld0NoaWxkKCdwb3B1cCcsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHBvcHVwVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgQElucHV0KClcbiAgZGlzYWJsZUZuOiBEaXNhYmxlRm47XG5cbiAgQElucHV0KClcbiAgdmFsdWU6IFNlbGVjdGVkTmFtZXNwYWNlVmFsdWU7XG5cbiAgQElucHV0KClcbiAgZmllbGRzOiBDb25maWd1cmFibGVGaWVsZFtdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc3BsYXlTZXJ2aWNlTWVzaCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICBjbHVzdGVyQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHByb2plY3RDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBAT3V0cHV0KClcbiAgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNlbGVjdGVkTmFtZXNwYWNlVmFsdWU+KCk7XG5cbiAgZGlzcGxheUZpZWxkczogQ29uZmlndXJhYmxlRmllbGRbXSA9IFtcbiAgICBDb25maWd1cmFibGVGaWVsZC5DbHVzdGVyLFxuICAgIENvbmZpZ3VyYWJsZUZpZWxkLlRpbWUsXG4gIF07XG5cbiAgaXNBY3RpdmUgPSBmYWxzZTtcblxuICBwb3B1cFJlZjogUmVzb3VyY2VTZWxlY3RvclBvcHVwUmVmO1xuXG4gIGxvYWRpbmcgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgcG9wdXBTZXJ2aWNlOiBSZXNvdXJjZVNlbGVjdG9yUG9wdXBTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZWFkb25seSBrOHNVdGlsOiBLOHNVdGlsU2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGF1dGg6IEF1dGhvcml6YXRpb25TdGF0ZVNlcnZpY2UsXG4gICkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3QgZW1haWwgPSB0aGlzLmF1dGgucGF5bG9hZFNuYXBzaG90LmVtYWlsO1xuICAgIGNvbnN0IHBhcmFtcyA9IGdldFdvcmtzcGFjZVBhcmFtcyhlbWFpbCk7XG4gICAgaWYgKHRoaXMudmFsdWUgJiYgIXBhcmFtcykge1xuICAgICAgc2V0V29ya3NwYWNlUGFyYW1zKHRoaXMudmFsdWUsIGVtYWlsKTtcbiAgICB9XG4gIH1cblxuICBvcGVuUG9wdXAoKSB7XG4gICAgaWYgKHRoaXMuaXNBY3RpdmUpIHtcbiAgICAgIHRoaXMuY2xvc2VQb3B1cCgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICAgIHRoaXMucG9wdXBSZWYgPSB0aGlzLnBvcHVwU2VydmljZS5vcGVuKHtcbiAgICAgICAgb3JpZ2luOiB0aGlzLmVsZW1lbnRSZWYsXG4gICAgICAgIGNvbnRlbnQ6IHRoaXMucG9wdXBUZW1wbGF0ZSxcbiAgICAgIH0pO1xuICAgICAgdGhpcy5wb3B1cFJlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBjbG9zZVBvcHVwKCkge1xuICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICB0aGlzLnBvcHVwUmVmLmNsb3NlKCk7XG4gIH1cblxuICBvblNlbGVjdChpdGVtOiBEYXRhSXRlbUJhc2UpIHtcbiAgICB0aGlzLnZhbHVlID0ge1xuICAgICAgcHJvamVjdDogdGhpcy5rOHNVdGlsLmdldExhYmVsKGl0ZW0uX19vcmlnaW4sICdwcm9qZWN0JyksXG4gICAgICBjbHVzdGVyOiBpdGVtLmNsdXN0ZXIsXG4gICAgICBuYW1lOiBpdGVtLm5hbWUsXG4gICAgICBzZXJ2aWNlbWVzaDogaXRlbS5zZXJ2aWNlTWVzaE5hbWUsXG4gICAgICBpc3Rpb1ZlcnNpb246IGl0ZW0uc2VydmljZU1lc2hJc3Rpb1ZlcnNpb24sXG4gICAgfTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jbG9zZVBvcHVwKCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhY2wtcmVzb3VyY2Utc2VsZWN0b3JcIlxuICBbbmdDbGFzc109XCJ7ICdhY2wtcmVzb3VyY2Utc2VsZWN0b3ItLWFjdGl2ZSc6IGlzQWN0aXZlIH1cIlxuICAoY2xpY2spPVwib3BlblBvcHVwKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwiYWNsLXJlc291cmNlLXNlbGVjdG9yX19pdGVtIHByb2plY3RcIj5cbiAgICA8c3BhbiBjbGFzcz1cImljb24td3JhcHBlciB0dy1mbGV4XCI+XG4gICAgICA8YXVpLWljb24gaWNvbj1cImJpY29sb3I6cHJvamVjdFwiPjwvYXVpLWljb24+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwid2l0aC1jb2xvblwiPlxuICAgICAge3sgJ3Byb2plY3QnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwic2VsZWN0ZWQtbmFtZSB0ZXh0LXRydW5jYXRlXCI+e3sgdmFsdWUucHJvamVjdCB9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICAqbmdJZj1cImRpc3BsYXlTZXJ2aWNlTWVzaFwiXG4gICAgY2xhc3M9XCJhY2wtcmVzb3VyY2Utc2VsZWN0b3JfX2l0ZW0gbmFtZXNwYWNlXCJcbiAgPlxuICAgIDxzcGFuIGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gICAgICA8YXVpLWljb24gaWNvbj1cImJpY29sb3I6c2VydmljZV9tZXNoXCI+PC9hdWktaWNvbj5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJ3aXRoLWNvbG9uXCI+IHt7ICdzZXJ2aWNlX21lc2gnIHwgdHJhbnNsYXRlIH19IDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cInNlbGVjdGVkLW5hbWUgdGV4dC10cnVuY2F0ZVwiXG4gICAgICA+e3sgdmFsdWUuc2VydmljZW1lc2ggfX1cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2YWx1ZS5pc3Rpb1ZlcnNpb24gYXMgaXN0aW9WZXJzaW9uXCJcbiAgICAgICAgPihJc3RpbyB7eyBpc3Rpb1ZlcnNpb24gfX0pPC9uZy1jb250YWluZXJcbiAgICAgID5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYWNsLXJlc291cmNlLXNlbGVjdG9yX19pdGVtIG5hbWVzcGFjZVwiPlxuICAgIDxzcGFuIGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gICAgICA8YXVpLWljb24gaWNvbj1cImJpY29sb3I6bmFtZXNwYWNlXCI+PC9hdWktaWNvbj5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJ3aXRoLWNvbG9uXCI+XG4gICAgICB7eyAnbmFtZXNwYWNlJyB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cInNlbGVjdGVkLW5hbWUgdGV4dC10cnVuY2F0ZVwiXG4gICAgICA+e3sgdmFsdWUubmFtZSB9fSAoPHNwYW4gY2xhc3M9XCJ3aXRoLWNvbG9uXCI+XG4gICAgICAgIHt7ICdjbHVzdGVyJyB8IHRyYW5zbGF0ZSB9fSA8L3NwYW5cbiAgICAgID57eyB2YWx1ZS5jbHVzdGVyIH19KVxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJhY2wtcmVzb3VyY2Utc2VsZWN0b3JfX2Fycm93XCI+XG4gICAgPGF1aS1pY29uIGljb249XCJjYXJldF9kb3duX3NcIj48L2F1aS1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI3BvcHVwPlxuICA8YWNsLW5hbWVzcGFjZS1saXN0XG4gICAgW2NvbnRleHRdPVwiJ3BvcHVwJ1wiXG4gICAgW2ZpZWxkc109XCJmaWVsZHMgfHwgZGlzcGxheUZpZWxkc1wiXG4gICAgKHNlbGVjdEl0ZW0pPVwib25TZWxlY3QoJGV2ZW50KVwiXG4gICAgW2Rpc2FibGVGbl09XCJkaXNhYmxlRm5cIlxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgW2Rpc3BsYXlTZXJ2aWNlTWVzaF09XCJkaXNwbGF5U2VydmljZU1lc2hcIlxuICAgIChjbHVzdGVyQ2hhbmdlKT1cImNsdXN0ZXJDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgICAocHJvamVjdENoYW5nZSk9XCJwcm9qZWN0Q2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gID48L2FjbC1uYW1lc3BhY2UtbGlzdD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=