@alauda-fe/common 1.0.0-hotfix-znx-3.16.1-1

package/esm2022/business/resource-select/base-list.mjs

@@ -0,0 +1,84 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectorRef, Directive, EventEmitter, inject, Input, Output, } from '@angular/core';
+import { Observable, Subject, takeUntil } from 'rxjs';
+import { AuthorizationStateService } from '../../authorization/state.service';
+import { K8sUtilService } from '../../core/services/public-api';
+import { ObservableInput } from '../../core/utils/public-api';
+import { ResourceSelectContextService } from './context.service';
+import { setWorkspaceParams } from './utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../../core/services/public-api";
+import * as i2 from "./context.service";
+export class ResourceListBase {
+    constructor(cdr, k8sUtil, contextService) {
+        this.cdr = cdr;
+        this.k8sUtil = k8sUtil;
+        this.contextService = contextService;
+        this.context = 'page';
+        this.fields = [];
+        this.selectItem = new EventEmitter();
+        this.load = new EventEmitter();
+        this.reload$$ = new Subject();
+        this.destroy$$ = new Subject();
+        this.loading = true;
+        this.forceLoading = false;
+        this.auth = inject(AuthorizationStateService);
+        this.contextService.reload$$
+            .asObservable()
+            .pipe(takeUntil(this.destroy$$))
+            .subscribe(() => {
+            this.reload();
+            this.cdr.markForCheck();
+        });
+    }
+    reload() {
+        this.forceLoading = true;
+        this.reload$$.next();
+    }
+    onSelect(selected) {
+        let obj;
+        switch (selected.__origin.kind) {
+            case 'Project': {
+                obj = { project: selected.name };
+                break;
+            }
+            case 'Namespace': {
+                obj = {
+                    project: this.k8sUtil.getLabel(selected.__origin, 'project'),
+                    cluster: selected.cluster,
+                    namespace: selected.name,
+                    servicemesh: selected.serviceMeshName || '',
+                };
+            }
+        }
+        this.auth.getAccountInfo().subscribe(({ email }) => {
+            setWorkspaceParams(obj, email);
+        });
+        this.selectItem.emit(selected);
+    }
+    ngOnDestroy() {
+        this.destroy$$.next();
+    }
+    static { this.ɵfac = function ResourceListBase_Factory(t) { return new (t || ResourceListBase)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.K8sUtilService), i0.ɵɵdirectiveInject(i2.ResourceSelectContextService)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ResourceListBase, inputs: { context: "context", popupLite: "popupLite", fields: "fields" }, outputs: { selectItem: "selectItem", load: "load" } }); }
+}
+__decorate([
+    ObservableInput(),
+    __metadata("design:type", Observable)
+], ResourceListBase.prototype, "fields$", void 0);
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceListBase, [{
+        type: Directive
+    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.K8sUtilService }, { type: i2.ResourceSelectContextService }]; }, { context: [{
+            type: Input
+        }], popupLite: [{
+            type: Input
+        }], fields: [{
+            type: Input
+        }], fields$: [], selectItem: [{
+            type: Output
+        }], 
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    load: [{
+            type: Output
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9iYXNlLWxpc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFdEQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUc5RCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxTQUFTLENBQUM7Ozs7QUFLN0MsTUFBTSxPQUFnQixnQkFBZ0I7SUErQnBDLFlBQ3FCLEdBQXNCLEVBQ3RCLE9BQXVCLEVBQ3ZCLGNBQTRDO1FBRjVDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQ3RCLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBQ3ZCLG1CQUFjLEdBQWQsY0FBYyxDQUE4QjtRQWhDakUsWUFBTyxHQUFpQixNQUFNLENBQUM7UUFPL0IsV0FBTSxHQUF3QixFQUFFLENBQUM7UUFNakMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFnQixDQUFDO1FBSTlDLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztRQUUvQyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUUvQixjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUVoQyxZQUFPLEdBQUcsSUFBSSxDQUFDO1FBRWYsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsU0FBSSxHQUFHLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBT3ZDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUTthQUN6QixZQUFZLEVBQUU7YUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMvQixTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsUUFBUSxDQUFDLFFBQXNCO1FBQzdCLElBQUksR0FBb0IsQ0FBQztRQUN6QixRQUFRLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFO1lBQzlCLEtBQUssU0FBUyxDQUFDLENBQUM7Z0JBQ2QsR0FBRyxHQUFHLEVBQUUsT0FBTyxFQUFFLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDakMsTUFBTTthQUNQO1lBQ0QsS0FBSyxXQUFXLENBQUMsQ0FBQztnQkFDaEIsR0FBRyxHQUFHO29CQUNKLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQztvQkFDNUQsT0FBTyxFQUFFLFFBQVEsQ0FBQyxPQUFPO29CQUN6QixTQUFTLEVBQUUsUUFBUSxDQUFDLElBQUk7b0JBQ3hCLFdBQVcsRUFBRSxRQUFRLENBQUMsZUFBZSxJQUFJLEVBQUU7aUJBQzVDLENBQUM7YUFDSDtTQUNGO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7WUFDakQsa0JBQWtCLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQU9ELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7aUZBL0VtQixnQkFBZ0I7b0VBQWhCLGdCQUFnQjs7QUFZcEM7SUFEQyxlQUFlLEVBQUU7OEJBQ1QsVUFBVTtpREFBc0I7dUZBWnJCLGdCQUFnQjtjQURyQyxTQUFTOzRJQUdSLE9BQU87a0JBRE4sS0FBSztZQUtOLFNBQVM7a0JBRFIsS0FBSztZQUlOLE1BQU07a0JBREwsS0FBSztZQUlOLE9BQU8sTUFHUCxVQUFVO2tCQURULE1BQU07O0lBSVAsNERBQTREO0lBQzVELElBQUk7a0JBRkgsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBEaXJlY3RpdmUsXG4gIEV2ZW50RW1pdHRlcixcbiAgaW5qZWN0LFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgU3ViamVjdCwgdGFrZVVudGlsIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IEF1dGhvcml6YXRpb25TdGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9hdXRob3JpemF0aW9uL3N0YXRlLnNlcnZpY2UnO1xuaW1wb3J0IHsgSzhzVXRpbFNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL3NlcnZpY2VzL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZUlucHV0IH0gZnJvbSAnLi4vLi4vY29yZS91dGlscy9wdWJsaWMtYXBpJztcblxuaW1wb3J0IHsgS3ViZXJuZXRlc1Jlc291cmNlLCBXb3Jrc3BhY2VQYXJhbXMgfSBmcm9tICcuLy4uLy4uL2NvcmUvcHVibGljLWFwaSc7XG5pbXBvcnQgeyBSZXNvdXJjZVNlbGVjdENvbnRleHRTZXJ2aWNlIH0gZnJvbSAnLi9jb250ZXh0LnNlcnZpY2UnO1xuaW1wb3J0IHsgQ29uZmlndXJhYmxlRmllbGQsIERhdGFJdGVtQmFzZSwgUmVzb3VyY2VEYXRhTnVtYmVycyB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgc2V0V29ya3NwYWNlUGFyYW1zIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFVzYWdlQ29udGV4dCA9ICdwYWdlJyB8ICdwb3B1cCc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFJlc291cmNlTGlzdEJhc2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBASW5wdXQoKVxuICBjb250ZXh0OiBVc2FnZUNvbnRleHQgPSAncGFnZSc7XG5cbiAgLy8gcG9wdXAg5b2i5oCB55qE57K+566A5qih5byPXG4gIEBJbnB1dCgpXG4gIHBvcHVwTGl0ZTogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBmaWVsZHM6IENvbmZpZ3VyYWJsZUZpZWxkW10gPSBbXTtcblxuICBAT2JzZXJ2YWJsZUlucHV0KClcbiAgZmllbGRzJDogT2JzZXJ2YWJsZTxDb25maWd1cmFibGVGaWVsZFtdPjtcblxuICBAT3V0cHV0KClcbiAgc2VsZWN0SXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8RGF0YUl0ZW1CYXNlPigpO1xuXG4gIEBPdXRwdXQoKVxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLW91dHB1dC1uYXRpdmVcbiAgbG9hZCA9IG5ldyBFdmVudEVtaXR0ZXI8UmVzb3VyY2VEYXRhTnVtYmVycz4oKTtcblxuICByZWxvYWQkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgZGVzdHJveSQkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBsb2FkaW5nID0gdHJ1ZTtcblxuICBmb3JjZUxvYWRpbmcgPSBmYWxzZTtcblxuICBhdXRoID0gaW5qZWN0KEF1dGhvcml6YXRpb25TdGF0ZVNlcnZpY2UpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCByZWFkb25seSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByb3RlY3RlZCByZWFkb25seSBrOHNVdGlsOiBLOHNVdGlsU2VydmljZSxcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29udGV4dFNlcnZpY2U6IFJlc291cmNlU2VsZWN0Q29udGV4dFNlcnZpY2UsXG4gICkge1xuICAgIHRoaXMuY29udGV4dFNlcnZpY2UucmVsb2FkJCRcbiAgICAgIC5hc09ic2VydmFibGUoKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSlcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICB0aGlzLnJlbG9hZCgpO1xuICAgICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcmVsb2FkKCkge1xuICAgIHRoaXMuZm9yY2VMb2FkaW5nID0gdHJ1ZTtcbiAgICB0aGlzLnJlbG9hZCQkLm5leHQoKTtcbiAgfVxuXG4gIG9uU2VsZWN0KHNlbGVjdGVkOiBEYXRhSXRlbUJhc2UpIHtcbiAgICBsZXQgb2JqOiBXb3Jrc3BhY2VQYXJhbXM7XG4gICAgc3dpdGNoIChzZWxlY3RlZC5fX29yaWdpbi5raW5kKSB7XG4gICAgICBjYXNlICdQcm9qZWN0Jzoge1xuICAgICAgICBvYmogPSB7IHByb2plY3Q6IHNlbGVjdGVkLm5hbWUgfTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdOYW1lc3BhY2UnOiB7XG4gICAgICAgIG9iaiA9IHtcbiAgICAgICAgICBwcm9qZWN0OiB0aGlzLms4c1V0aWwuZ2V0TGFiZWwoc2VsZWN0ZWQuX19vcmlnaW4sICdwcm9qZWN0JyksXG4gICAgICAgICAgY2x1c3Rlcjogc2VsZWN0ZWQuY2x1c3RlcixcbiAgICAgICAgICBuYW1lc3BhY2U6IHNlbGVjdGVkLm5hbWUsXG4gICAgICAgICAgc2VydmljZW1lc2g6IHNlbGVjdGVkLnNlcnZpY2VNZXNoTmFtZSB8fCAnJyxcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5hdXRoLmdldEFjY291bnRJbmZvKCkuc3Vic2NyaWJlKCh7IGVtYWlsIH0pID0+IHtcbiAgICAgIHNldFdvcmtzcGFjZVBhcmFtcyhvYmosIGVtYWlsKTtcbiAgICB9KTtcbiAgICB0aGlzLnNlbGVjdEl0ZW0uZW1pdChzZWxlY3RlZCk7XG4gIH1cblxuICBhYnN0cmFjdCBtYXBSZXNvdXJjZShcbiAgICByZXM6IEt1YmVybmV0ZXNSZXNvdXJjZVtdLFxuICAgIHBhcmFtcz86IHVua25vd24sXG4gICk6IERhdGFJdGVtQmFzZVtdO1xuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuZGVzdHJveSQkLm5leHQoKTtcbiAgfVxufVxuIl19

package/esm2022/business/resource-select/context.service.mjs

@@ -0,0 +1,69 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import { K8sUtilService } from '../../core/services/public-api';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common/http";
+import * as i2 from "../../core/services/public-api";
+export class ResourceSelectContextService {
+    set cachedServiceMeshes(value) {
+        this._cachedServiceMeshes = value;
+    }
+    get cachedServiceMeshes() {
+        return this._cachedServiceMeshes;
+    }
+    set cachedClusters(value) {
+        this._cachedClusters = value;
+    }
+    get cachedClusters() {
+        return this._cachedClusters;
+    }
+    get cachedProjects() {
+        return this._cachedProjects;
+    }
+    set cachedProjects(value) {
+        this._cachedProjects = value;
+    }
+    set cachedProjectResources(projects) {
+        this._cachedProjectResources = projects;
+    }
+    get cachedProjectResources() {
+        return this._cachedProjectResources;
+    }
+    set cachedServiceMeshGroupResources(meshes) {
+        this._cachedServiceMeshGroupResources = meshes;
+    }
+    get cachedServiceMeshGroupResources() {
+        return this._cachedServiceMeshGroupResources;
+    }
+    constructor(http, k8sUtil) {
+        this.http = http;
+        this.k8sUtil = k8sUtil;
+        this.userEmail = this.k8sUtil.normalizeType('user.email', 'auth');
+        this.reload$$ = new Subject();
+        this._cachedServiceMeshes = [];
+        this._cachedClusters = [];
+        this._cachedProjects = [];
+        this._cachedProjectResources = [];
+        this._cachedServiceMeshGroupResources = [];
+        this.cachedNamespaces = {};
+    }
+    storeNamespaces(project, cluster, namespaces) {
+        this.cachedNamespaces[`${project}_${cluster}`] = namespaces;
+    }
+    getCachedNamespaces(project, cluster) {
+        return this.cachedNamespaces[`${project}_${cluster}`];
+    }
+    getUser(email) {
+        return this.http.get(`{{API_GATEWAY}}/apis/auth.alauda.io/v1/users/${email}`);
+    }
+    static { this.ɵfac = function ResourceSelectContextService_Factory(t) { return new (t || ResourceSelectContextService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i2.K8sUtilService)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ResourceSelectContextService, factory: ResourceSelectContextService.ɵfac, providedIn: 'root' }); }
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceSelectContextService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], function () { return [{ type: i1.HttpClient }, { type: i2.K8sUtilService }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9jb250ZXh0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUvQixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7QUErQmhFLE1BQU0sT0FBTyw0QkFBNEI7SUFXdkMsSUFBSSxtQkFBbUIsQ0FBQyxLQUFxQjtRQUMzQyxJQUFJLENBQUMsb0JBQW9CLEdBQUcsS0FBSyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBSSxjQUFjLENBQUMsS0FBd0I7UUFDekMsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksY0FBYyxDQUFDLEtBQXdCO1FBQ3pDLElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJLHNCQUFzQixDQUFDLFFBQW1CO1FBQzVDLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxRQUFRLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUksc0JBQXNCO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLHVCQUF1QixDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFJLCtCQUErQixDQUFDLE1BQTBCO1FBQzVELElBQUksQ0FBQyxnQ0FBZ0MsR0FBRyxNQUFNLENBQUM7SUFDakQsQ0FBQztJQUVELElBQUksK0JBQStCO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLGdDQUFnQyxDQUFDO0lBQy9DLENBQUM7SUFJRCxZQUNtQixJQUFnQixFQUNoQixPQUF1QjtRQUR2QixTQUFJLEdBQUosSUFBSSxDQUFZO1FBQ2hCLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBdEQxQyxjQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBRTdELGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRXZCLHlCQUFvQixHQUFtQixFQUFFLENBQUM7UUFDMUMsb0JBQWUsR0FBc0IsRUFBRSxDQUFDO1FBQ3hDLG9CQUFlLEdBQXNCLEVBQUUsQ0FBQztRQUN4Qyw0QkFBdUIsR0FBYyxFQUFFLENBQUM7UUFDeEMscUNBQWdDLEdBQXVCLEVBQUUsQ0FBQztRQTBDMUQscUJBQWdCLEdBQXdDLEVBQUUsQ0FBQztJQUtoRSxDQUFDO0lBRUosZUFBZSxDQUNiLE9BQWUsRUFDZixPQUFlLEVBQ2YsVUFBK0I7UUFFL0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsT0FBTyxJQUFJLE9BQU8sRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO0lBQzlELENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxPQUFlLEVBQUUsT0FBZTtRQUNsRCxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLE9BQU8sSUFBSSxPQUFPLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRCxPQUFPLENBQUMsS0FBYTtRQUNuQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUNsQixnREFBZ0QsS0FBSyxFQUFFLENBQ3hELENBQUM7SUFDSixDQUFDOzZGQTFFVSw0QkFBNEI7dUVBQTVCLDRCQUE0QixXQUE1Qiw0QkFBNEIsbUJBRjNCLE1BQU07O3VGQUVQLDRCQUE0QjtjQUh4QyxVQUFVO2VBQUM7Z0JBQ1YsVUFBVSxFQUFFLE1BQU07YUFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIdHRwQ2xpZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBLOHNVdGlsU2VydmljZSB9IGZyb20gJy4uLy4uL2NvcmUvc2VydmljZXMvcHVibGljLWFwaSc7XG5cbmltcG9ydCB7XG4gIEt1YmVybmV0ZXNSZXNvdXJjZSxcbiAgUHJvamVjdCxcbiAgU2VydmljZU1lc2hHcm91cCxcbn0gZnJvbSAnLi8uLi8uLi9jb3JlL3B1YmxpYy1hcGknO1xuaW1wb3J0IHtcbiAgQ2x1c3RlckRhdGFJdGVtLFxuICBEYXRhSXRlbUJhc2UsXG4gIE5hbWVzcGFjZURhdGFJdGVtLFxuICBQcm9qZWN0RGF0YUl0ZW0sXG59IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFVzZXIgZXh0ZW5kcyBLdWJlcm5ldGVzUmVzb3VyY2Uge1xuICBzcGVjOiB7XG4gICAgYWNjb3VudDogc3RyaW5nO1xuICAgIGNvbm5lY3Rvcl9uYW1lOiBzdHJpbmc7XG4gICAgY29ubmVjdG9yX3R5cGU6IHN0cmluZztcbiAgICBlbWFpbDogc3RyaW5nO1xuICAgIGdyb3Vwczogc3RyaW5nW107XG4gICAgaXNfYWRtaW46IGJvb2xlYW47XG4gICAgbGFzdF9sb2dpbl90aW1lOiBzdHJpbmc7XG4gICAgdXNlcm5hbWU6IHN0cmluZztcbiAgICB2YWxpZDogYm9vbGVhbjtcbiAgfTtcbn1cblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlU2VsZWN0Q29udGV4dFNlcnZpY2Uge1xuICB1c2VyRW1haWwgPSB0aGlzLms4c1V0aWwubm9ybWFsaXplVHlwZSgndXNlci5lbWFpbCcsICdhdXRoJyk7XG5cbiAgcmVsb2FkJCQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHByaXZhdGUgX2NhY2hlZFNlcnZpY2VNZXNoZXM6IERhdGFJdGVtQmFzZVtdID0gW107XG4gIHByaXZhdGUgX2NhY2hlZENsdXN0ZXJzOiBDbHVzdGVyRGF0YUl0ZW1bXSA9IFtdO1xuICBwcml2YXRlIF9jYWNoZWRQcm9qZWN0czogUHJvamVjdERhdGFJdGVtW10gPSBbXTtcbiAgcHJpdmF0ZSBfY2FjaGVkUHJvamVjdFJlc291cmNlczogUHJvamVjdFtdID0gW107XG4gIHByaXZhdGUgX2NhY2hlZFNlcnZpY2VNZXNoR3JvdXBSZXNvdXJjZXM6IFNlcnZpY2VNZXNoR3JvdXBbXSA9IFtdO1xuXG4gIHNldCBjYWNoZWRTZXJ2aWNlTWVzaGVzKHZhbHVlOiBEYXRhSXRlbUJhc2VbXSkge1xuICAgIHRoaXMuX2NhY2hlZFNlcnZpY2VNZXNoZXMgPSB2YWx1ZTtcbiAgfVxuXG4gIGdldCBjYWNoZWRTZXJ2aWNlTWVzaGVzKCkge1xuICAgIHJldHVybiB0aGlzLl9jYWNoZWRTZXJ2aWNlTWVzaGVzO1xuICB9XG5cbiAgc2V0IGNhY2hlZENsdXN0ZXJzKHZhbHVlOiBDbHVzdGVyRGF0YUl0ZW1bXSkge1xuICAgIHRoaXMuX2NhY2hlZENsdXN0ZXJzID0gdmFsdWU7XG4gIH1cblxuICBnZXQgY2FjaGVkQ2x1c3RlcnMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NhY2hlZENsdXN0ZXJzO1xuICB9XG5cbiAgZ2V0IGNhY2hlZFByb2plY3RzKCkge1xuICAgIHJldHVybiB0aGlzLl9jYWNoZWRQcm9qZWN0cztcbiAgfVxuXG4gIHNldCBjYWNoZWRQcm9qZWN0cyh2YWx1ZTogUHJvamVjdERhdGFJdGVtW10pIHtcbiAgICB0aGlzLl9jYWNoZWRQcm9qZWN0cyA9IHZhbHVlO1xuICB9XG5cbiAgc2V0IGNhY2hlZFByb2plY3RSZXNvdXJjZXMocHJvamVjdHM6IFByb2plY3RbXSkge1xuICAgIHRoaXMuX2NhY2hlZFByb2plY3RSZXNvdXJjZXMgPSBwcm9qZWN0cztcbiAgfVxuXG4gIGdldCBjYWNoZWRQcm9qZWN0UmVzb3VyY2VzKCkge1xuICAgIHJldHVybiB0aGlzLl9jYWNoZWRQcm9qZWN0UmVzb3VyY2VzO1xuICB9XG5cbiAgc2V0IGNhY2hlZFNlcnZpY2VNZXNoR3JvdXBSZXNvdXJjZXMobWVzaGVzOiBTZXJ2aWNlTWVzaEdyb3VwW10pIHtcbiAgICB0aGlzLl9jYWNoZWRTZXJ2aWNlTWVzaEdyb3VwUmVzb3VyY2VzID0gbWVzaGVzO1xuICB9XG5cbiAgZ2V0IGNhY2hlZFNlcnZpY2VNZXNoR3JvdXBSZXNvdXJjZXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NhY2hlZFNlcnZpY2VNZXNoR3JvdXBSZXNvdXJjZXM7XG4gIH1cblxuICBwcml2YXRlIGNhY2hlZE5hbWVzcGFjZXM6IFJlY29yZDxzdHJpbmcsIE5hbWVzcGFjZURhdGFJdGVtW10+ID0ge307XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByZWFkb25seSBodHRwOiBIdHRwQ2xpZW50LFxuICAgIHByaXZhdGUgcmVhZG9ubHkgazhzVXRpbDogSzhzVXRpbFNlcnZpY2UsXG4gICkge31cblxuICBzdG9yZU5hbWVzcGFjZXMoXG4gICAgcHJvamVjdDogc3RyaW5nLFxuICAgIGNsdXN0ZXI6IHN0cmluZyxcbiAgICBuYW1lc3BhY2VzOiBOYW1lc3BhY2VEYXRhSXRlbVtdLFxuICApIHtcbiAgICB0aGlzLmNhY2hlZE5hbWVzcGFjZXNbYCR7cHJvamVjdH1fJHtjbHVzdGVyfWBdID0gbmFtZXNwYWNlcztcbiAgfVxuXG4gIGdldENhY2hlZE5hbWVzcGFjZXMocHJvamVjdDogc3RyaW5nLCBjbHVzdGVyOiBzdHJpbmcpIHtcbiAgICByZXR1cm4gdGhpcy5jYWNoZWROYW1lc3BhY2VzW2Ake3Byb2plY3R9XyR7Y2x1c3Rlcn1gXTtcbiAgfVxuXG4gIGdldFVzZXIoZW1haWw6IHN0cmluZykge1xuICAgIHJldHVybiB0aGlzLmh0dHAuZ2V0PFVzZXI+KFxuICAgICAgYHt7QVBJX0dBVEVXQVl9fS9hcGlzL2F1dGguYWxhdWRhLmlvL3YxL3VzZXJzLyR7ZW1haWx9YCxcbiAgICApO1xuICB9XG59XG4iXX0=

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/public-api';
+import { ResourceSelectContextService } from './../../context.service';
+import { ConfigurableField, } from './../../types';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../core/services/public-api";
+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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL25hbWVzcGFjZS1wYWdlL2NvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9idXNpbmVzcy9yZXNvdXJjZS1zZWxlY3QvZXhwb3J0cy9uYW1lc3BhY2UtcGFnZS90ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFdEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdkUsT0FBTyxFQUNMLGlCQUFpQixHQUtsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZCLE1BQU0sT0FBTyxzQkFBc0I7SUFvQ2pDLFlBQ21CLE9BQXVCLEVBQ3ZCLGNBQTRDO1FBRDVDLFlBQU8sR0FBUCxPQUFPLENBQWdCO1FBQ3ZCLG1CQUFjLEdBQWQsY0FBYyxDQUE4QjtRQXhCL0QsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBRzNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFHekQsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRzNDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUzQyxZQUFPLEdBQXdCO1lBQzdCLE9BQU8sRUFBRSxDQUFDO1lBQ1YsT0FBTyxFQUFFLENBQUM7WUFDVixTQUFTLEVBQUUsQ0FBQztTQUNiLENBQUM7UUFFRixrQkFBYSxHQUF3QjtZQUNuQyxpQkFBaUIsQ0FBQyxPQUFPO1lBQ3pCLGlCQUFpQixDQUFDLElBQUk7U0FDdkIsQ0FBQztJQUtDLENBQUM7SUFFSixRQUFRLENBQUMsT0FBNEI7UUFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRztZQUNiLEdBQUcsSUFBSSxDQUFDLE9BQU87WUFDZixHQUFHLE9BQU87U0FDWCxDQUFDO0lBQ0osQ0FBQztJQUVELFFBQVEsQ0FBQyxJQUFrQjtRQUN6QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUM7WUFDeEQsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RDLENBQUM7dUZBMURVLHNCQUFzQjtvRUFBdEIsc0JBQXNCOztZQzFCbkMsNENBQXFFO1lBRXJFLDZDQVVDO1lBVEMsbUhBQVEsb0JBQWdCLElBQUMsa0hBRVgsb0JBQWdCLElBRkwsd0hBTVIsOEJBQTBCLElBTmxCLHdIQU9SLDhCQUEwQixJQVBsQjtZQVV6QixrQkFBMEQ7WUFDNUQsaUJBQXFCOztZQWRHLHFDQUFtQjtZQUl6QyxlQUFrQztZQUFsQyx3REFBa0MsNENBQUEsb0JBQUEsNEJBQUEsOENBQUE7Ozt1RkRzQnZCLHNCQUFzQjtjQU5sQyxTQUFTOzJCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNOzRHQUkvQyxNQUFNO2tCQURMLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJTixLQUFLO2tCQURKLEtBQUs7WUFJTixpQkFBaUI7a0JBRGhCLEtBQUs7WUFJTixrQkFBa0I7a0JBRGpCLEtBQUs7WUFJTixXQUFXO2tCQURWLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU07WUFJUCxhQUFhO2tCQURaLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSzhzVXRpbFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9jb3JlL3NlcnZpY2VzL3B1YmxpYy1hcGknO1xuXG5pbXBvcnQgeyBSZXNvdXJjZVNlbGVjdENvbnRleHRTZXJ2aWNlIH0gZnJvbSAnLi8uLi8uLi9jb250ZXh0LnNlcnZpY2UnO1xuaW1wb3J0IHtcbiAgQ29uZmlndXJhYmxlRmllbGQsXG4gIERhdGFJdGVtQmFzZSxcbiAgRGlzYWJsZUZuLFxuICBSZXNvdXJjZURhdGFOdW1iZXJzLFxuICBTZWxlY3RlZE5hbWVzcGFjZVZhbHVlLFxufSBmcm9tICcuLy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLW5hbWVzcGFjZS1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYW1lc3BhY2VQYWdlQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgZmllbGRzOiBDb25maWd1cmFibGVGaWVsZFtdO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVGbjogRGlzYWJsZUZuO1xuXG4gIEBJbnB1dCgpXG4gIHZhbHVlOiBTZWxlY3RlZE5hbWVzcGFjZVZhbHVlO1xuXG4gIEBJbnB1dCgpXG4gIGFjdGlvblRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBJbnB1dCgpXG4gIGRpc3BsYXlTZXJ2aWNlTWVzaCA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKVxuICB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2VsZWN0ZWROYW1lc3BhY2VWYWx1ZT4oKTtcblxuICBAT3V0cHV0KClcbiAgY2x1c3RlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBPdXRwdXQoKVxuICBwcm9qZWN0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgbnVtYmVyczogUmVzb3VyY2VEYXRhTnVtYmVycyA9IHtcbiAgICBwcm9qZWN0OiAwLFxuICAgIGNsdXN0ZXI6IDAsXG4gICAgbmFtZXNwYWNlOiAwLFxuICB9O1xuXG4gIGRpc3BsYXlGaWVsZHM6IENvbmZpZ3VyYWJsZUZpZWxkW10gPSBbXG4gICAgQ29uZmlndXJhYmxlRmllbGQuQ2x1c3RlcixcbiAgICBDb25maWd1cmFibGVGaWVsZC5UaW1lLFxuICBdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgazhzVXRpbDogSzhzVXRpbFNlcnZpY2UsXG4gICAgcHJpdmF0ZSByZWFkb25seSBjb250ZXh0U2VydmljZTogUmVzb3VyY2VTZWxlY3RDb250ZXh0U2VydmljZSxcbiAgKSB7fVxuXG4gIGRhdGFMb2FkKG51bWJlcnM6IFJlc291cmNlRGF0YU51bWJlcnMpIHtcbiAgICB0aGlzLm51bWJlcnMgPSB7XG4gICAgICAuLi50aGlzLm51bWJlcnMsXG4gICAgICAuLi5udW1iZXJzLFxuICAgIH07XG4gIH1cblxuICBvblNlbGVjdChpdGVtOiBEYXRhSXRlbUJhc2UpIHtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoe1xuICAgICAgcHJvamVjdDogdGhpcy5rOHNVdGlsLmdldExhYmVsKGl0ZW0uX19vcmlnaW4sICdwcm9qZWN0JyksXG4gICAgICBjbHVzdGVyOiBpdGVtLmNsdXN0ZXIsXG4gICAgICBuYW1lOiBpdGVtLm5hbWUsXG4gICAgfSk7XG4gIH1cblxuICByZWxvYWQoKSB7XG4gICAgdGhpcy5jb250ZXh0U2VydmljZS5yZWxvYWQkJC5uZXh0KCk7XG4gIH1cbn1cbiIsIjxhY2wtcmVzb3VyY2UtZGFzaGJvYXJkIFtudW1iZXJzXT1cIm51bWJlcnNcIj48L2FjbC1yZXNvdXJjZS1kYXNoYm9hcmQ+XG5cbjxhY2wtbmFtZXNwYWNlLWxpc3RcbiAgKGxvYWQpPVwiZGF0YUxvYWQoJGV2ZW50KVwiXG4gIFtmaWVsZHNdPVwiZmllbGRzIHx8IGRpc3BsYXlGaWVsZHNcIlxuICAoc2VsZWN0SXRlbSk9XCJvblNlbGVjdCgkZXZlbnQpXCJcbiAgW2FjdGlvblRlbXBsYXRlUmVmXT1cImFjdGlvblRlbXBsYXRlUmVmXCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW2Rpc2FibGVGbl09XCJkaXNhYmxlRm5cIlxuICAoY2x1c3RlckNoYW5nZSk9XCJjbHVzdGVyQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gIChwcm9qZWN0Q2hhbmdlKT1cInByb2plY3RDaGFuZ2UuZW1pdCgkZXZlbnQpXCJcbiAgW2Rpc3BsYXlTZXJ2aWNlTWVzaF09XCJkaXNwbGF5U2VydmljZU1lc2hcIlxuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWNsUmVzb3VyY2VHcmlkSGVhZGVyXVwiPjwvbmctY29udGVudD5cbjwvYWNsLW5hbWVzcGFjZS1saXN0PlxuIl19