@alauda-fe/dynamic-plugin-shared 0.0.4-alpha.11 → 0.0.4-alpha.12

package/fesm2022/alauda-fe-dynamic-plugin-shared.mjs

@@ -1,15 +1,15 @@
 import * as i1 from '@alauda/ui';
-import { rgbColor, ThemeService, coerceAttrBoolean, FormItemControlDirective, observeResizeOn, MessageService, NotificationService, DIALOG_DATA, DialogModule, ButtonModule, InputModule, IconModule, FormModule, MultiSelectComponent, handlePixel, isTemplateRef, ThemePickerPipe, TooltipModule, TooltipType, ButtonComponent, IconComponent, TagComponent, TooltipDirective, DateNavRange, InputGroupComponent, InputSuffixDirective, InputComponent, DateRangePickerPanelComponent, TagType, TagModule, TooltipComponent, BaseTooltip, TooltipTrigger, DialogService, INPUT_GROUP_MODULE, SelectModule, FORM_MODULE, DropdownModule, CheckboxModule, CardComponent, TOOLTIP_MODULE, CheckboxComponent, BackTopComponent, SortDirective, SortHeaderComponent, PaginatorComponent, TABLE_MODULE, DROPDOWN_MODULE, DialogRef, DIALOG_MODULE, CARD_MODULE, CHECKBOX_MODULE, TabsModule } from '@alauda/ui';
-import { last, cloneDeep, has, unset, get, isBoolean, sortBy, set, trim, isFunction, range, debounce, uniq, identity, first, isString, isEmpty, isObjectLike } from 'lodash-es';
+import { rgbColor, ThemeService, coerceAttrBoolean, FormItemControlDirective, observeResizeOn, MessageService, NotificationService, DIALOG_DATA, DialogModule, ButtonModule, InputModule, IconModule, FormModule, MultiSelectComponent, handlePixel, isTemplateRef, ThemePickerPipe, TooltipModule, TooltipType, ButtonComponent, IconComponent, TagComponent, TooltipDirective, DateNavRange, InputGroupComponent, InputSuffixDirective, InputComponent, DateRangePickerPanelComponent, TagType, TagModule, TooltipComponent, BaseTooltip, TooltipTrigger, DialogService, INPUT_GROUP_MODULE, SelectModule, FORM_MODULE, DropdownModule, CheckboxModule, CardComponent, TOOLTIP_MODULE, CheckboxComponent, BackTopComponent, SortDirective, SortHeaderComponent, PaginatorComponent, TABLE_MODULE, DROPDOWN_MODULE, DialogRef, DIALOG_MODULE, CARD_MODULE, CHECKBOX_MODULE, TabsModule, DialogSize, MessageType, NOTIFICATION_DEFAULT_CONFIG } from '@alauda/ui';
+import { last, cloneDeep, has, unset, get, isBoolean, sortBy, set, trim, isFunction, range, debounce, uniq, identity, first, isString, isEmpty, isObjectLike, throttle, min, clamp, round, add, subtract } from 'lodash-es';
 import * as i3 from '@alauda-fe/dynamic-plugin-sdk';
-import { parseBase64Type, isBlank, publishRef, TOKEN_BASE_DOMAIN, stringify as stringify$1, isEqual, TimeService, TranslateService, isZhLang, FALLBACK_LANGUAGE, TranslatePipe, ObservableInput, FeatureGateService, FieldNotAvailablePipe, ValueHook, LoadingMaskComponent, PurePipe, StandardTimePipe, RelativeTimePipe, skipError, CURR_ESCAPE_DEACTIVATE_GUARD, ESCAPE_DEACTIVATE_GUARD, parseAll, FIELD_NOT_AVAILABLE_PLACEHOLDER, noop, SafePipe, WatchEvent, K8sUtilService, NAMESPACE as NAMESPACE$1, isFieldNotAvailable, K8S_UTIL_PIPES_MODULE, ResourceSelectorPopupService, ProjectService, ConfigurableField, API_GATEWAY as API_GATEWAY$1, ClusterListComponent, K8sApiService, TRANSLATE_MODULE, KubernetesSchemaService } from '@alauda-fe/dynamic-plugin-sdk';
-import { Observable, finalize, map, startWith, catchError, of, isObservable, switchMap, animationFrameScheduler, fromEvent, auditTime, Subject, takeUntil, distinctUntilChanged, combineLatest, filter, debounceTime, take, merge, pairwise, tap, BehaviorSubject, from, timer, ReplaySubject, delay, withLatestFrom, scan, takeWhile, concat, exhaustMap, EMPTY as EMPTY$1, interval, NEVER, switchScan, shareReplay, mapTo } from 'rxjs';
+import { parseBase64Type, isBlank, publishRef, TOKEN_BASE_DOMAIN, stringify as stringify$1, isEqual, TimeService, TranslateService, isZhLang, FALLBACK_LANGUAGE, TranslatePipe, ObservableInput, FeatureGateService, FieldNotAvailablePipe, ValueHook, LoadingMaskComponent, PurePipe, StandardTimePipe, RelativeTimePipe, skipError, CURR_ESCAPE_DEACTIVATE_GUARD, ESCAPE_DEACTIVATE_GUARD, parseAll, FIELD_NOT_AVAILABLE_PLACEHOLDER, noop, SafePipe, WatchEvent, K8sUtilService, NAMESPACE as NAMESPACE$1, isFieldNotAvailable, K8S_UTIL_PIPES_MODULE, ResourceSelectorPopupService, ProjectService, ConfigurableField, API_GATEWAY as API_GATEWAY$1, ClusterListComponent, K8sApiService, TRANSLATE_MODULE, KubernetesSchemaService, NOTIFY_DURATION_HEADER as NOTIFY_DURATION_HEADER$1, EMPTY as EMPTY$2, FALSE as FALSE$1, isMac } from '@alauda-fe/dynamic-plugin-sdk';
+import { Observable, finalize, map, startWith, catchError, of, isObservable, switchMap, animationFrameScheduler, fromEvent, auditTime, Subject, takeUntil, distinctUntilChanged, combineLatest, filter, debounceTime, take, merge, pairwise, tap, BehaviorSubject, from, timer, ReplaySubject, delay, withLatestFrom, scan, takeWhile, concat, exhaustMap, EMPTY as EMPTY$1, interval, NEVER, switchScan, shareReplay, mapTo, throwError } from 'rxjs';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
-import { dissocPath, converge, mergeAll, mergeDeepRight, path, assocPath, identity as identity$1, equals } from 'ramda';
+import { dissocPath, converge, mergeAll, mergeDeepRight, path, assocPath, identity as identity$1, equals, mergeRight } from 'ramda';
 import { compare } from 'compare-versions';
 export { compareVersions as compareVersionToNum, satisfies as satisfiesVersion } from 'compare-versions';
 import * as i0 from '@angular/core';
-import { inject, Directive, NgZone, Injectable, IterableDiffers, isDevMode, Pipe, ChangeDetectorRef, Input, ViewContainerRef, TemplateRef, ɵstringify as _stringify, ElementRef, Injector, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, booleanAttribute, forwardRef, ContentChild, Renderer2, ViewEncapsulation, ViewChild, ApplicationRef, ViewChildren, ContentChildren, InjectionToken, input, NgModule, computed } from '@angular/core';
+import { inject, Directive, NgZone, Injectable, IterableDiffers, isDevMode, Pipe, ChangeDetectorRef, Input, ViewContainerRef, TemplateRef, ɵstringify as _stringify, ElementRef, Injector, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, booleanAttribute, forwardRef, ContentChild, Renderer2, ViewEncapsulation, ViewChild, ApplicationRef, ViewChildren, ContentChildren, InjectionToken, input, computed, numberAttribute } from '@angular/core';
 import parser from 'cron-parser';
 import dayjs from 'dayjs';
 import { marked } from 'marked';
@@ -26,7 +26,7 @@ import { CdkScrollable, ScrollingModule, CdkVirtualScrollViewport } from '@angul
 import { ScrollDispatcher, Overlay } from '@angular/cdk/overlay';
 import { decode, encode } from 'ab64';
 import { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
-import { yamlWriteOptions, createActions, MonacoEditorConfig, viewActions, readonlyOptions, CodeEditorComponent, yamlReadOptions, MonacoLanguageService, yamlWriteMinimapOptions, updateActions } from '@alauda/code-editor';
+import { yamlWriteOptions, createActions, MonacoEditorConfig, viewActions, readonlyOptions, CodeEditorComponent, yamlReadMinimapOptions, yamlReadOptions, MonacoLanguageService, yamlWriteMinimapOptions, updateActions } from '@alauda/code-editor';
 import { DomSanitizer } from '@angular/platform-browser';
 import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
 import { BaseResourceFormComponent } from 'ng-resource-form-util';
@@ -10927,9 +10927,10 @@ class AclTableVirtualComponent {
         this.height = '400px';
         this.trackBy = (index) => index;
         this.placeholderActive = false;
+        this.checked$ = new Subject();
         this.destroy$ = new Subject();
     }
-    ngAfterViewInit() {
+    ngAfterViewChecked() {
         // 如果有虚拟滚动视口，优先监听其滚动；否则退回到外层容器滚动。
         const container = this.scrollContainerRef?.nativeElement;
         const viewportEl = this.viewport?.elementRef?.nativeElement ?? null;
@@ -10937,17 +10938,26 @@ class AclTableVirtualComponent {
             fromEvent(viewportEl ?? container, 'scroll');
         const containerScrolled$ = fromEvent(container, 'scroll');
         const resized$ = fromEvent(window, 'resize');
+        this.checked$.next();
         merge(viewportScrolled$, containerScrolled$, resized$)
-            .pipe(startWith(null), takeUntil(this.destroy$))
+            .pipe(startWith(null), takeUntil(this.checked$))
             .subscribe(() => {
             this.mutateVerticalScroll();
             this.mutateHorizontalScroll();
+            if (this.headerRow && viewportEl) {
+                this.headerRow.nativeElement.scrollLeft = viewportEl.scrollLeft;
+            }
         });
-        // 初始化一次，以便首次渲染即得到正确的阴影状态。
-        this.mutateVerticalScroll();
-        this.mutateHorizontalScroll();
+    }
+    onHeaderRowScroll(ev) {
+        if (!this.viewport) {
+            return;
+        }
+        this.viewport.elementRef.nativeElement.scrollLeft = ev.target.scrollLeft;
     }
     ngOnDestroy() {
+        this.checked$.next();
+        this.checked$.complete();
         this.destroy$.next();
         this.destroy$.complete();
     }
@@ -10981,13 +10991,17 @@ class AclTableVirtualComponent {
         this.placeClass(scrollLeft < scrollDisX && scrollDisX > 0, 'aui-table__scroll-shadow--before-end');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AclTableVirtualComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AclTableVirtualComponent, isStandalone: true, selector: "acl-table-virtual", inputs: { dataSource: "dataSource", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", height: "height", trackBy: "trackBy", placeholderActive: "placeholderActive" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: AclTableVirtualHeaderDefDirective, descendants: true, read: TemplateRef }, { propertyName: "rowTemplate", first: true, predicate: (AclTableVirtualRowDefDirective), descendants: true, read: TemplateRef }, { propertyName: "placeholderTemplate", first: true, predicate: AclTableVirtualPlaceholderDefDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "scrollContainerRef", first: true, predicate: ["scrollContainer"], descendants: true, static: true }], exportAs: ["aclTableVirtual"], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AclTableVirtualComponent, isStandalone: true, selector: "acl-table-virtual", inputs: { dataSource: "dataSource", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", height: "height", trackBy: "trackBy", placeholderActive: "placeholderActive" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: AclTableVirtualHeaderDefDirective, descendants: true, read: TemplateRef }, { propertyName: "rowTemplate", first: true, predicate: (AclTableVirtualRowDefDirective), descendants: true, read: TemplateRef }, { propertyName: "placeholderTemplate", first: true, predicate: AclTableVirtualPlaceholderDefDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "scrollContainerRef", first: true, predicate: ["scrollContainer"], descendants: true, static: true }, { propertyName: "headerRow", first: true, predicate: ["headerRow"], descendants: true }], exportAs: ["aclTableVirtual"], ngImport: i0, template: `
     <div
       #scrollContainer
       class="aui-table aui-table__scroll-shadow"
     >
       @if (headerTemplate) {
-        <div class="aui-table__header-row">
+        <div
+          class="aui-table__header-row"
+          #headerRow
+          (scroll)="onHeaderRowScroll($event)"
+        >
           <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>
         </div>
       }
@@ -11026,7 +11040,7 @@ class AclTableVirtualComponent {
         </cdk-virtual-scroll-viewport>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.aui-table__body-viewport{display:block}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:8px;height:4px}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}cdk-virtual-scroll-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-table{position:relative;display:block;padding:0 12px 12px}.aui-table{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-table{background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1;position:relative}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9))}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}.aui-table-column-resizable__handle{display:block;position:absolute;top:0;bottom:0;right:0;width:5px;color:rgb(var(--aui-color-n-7));cursor:col-resize}.aui-table-column-resizable__handle:after{content:\"\";display:block;margin:12px 0 12px auto;width:1px;height:calc(100% - 24px);background-color:currentcolor}.aui-table-column-resizable__handle:hover{color:rgb(var(--aui-color-primary))}.aui-table-column-resizable__mark-line{display:block;position:absolute;top:0;bottom:0;width:1px;background-color:rgb(var(--aui-color-primary));z-index:9999;cursor:col-resize}.aui-table-column-resizable__overlay{display:block;position:absolute;inset:0;z-index:9000;cursor:col-resize}.aui-table__scroll-wrapper{position:relative;display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translate3d(0,12px,0);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll aui-table-header-cell.aui-table-sticky-border-elem-left .aui-table-column-resizable__handle{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-column-resizable__mark-line.inStickyBorderElemLeft{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: ["acl-table-virtual{display:block;max-width:100%;overflow:hidden}.aui-table__body-viewport{display:block}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:8px;height:4px}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}cdk-virtual-scroll-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-table{position:relative;display:block;padding:0 12px 12px}.aui-table{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-table{background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center;background-color:rgb(var(--aui-color-n-9));padding:0 10px;overflow:scroll}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1;position:relative}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9))}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}.aui-table-column-resizable__handle{display:block;position:absolute;top:0;bottom:0;right:0;width:5px;color:rgb(var(--aui-color-n-7));cursor:col-resize}.aui-table-column-resizable__handle:after{content:\"\";display:block;margin:12px 0 12px auto;width:1px;height:calc(100% - 24px);background-color:currentcolor}.aui-table-column-resizable__handle:hover{color:rgb(var(--aui-color-primary))}.aui-table-column-resizable__mark-line{display:block;position:absolute;top:0;bottom:0;width:1px;background-color:rgb(var(--aui-color-primary));z-index:9999;cursor:col-resize}.aui-table-column-resizable__overlay{display:block;position:absolute;inset:0;z-index:9000;cursor:col-resize}.aui-table__scroll-wrapper{position:relative;display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translate3d(0,12px,0);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll aui-table-header-cell.aui-table-sticky-border-elem-left .aui-table-column-resizable__handle{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-column-resizable__mark-line.inStickyBorderElemLeft{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AclTableVirtualComponent, decorators: [{
             type: Component,
@@ -11036,7 +11050,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
       class="aui-table aui-table__scroll-shadow"
     >
       @if (headerTemplate) {
-        <div class="aui-table__header-row">
+        <div
+          class="aui-table__header-row"
+          #headerRow
+          (scroll)="onHeaderRowScroll($event)"
+        >
           <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>
         </div>
       }
@@ -11075,7 +11093,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
         </cdk-virtual-scroll-viewport>
       }
     </div>
-  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule, NgTemplateOutlet], styles: [":host{display:block}.aui-table__body-viewport{display:block}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:8px;height:4px}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}cdk-virtual-scroll-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-table{position:relative;display:block;padding:0 12px 12px}.aui-table{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-table{background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 10px}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1;position:relative}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9))}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}.aui-table-column-resizable__handle{display:block;position:absolute;top:0;bottom:0;right:0;width:5px;color:rgb(var(--aui-color-n-7));cursor:col-resize}.aui-table-column-resizable__handle:after{content:\"\";display:block;margin:12px 0 12px auto;width:1px;height:calc(100% - 24px);background-color:currentcolor}.aui-table-column-resizable__handle:hover{color:rgb(var(--aui-color-primary))}.aui-table-column-resizable__mark-line{display:block;position:absolute;top:0;bottom:0;width:1px;background-color:rgb(var(--aui-color-primary));z-index:9999;cursor:col-resize}.aui-table-column-resizable__overlay{display:block;position:absolute;inset:0;z-index:9000;cursor:col-resize}.aui-table__scroll-wrapper{position:relative;display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translate3d(0,12px,0);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll aui-table-header-cell.aui-table-sticky-border-elem-left .aui-table-column-resizable__handle{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-column-resizable__mark-line.inStickyBorderElemLeft{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"] }]
+  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule, NgTemplateOutlet], styles: ["acl-table-virtual{display:block;max-width:100%;overflow:hidden}.aui-table__body-viewport{display:block}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:8px;height:4px}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}cdk-virtual-scroll-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-table{position:relative;display:block;padding:0 12px 12px}.aui-table{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-main-text))}.aui-table{background-color:rgb(var(--aui-color-n-9));border-radius:var(--aui-border-radius-l)}.aui-table__row,.aui-table__header-row{display:flex;align-items:center;background-color:rgb(var(--aui-color-n-9));padding:0 10px;overflow:scroll}.aui-table__row.hasPanel,.aui-table__header-row.hasPanel{flex-wrap:wrap}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border-width:1px;border-style:solid;border-color:rgb(var(--aui-color-n-8));border-bottom-width:0;background-color:rgb(var(--aui-color-n-10));padding:0 9px;min-height:58px;box-sizing:content-box}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:1px;min-height:58px;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--aui-color-n-10));opacity:.7;cursor:not-allowed}.aui-table__cell,.aui-table__header-cell{display:flex;align-items:center;flex:1;position:relative}.aui-table__cell{padding:15px 10px;background-color:rgb(var(--aui-color-n-10));overflow:hidden}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__header-cell{padding:12px 10px;font-weight:var(--aui-font-weight-bold);background-color:rgb(var(--aui-color-n-9))}.aui-table__column-expand-button{display:flex;align-items:center;max-width:calc(10px * 2 + var(--aui-icon-size-m))}.aui-table__column-expand-button.aui-table__cell{height:58px}.aui-table__column-expand-button .aui-expand-button{display:inline-flex;justify-content:center;align-items:center;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));border-radius:50%;border:none;cursor:pointer;transition:transform .1s ease-in-out}.aui-table__column-expand-button .aui-expand-button aui-icon{display:flex;justify-content:center;align-items:center;width:var(--aui-icon-size-s);height:var(--aui-icon-size-s);font-size:var(--aui-icon-size-s)}.aui-table__column-expand-button .aui-expand-button:hover{background-color:rgb(var(--aui-color-p-7))}.aui-table__column-expand-button .aui-expand-button:active{background-color:rgb(var(--aui-color-p-5))}.aui-table__column-expand-button .aui-expand-button.isExpanded{transform:rotate(90deg);color:#fff;background-color:rgb(var(--aui-color-primary))}.aui-table__column-expand-button .aui-expand-button.isExpanded:hover{background-color:rgb(var(--aui-color-p-1))}.aui-table__column-expand-button .aui-expand-button.isExpanded:active{background-color:rgb(var(--aui-color-p-0))}.aui-table__column-expand-button .aui-expand-button[disabled],.aui-table__column-expand-button .aui-expand-button.isExpanded[disabled]{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-table__column-expand-panel{margin-top:-6px}.aui-table__column-expand-panel.aui-table__header-cell{display:none}.aui-table__column-expand-panel.aui-table__cell{width:100%;flex-shrink:0;flex-basis:100%;padding:0 10px;overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel{width:100%;border-radius:var(--aui-border-radius-l);overflow:hidden}.aui-table__column-expand-panel.aui-table__cell .aui-table__cell-expand-panel-content.hasBackground{padding:16px;background-color:rgb(var(--aui-color-n-9))}.aui-table-column-resizable__handle{display:block;position:absolute;top:0;bottom:0;right:0;width:5px;color:rgb(var(--aui-color-n-7));cursor:col-resize}.aui-table-column-resizable__handle:after{content:\"\";display:block;margin:12px 0 12px auto;width:1px;height:calc(100% - 24px);background-color:currentcolor}.aui-table-column-resizable__handle:hover{color:rgb(var(--aui-color-primary))}.aui-table-column-resizable__mark-line{display:block;position:absolute;top:0;bottom:0;width:1px;background-color:rgb(var(--aui-color-primary));z-index:9999;cursor:col-resize}.aui-table-column-resizable__overlay{display:block;position:absolute;inset:0;z-index:9000;cursor:col-resize}.aui-table__scroll-wrapper{position:relative;display:flex;flex-direction:column;max-height:100%;overflow:hidden;background-color:rgb(var(--aui-color-n-9));padding:0 12px 12px;border-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-wrapper::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-wrapper .aui-table{padding:0;border-radius:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after{transform:none;width:100%;left:0}.aui-table__scroll-shadow.aui-table{overflow:auto}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar{width:8px;height:4px}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.aui-table__scroll-shadow.aui-table::-webkit-scrollbar-corner{background-color:transparent}.aui-table__scroll-shadow.hasTableTopShadow:before{content:\"\";position:sticky;display:block;height:16px;margin:-16px -12px 0;z-index:99;top:28px}:root .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableTopShadow:before{box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow.hasTableBottomShadow:after{content:\"\";position:sticky;display:block;height:16px;transform:translate3d(0,12px,0);z-index:99;bottom:0;margin:-16px -12px 0}:root .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}html[aui-theme-mode=light] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}}html[aui-theme-mode=dark] .aui-table__scroll-shadow.hasTableBottomShadow:after{box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-9),.75) inset}.aui-table__scroll-shadow .aui-table__header-row{margin:0;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:20px}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:20px}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__header-row+.aui-table__row .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch;min-height:59px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-width:1px 0;border-style:solid;border-color:rgb(var(--aui-color-n-8))}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:1px;padding-left:19px}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:1px;padding-right:19px}.aui-table__scroll-shadow .aui-table__row:last-child{min-height:60px}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow--has-scroll aui-table-header-cell.aui-table-sticky-border-elem-left .aui-table-column-resizable__handle{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-column-resizable__mark-line.inStickyBorderElemLeft{transform:translate(-20px)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before,.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{position:absolute;top:0;bottom:-1px;content:\"\";background:linear-gradient(to bottom,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:30px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:-10px}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:10px}:root .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}:root .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}html[aui-theme-mode=light] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}}html[aui-theme-mode=dark] .aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-9),.75)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(to bottom,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 6px,transparent);width:1px;background-size:100% 14px;height:100%}\n"] }]
         }], propDecorators: { dataSource: [{
                 type: Input
             }], itemSize: [{
@@ -11105,36 +11123,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
             }], scrollContainerRef: [{
                 type: ViewChild,
                 args: ['scrollContainer', { static: true }]
+            }], headerRow: [{
+                type: ViewChild,
+                args: ['headerRow', { static: false }]
             }] } });
 
-class AclTableVirtualModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AclTableVirtualModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: AclTableVirtualModule, imports: [AclTableVirtualComponent,
-            AclTableVirtualHeaderDefDirective,
-            AclTableVirtualRowDefDirective,
-            AclTableVirtualPlaceholderDefDirective], exports: [AclTableVirtualComponent,
-            AclTableVirtualHeaderDefDirective,
-            AclTableVirtualRowDefDirective,
-            AclTableVirtualPlaceholderDefDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AclTableVirtualModule, imports: [AclTableVirtualComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AclTableVirtualModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        AclTableVirtualComponent,
-                        AclTableVirtualHeaderDefDirective,
-                        AclTableVirtualRowDefDirective,
-                        AclTableVirtualPlaceholderDefDirective,
-                    ],
-                    exports: [
-                        AclTableVirtualComponent,
-                        AclTableVirtualHeaderDefDirective,
-                        AclTableVirtualRowDefDirective,
-                        AclTableVirtualPlaceholderDefDirective,
-                    ],
-                }]
-        }] });
+const TABLE_VIRTUAL_MODULE = [
+    AclTableVirtualComponent,
+    AclTableVirtualHeaderDefDirective,
+    AclTableVirtualRowDefDirective,
+    AclTableVirtualPlaceholderDefDirective,
+];
 
 class TerminatingTagComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TerminatingTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -11544,6 +11543,7 @@ class ArrayFormTableComponent {
         this.addDisabled = false;
         this.actionColumnDivider = false;
         this.showZeroState = true;
+        this.injector = inject(Injector);
         this.minRow = 0;
         this.minRowTooltip = '';
         this.maxRow = Infinity;
@@ -11558,7 +11558,8 @@ class ArrayFormTableComponent {
         };
     }
     get formDirective() {
-        return inject(FormGroupDirective, null) || inject(NgForm, null);
+        return (this.injector.get(FormGroupDirective, null) ||
+            this.injector.get(NgForm, null));
     }
     /**
      * 自定义是否展示错误内容
@@ -12302,68 +12303,6 @@ const logsReadOptions = {
     renderLineHighlight: 'none',
 };
 
-class ResourceYamlDisplayComponent {
-    constructor() {
-        this.concise$$ = new BehaviorSubject(false);
-        this.reduce$$ = new BehaviorSubject(true);
-        this.hasWrapper = true;
-        this.conciseEnable = true;
-        this.manageFieldActionEnable = true;
-        this.yamlUtil = inject(YamlUtilService);
-        this.yaml$ = combineLatest([
-            this.resource$,
-            this.concise$$,
-            this.reduce$$.pipe(distinctUntilChanged()),
-        ]).pipe(map(([resource, concise, reduce]) => this.yamlUtil.generateFilteredYamlResource(resource, concise, reduce)));
-        this.editorOptions = yamlReadOptions;
-        this.viewActions = viewActions;
-    }
-    conciseChange(value) {
-        this.concise$$.next(value);
-        if (value) {
-            this.reduce$$.next(true);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ResourceYamlDisplayComponent, isStandalone: true, selector: "acl-resource-yaml-display", inputs: { hasWrapper: "hasWrapper", conciseEnable: "conciseEnable", manageFieldActionEnable: "manageFieldActionEnable", resource: "resource" }, ngImport: i0, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n}\n<ng-template #content>\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}\n"], dependencies: [{ kind: "component", type: i1.CardComponent, selector: "aui-card", inputs: ["divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "component", type: CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-__decorate([
-    ObservableInput(),
-    __metadata("design:type", Observable)
-], ResourceYamlDisplayComponent.prototype, "resource$", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlDisplayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'acl-resource-yaml-display', preserveWhitespaces: false, standalone: true, imports: [
-                        CARD_MODULE,
-                        FormsModule,
-                        CHECKBOX_MODULE,
-                        CodeEditorComponent,
-                        TranslatePipe,
-                        AsyncPipe,
-                        NgTemplateOutlet,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n}\n<ng-template #content>\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}\n"] }]
-        }], propDecorators: { hasWrapper: [{
-                type: Input
-            }], conciseEnable: [{
-                type: Input
-            }], manageFieldActionEnable: [{
-                type: Input
-            }], resource: [{
-                type: Input
-            }], resource$: [] } });
-
-class K8sYamlDisplayDialogComponent {
-    constructor() {
-        this.data = inject(DIALOG_DATA);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: K8sYamlDisplayDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: K8sYamlDisplayDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <acl-resource-yaml-display\n    [resource]=\"data.resource\"\n    [hasWrapper]=\"false\"\n    class=\"dialog-content\"\n  ></acl-resource-yaml-display>\n</aui-dialog-content>\n", dependencies: [{ kind: "component", type: i1.DialogHeaderComponent, selector: "aui-dialog-header", inputs: ["divider", "closeable", "result"] }, { kind: "component", type: i1.DialogContentComponent, selector: "aui-dialog-content" }, { kind: "component", type: ResourceYamlDisplayComponent, selector: "acl-resource-yaml-display", inputs: ["hasWrapper", "conciseEnable", "manageFieldActionEnable", "resource"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: K8sYamlDisplayDialogComponent, decorators: [{
-            type: Component,
-            args: [{ preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DIALOG_MODULE, TranslatePipe, ResourceYamlDisplayComponent], template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <acl-resource-yaml-display\n    [resource]=\"data.resource\"\n    [hasWrapper]=\"false\"\n    class=\"dialog-content\"\n  ></acl-resource-yaml-display>\n</aui-dialog-content>\n" }]
-        }] });
-
 /**
  * 自动折叠 managedFields 字段
  * @param monacoEditor Monaco 编辑器实例
@@ -12511,192 +12450,430 @@ class ManagedFieldsAutoFolder {
     }
 }
 
-/**
- * Kubernetes 资源的内置 YAML 示例
- * 按照 apiVersion.kind 的格式组织
- */
-const BUILT_IN_YAML_EXAMPLES = {
-    'apps/v1.Deployment': [
-        {
-            title: 'Basic Deployment',
-            description: 'A basic deployment example with nginx container',
-            yaml: `apiVersion: apps/v1
-kind: Deployment
-metadata:
-  labels:
-    app: nginx
-  name: nginx-deployment
-  namespace: ''
-spec:
-  selector:
-    matchLabels:
-      app: nginx
-  template:
-    metadata:
-      labels:
-        app: nginx
-    spec:
-      containers:
-        - image: nginx:1.7.9
-          name: nginx
-          ports:
-            - containerPort: 80
-          securityContext:
-            allowPrivilegeEscalation: false
-            capabilities:
-              drop:
-                - ALL
-            runAsNonRoot: true
-            seccompProfile:
-              type: RuntimeDefault
-      securityContext:
-        runAsNonRoot: true
-        seccompProfile:
-          type: RuntimeDefault`,
-        },
-    ],
-    'v1.ConfigMap': [
-        {
-            title: 'Basic ConfigMap',
-            description: 'A basic ConfigMap example with properties and file data',
-            yaml: `apiVersion: v1
-kind: ConfigMap
-metadata:
-  name: example
-  namespace: ''
-data:
-  example.property.1: hello
-  example.property.2: world
-  example.property.file: |-
-    property.1=value-1
-    property.2=value-2
-    property.3=value-3`,
-        },
-    ],
-    'batch/v1.CronJob': [
-        {
-            title: 'Basic CronJob',
-            description: 'A basic CronJob example that runs daily',
-            yaml: `apiVersion: batch/v1
-kind: CronJob
-metadata:
-  name: hello
-spec:
-  jobTemplate:
-    metadata:
-      labels:
-        cronjob.cpaas.io/name: hello
-    spec:
-      template:
-        metadata:
-          labels:
-            cronjob.cpaas.io/name: hello
-        spec:
-          containers:
-            - args:
-                - /bin/sh
-                - -c
-                - date; echo Hello from the Kubernetes cluster
-              image: busybox
-              name: hello
-              securityContext:
-                allowPrivilegeEscalation: false
-                capabilities:
-                  drop:
-                    - ALL
-                runAsNonRoot: true
-                seccompProfile:
-                  type: RuntimeDefault
-          securityContext:
-            runAsNonRoot: true
-            seccompProfile:
-              type: RuntimeDefault
-          restartPolicy: Never
-  schedule: "*/1 * * * *"`,
-        },
-    ],
-    'v1.PersistentVolume': [
-        {
-            title: 'Basic PersistentVolume',
-            description: 'A basic PersistentVolume example with NFS storage',
-            yaml: `apiVersion: v1
-kind: PersistentVolume
-metadata:
-  name: example
-  namespace: ''
-spec:
-  capacity:
-    storage: 5Gi
-  accessModes:
-    - ReadWriteOnce
-  persistentVolumeReclaimPolicy: Retain
-  storageClassName: slow
-  nfs:
-    path: /tmp
-    server: 172.17.0.2`,
-        },
-    ],
-    'autoscaling/v2.HorizontalPodAutoscaler': [
-        {
-            title: 'Basic HorizontalPodAutoscaler',
-            description: 'A basic HPA example with CPU utilization target',
-            yaml: `apiVersion: autoscaling/v2
-kind: HorizontalPodAutoscaler
-metadata:
-  name: example
-  namespace: ''
-spec:
-  scaleTargetRef:
-    apiVersion: apps/v1
-    kind: Deployment
-    name: example
-  minReplicas: 1
-  maxReplicas: 3
-  metrics:
-  - type: Resource
-    resource:
-      name: cpu
-      target:
-        averageUtilization: 50
-        type: Utilization`,
-        },
-    ],
-    'apps/v1.DaemonSet': [
-        {
-            title: 'Basic DaemonSet',
-            description: 'A basic DaemonSet example with nginx container',
-            yaml: `apiVersion: apps/v1
-kind: DaemonSet
-metadata:
-  name: fluentd-elasticsearch
-  namespace: ''
-  labels:
-    k8s-app: fluentd-logging
-spec:
-  selector:
-    matchLabels:
-      name: fluentd-elasticsearch
-  template:
-    metadata:
-      labels:
-        name: fluentd-elasticsearch
-    spec:
-      tolerations:
-      - key: node-role.kubernetes.io/control-plane
-        operator: Exists
-        effect: NoSchedule
-      - key: node-role.kubernetes.io/master
-        operator: Exists
-        effect: NoSchedule
-      containers:
-      - name: fluentd-elasticsearch
-        image: quay.io/fluentd_elasticsearch/fluentd:v2.5.2
-        resources:
-          limits:
-            memory: 200Mi
-          requests:
-            cpu: 100m
-            memory: 200Mi
+class ResourceYamlDisplayComponent {
+    constructor() {
+        this.destroy$ = new Subject();
+        this.concise$$ = new BehaviorSubject(false);
+        this.reduce$$ = new BehaviorSubject(false);
+        this.showSidebar$$ = new BehaviorSubject(false);
+        this.showDebugPanel$$ = new BehaviorSubject(false);
+        this.monacoEditor = null;
+        this.registeredSchemas = new Set();
+        this.pendingSchemas = new Set();
+        this.hasWrapper = true;
+        this.showDebugInfo = false;
+        this.conciseEnable = true;
+        this.manageFieldActionEnable = true;
+        this.sidebarEnable = true;
+        this.schemaEnable = true;
+        this.exampleEnable = true;
+        this.autoFoldManagedFields = true;
+        this.minimap = true;
+        this.yamlReadMinimapOptions = yamlReadMinimapOptions;
+        this.yamlReadOptions = yamlReadOptions;
+        this.hasFolded = false;
+        /**
+         * 自动获取的 schema，当没有手动提供 schema 时使用
+         */
+        this.autoSchema$ = this.resource$.pipe(switchMap(resource => {
+            if (!resource) {
+                return of(null);
+            }
+            const firstResource = (Array.isArray(resource) ? resource[0] : resource);
+            if (!firstResource?.apiVersion || !firstResource?.kind) {
+                return of(null);
+            }
+            return this.schemaService.getResourceSchema(firstResource.apiVersion, firstResource.kind, '');
+        }), shareReplay(1));
+        /**
+         * 最终使用的 schema，优先使用手动提供的，否则使用自动获取的
+         */
+        this.finalSchema$ = combineLatest([this.schema$, this.autoSchema$]).pipe(map(([manualSchema, autoSchema]) => manualSchema || autoSchema), distinctUntilChanged(), shareReplay(1));
+        this.yamlUtil = inject(YamlUtilService);
+        this.schemaService = inject(KubernetesSchemaService);
+        this.monacoLanguageService = inject(MonacoLanguageService);
+        this.yaml$ = combineLatest([
+            this.resource$,
+            this.concise$$,
+            this.reduce$$.pipe(distinctUntilChanged()),
+        ]).pipe(map(([resource, concise, reduce]) => this.yamlUtil.generateFilteredYamlResource(resource, concise, reduce)));
+        this.viewActions = viewActions;
+        this.yamlSchemaService = this.monacoLanguageService.getYamlSchemaService();
+        // 自动设置 schema
+        combineLatest([this.resource$, this.finalSchema$])
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(([resource, schema]) => {
+            if (resource && schema) {
+                const firstResource = Array.isArray(resource)
+                    ? resource[0]
+                    : resource;
+                if (firstResource && !Array.isArray(firstResource)) {
+                    this.setYamlSchema(firstResource, schema);
+                }
+            }
+        });
+        this.autoSchema$.pipe(takeUntil(this.destroy$)).subscribe();
+    }
+    get editorOptions() {
+        return this.minimap ? yamlReadMinimapOptions : yamlReadOptions;
+    }
+    conciseChange(value) {
+        this.concise$$.next(value);
+    }
+    toggleSidebar() {
+        this.showSidebar$$.next(!this.showSidebar$$.value);
+    }
+    toggleDebugInfo() {
+        this.showDebugPanel$$.next(!this.showDebugPanel$$.value);
+    }
+    getCurrentResource() {
+        const resource = this.resource;
+        if (Array.isArray(resource)) {
+            return resource.length > 0 ? resource[0] : null;
+        }
+        return resource || null;
+    }
+    getCurrentSchema() {
+        return this.schema || null;
+    }
+    selfFoldManagedFields() {
+        if (this.hasFolded) {
+            return;
+        }
+        this.hasFolded = true;
+        setTimeout(() => {
+            const editor = this.getEditorInstance();
+            if (editor) {
+                foldManagedFields(editor);
+            }
+        }, 50);
+    }
+    /**
+     * 设置 YAML schema 以提供 hover 提示和自动完成
+     */
+    setYamlSchema(resource, schema) {
+        if (!schema) {
+            return;
+        }
+        // 使用 apiVersion + kind 组合作为标识
+        const apiVersion = resource?.apiVersion || 'unknown';
+        const kind = resource?.kind || 'unknown';
+        const schemaKey = `${apiVersion}/${kind}`;
+        this.modelUri = `${schemaKey}.yaml`;
+        this.selfFoldManagedFields();
+        // 检查是否已经注册过相同的 schema，避免重复注册
+        if (this.registeredSchemas.has(schemaKey) ||
+            this.pendingSchemas.has(schemaKey)) {
+            return;
+        }
+        this.pendingSchemas.add(schemaKey);
+        const registerSchema = (schemaToRegister) => {
+            this.yamlSchemaService.addSchema({
+                uri: `k8s://${schemaKey}.schema.json`,
+                fileMatch: [this.modelUri],
+                schema: schemaToRegister,
+            });
+            this.registeredSchemas.add(schemaKey);
+            this.pendingSchemas.delete(schemaKey);
+        };
+        const schemaDefinitions = schema?.definitions;
+        if (schemaDefinitions && Object.keys(schemaDefinitions).length > 0) {
+            registerSchema(schema);
+            return;
+        }
+        this.schemaService
+            .getAllResourceDefinitionsCached(this.clusterName)
+            .pipe(take(1), takeUntil(this.destroy$))
+            .subscribe(definitions => {
+            const fullSchema = {
+                ...schema,
+                definitions: definitions || schemaDefinitions || {},
+            };
+            registerSchema(fullSchema);
+        });
+    }
+    ngAfterViewInit() {
+        if (this.autoFoldManagedFields &&
+            this.schemaService.getOpenAPISchema(this.clusterName)) {
+            this.selfFoldManagedFields();
+        }
+    }
+    /**
+     * 获取 Monaco Editor 实例
+     */
+    getEditorInstance() {
+        if (this.codeEditorRef && !this.monacoEditor) {
+            // 尝试从 ViewChild 获取编辑器实例
+            const editorComponent = this.codeEditorRef;
+            if (editorComponent.editor) {
+                this.monacoEditor = editorComponent.editor;
+            }
+        }
+        return this.monacoEditor;
+    }
+    /**
+     * 自动折叠 managedFields 字段
+     */
+    foldManagedFields() {
+        const editor = this.getEditorInstance();
+        if (editor) {
+            foldManagedFields(editor);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.monacoEditor = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ResourceYamlDisplayComponent, isStandalone: true, selector: "acl-resource-yaml-display", inputs: { hasWrapper: "hasWrapper", showDebugInfo: "showDebugInfo", conciseEnable: "conciseEnable", manageFieldActionEnable: "manageFieldActionEnable", sidebarEnable: "sidebarEnable", schemaEnable: "schemaEnable", exampleEnable: "exampleEnable", autoFoldManagedFields: "autoFoldManagedFields", schema: "schema", resource: "resource", minimap: "minimap", clusterName: "clusterName" }, viewQueries: [{ propertyName: "codeEditorRef", first: true, predicate: ["codeEditorRef"], descendants: true }], ngImport: i0, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n}\n<ng-template #content>\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}\n"], dependencies: [{ kind: "component", type: i1.CardComponent, selector: "aui-card", inputs: ["divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "component", type: CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+__decorate([
+    ObservableInput(),
+    __metadata("design:type", Observable)
+], ResourceYamlDisplayComponent.prototype, "resource$", void 0);
+__decorate([
+    ObservableInput(),
+    __metadata("design:type", Observable)
+], ResourceYamlDisplayComponent.prototype, "schema$", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-resource-yaml-display', preserveWhitespaces: false, standalone: true, imports: [
+                        CARD_MODULE,
+                        FormsModule,
+                        CHECKBOX_MODULE,
+                        CodeEditorComponent,
+                        TranslatePipe,
+                        AsyncPipe,
+                        NgTemplateOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n}\n<ng-template #content>\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { codeEditorRef: [{
+                type: ViewChild,
+                args: ['codeEditorRef']
+            }], hasWrapper: [{
+                type: Input
+            }], showDebugInfo: [{
+                type: Input
+            }], conciseEnable: [{
+                type: Input
+            }], manageFieldActionEnable: [{
+                type: Input
+            }], sidebarEnable: [{
+                type: Input
+            }], schemaEnable: [{
+                type: Input
+            }], exampleEnable: [{
+                type: Input
+            }], autoFoldManagedFields: [{
+                type: Input
+            }], schema: [{
+                type: Input
+            }], resource: [{
+                type: Input
+            }], resource$: [], schema$: [], minimap: [{
+                type: Input
+            }], clusterName: [{
+                type: Input
+            }] } });
+
+class K8sYamlDisplayDialogComponent {
+    constructor() {
+        this.data = inject(DIALOG_DATA);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: K8sYamlDisplayDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: K8sYamlDisplayDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <acl-resource-yaml-display\n    [resource]=\"data.resource\"\n    [hasWrapper]=\"false\"\n    class=\"dialog-content\"\n  ></acl-resource-yaml-display>\n</aui-dialog-content>\n", dependencies: [{ kind: "component", type: i1.DialogHeaderComponent, selector: "aui-dialog-header", inputs: ["divider", "closeable", "result"] }, { kind: "component", type: i1.DialogContentComponent, selector: "aui-dialog-content" }, { kind: "component", type: ResourceYamlDisplayComponent, selector: "acl-resource-yaml-display", inputs: ["hasWrapper", "showDebugInfo", "conciseEnable", "manageFieldActionEnable", "sidebarEnable", "schemaEnable", "exampleEnable", "autoFoldManagedFields", "schema", "resource", "minimap", "clusterName"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: K8sYamlDisplayDialogComponent, decorators: [{
+            type: Component,
+            args: [{ preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DIALOG_MODULE, TranslatePipe, ResourceYamlDisplayComponent], template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <acl-resource-yaml-display\n    [resource]=\"data.resource\"\n    [hasWrapper]=\"false\"\n    class=\"dialog-content\"\n  ></acl-resource-yaml-display>\n</aui-dialog-content>\n" }]
+        }] });
+
+/**
+ * Kubernetes 资源的内置 YAML 示例
+ * 按照 apiVersion.kind 的格式组织
+ */
+const BUILT_IN_YAML_EXAMPLES = {
+    'apps/v1.Deployment': [
+        {
+            title: 'Basic Deployment',
+            description: 'A basic deployment example with nginx container',
+            yaml: `apiVersion: apps/v1
+kind: Deployment
+metadata:
+  labels:
+    app: nginx
+  name: nginx-deployment
+  namespace: ''
+spec:
+  selector:
+    matchLabels:
+      app: nginx
+  template:
+    metadata:
+      labels:
+        app: nginx
+    spec:
+      containers:
+        - image: nginx:1.7.9
+          name: nginx
+          ports:
+            - containerPort: 80
+          securityContext:
+            allowPrivilegeEscalation: false
+            capabilities:
+              drop:
+                - ALL
+            runAsNonRoot: true
+            seccompProfile:
+              type: RuntimeDefault
+      securityContext:
+        runAsNonRoot: true
+        seccompProfile:
+          type: RuntimeDefault`,
+        },
+    ],
+    'v1.ConfigMap': [
+        {
+            title: 'Basic ConfigMap',
+            description: 'A basic ConfigMap example with properties and file data',
+            yaml: `apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: example
+  namespace: ''
+data:
+  example.property.1: hello
+  example.property.2: world
+  example.property.file: |-
+    property.1=value-1
+    property.2=value-2
+    property.3=value-3`,
+        },
+    ],
+    'batch/v1.CronJob': [
+        {
+            title: 'Basic CronJob',
+            description: 'A basic CronJob example that runs daily',
+            yaml: `apiVersion: batch/v1
+kind: CronJob
+metadata:
+  name: hello
+spec:
+  jobTemplate:
+    metadata:
+      labels:
+        cronjob.cpaas.io/name: hello
+    spec:
+      template:
+        metadata:
+          labels:
+            cronjob.cpaas.io/name: hello
+        spec:
+          containers:
+            - args:
+                - /bin/sh
+                - -c
+                - date; echo Hello from the Kubernetes cluster
+              image: busybox
+              name: hello
+              securityContext:
+                allowPrivilegeEscalation: false
+                capabilities:
+                  drop:
+                    - ALL
+                runAsNonRoot: true
+                seccompProfile:
+                  type: RuntimeDefault
+          securityContext:
+            runAsNonRoot: true
+            seccompProfile:
+              type: RuntimeDefault
+          restartPolicy: Never
+  schedule: "*/1 * * * *"`,
+        },
+    ],
+    'v1.PersistentVolume': [
+        {
+            title: 'Basic PersistentVolume',
+            description: 'A basic PersistentVolume example with NFS storage',
+            yaml: `apiVersion: v1
+kind: PersistentVolume
+metadata:
+  name: example
+  namespace: ''
+spec:
+  capacity:
+    storage: 5Gi
+  accessModes:
+    - ReadWriteOnce
+  persistentVolumeReclaimPolicy: Retain
+  storageClassName: slow
+  nfs:
+    path: /tmp
+    server: 172.17.0.2`,
+        },
+    ],
+    'autoscaling/v2.HorizontalPodAutoscaler': [
+        {
+            title: 'Basic HorizontalPodAutoscaler',
+            description: 'A basic HPA example with CPU utilization target',
+            yaml: `apiVersion: autoscaling/v2
+kind: HorizontalPodAutoscaler
+metadata:
+  name: example
+  namespace: ''
+spec:
+  scaleTargetRef:
+    apiVersion: apps/v1
+    kind: Deployment
+    name: example
+  minReplicas: 1
+  maxReplicas: 3
+  metrics:
+  - type: Resource
+    resource:
+      name: cpu
+      target:
+        averageUtilization: 50
+        type: Utilization`,
+        },
+    ],
+    'apps/v1.DaemonSet': [
+        {
+            title: 'Basic DaemonSet',
+            description: 'A basic DaemonSet example with nginx container',
+            yaml: `apiVersion: apps/v1
+kind: DaemonSet
+metadata:
+  name: fluentd-elasticsearch
+  namespace: ''
+  labels:
+    k8s-app: fluentd-logging
+spec:
+  selector:
+    matchLabels:
+      name: fluentd-elasticsearch
+  template:
+    metadata:
+      labels:
+        name: fluentd-elasticsearch
+    spec:
+      tolerations:
+      - key: node-role.kubernetes.io/control-plane
+        operator: Exists
+        effect: NoSchedule
+      - key: node-role.kubernetes.io/master
+        operator: Exists
+        effect: NoSchedule
+      containers:
+      - name: fluentd-elasticsearch
+        image: quay.io/fluentd_elasticsearch/fluentd:v2.5.2
+        resources:
+          limits:
+            memory: 200Mi
+          requests:
+            cpu: 100m
+            memory: 200Mi
         volumeMounts:
         - name: varlog
           mountPath: /var/log
@@ -13823,9 +14000,774 @@ const ASYNC_DATA_MODULE = [
     ErrorStateComponent,
 ];
 
+/**
+ * @packageDocumentation
+ * @module notification
+ */
+const ZH_ERRORS = {
+    Unknown: '未知错误',
+    Unauthorized: '授权不足',
+    Forbidden: '资源不可用',
+    NotFound: '找不到资源',
+    AlreadyExists: '资源已存在',
+    Conflict: '资源版本冲突，请重新获取资源',
+    Gone: '资源位置已变更',
+    Invalid: '数据错误',
+    ServerTimeout: '响应超时',
+    Timeout: '请求超时',
+    TooManyRequests: '请求太多，超过服务能力',
+    BadRequest: '无效的请求',
+    MethodNotAllowed: '请求的操作不被允许',
+    NotAcceptable: '接收的数据类型不被支持',
+    RequestEntityTooLarge: '请求实体太大',
+    UnsupportedMediaType: '发送的数据类型不被支持',
+    InternalError: '内部错误',
+    Expired: '请求内容已过期',
+    ServiceUnavailable: '当前请求的服务不可用，可稍后重试',
+    ProjectNamespaceConflict: '平台级命名空间已存在，请处理',
+};
+const DEFAULT_ZH_ERROR = '网络错误';
+
+/**
+ * @packageDocumentation
+ * @module notification
+ */
+class FeedbackNotificationComponent {
+    constructor() {
+        this.onPrimary = new EventEmitter();
+        this.onSecondary = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: FeedbackNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: FeedbackNotificationComponent, isStandalone: true, selector: "ng-component", inputs: { primary: "primary", secondary: "secondary", content: "content", pre: "pre" }, outputs: { onPrimary: "onPrimary", onSecondary: "onSecondary" }, ngImport: i0, template: "@if (content) {\n  <main>\n    @if (pre) {\n      <pre [innerHTML]=\"content\"></pre>\n    } @else {\n      <div [innerHTML]=\"content\"></div>\n    }\n  </main>\n}\n<footer>\n  @if (primary) {\n    <button\n      aui-button=\"primary\"\n      type=\"button\"\n      size=\"mini\"\n      (click)=\"onPrimary.emit()\"\n    >\n      {{ primary | translate }}\n    </button>\n  }\n  @if (secondary) {\n    <button\n      aui-button=\"default\"\n      type=\"button\"\n      size=\"mini\"\n      (click)=\"onSecondary.emit()\"\n    >\n      {{ secondary | translate }}\n    </button>\n  }\n</footer>\n", styles: [":host{display:flex;flex-direction:column;max-height:150px}main{display:flex;flex:1;overflow:hidden}main>*{flex:1;overflow:auto}footer{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: FeedbackNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TRANSLATE_MODULE, ButtonModule], template: "@if (content) {\n  <main>\n    @if (pre) {\n      <pre [innerHTML]=\"content\"></pre>\n    } @else {\n      <div [innerHTML]=\"content\"></div>\n    }\n  </main>\n}\n<footer>\n  @if (primary) {\n    <button\n      aui-button=\"primary\"\n      type=\"button\"\n      size=\"mini\"\n      (click)=\"onPrimary.emit()\"\n    >\n      {{ primary | translate }}\n    </button>\n  }\n  @if (secondary) {\n    <button\n      aui-button=\"default\"\n      type=\"button\"\n      size=\"mini\"\n      (click)=\"onSecondary.emit()\"\n    >\n      {{ secondary | translate }}\n    </button>\n  }\n</footer>\n", styles: [":host{display:flex;flex-direction:column;max-height:150px}main{display:flex;flex:1;overflow:hidden}main>*{flex:1;overflow:auto}footer{padding-top:12px}\n"] }]
+        }], propDecorators: { primary: [{
+                type: Input
+            }], secondary: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], pre: [{
+                type: Input
+            }], onPrimary: [{
+                type: Output
+            }], onSecondary: [{
+                type: Output
+            }] } });
+
+function isK8sErrorStatus(e) {
+    return e?.metadata && e.apiVersion && e.kind === 'Status' && e.status;
+}
+
+/**
+ * @packageDocumentation
+ * @module notification
+ */
+class NotificationUtilService {
+    constructor() {
+        this.injector = inject(Injector);
+        this.dialog = inject(DialogService);
+        this.time = inject(TimeService);
+        this.notification = inject(NotificationService);
+    }
+    viewDetail(json, title, notificationId) {
+        this.dialog.open(CodeDisplayDialogComponent, {
+            data: {
+                code: this.normalizeJson(json),
+                language: 'json',
+                title: title || 'view_detail',
+                ellipsis: true,
+            },
+            size: DialogSize.Big,
+        });
+        if (notificationId) {
+            this.notification.remove(notificationId);
+        }
+    }
+    createFeedback(config, { content, onPrimary, onSecondary, pre, primary, secondary, summary, } = {}) {
+        const { instance } = this.notification.create({
+            type: MessageType.Error,
+            ...config,
+            content: null,
+            contentRef: FeedbackNotificationComponent,
+        });
+        const feedback = instance.childComponentInstance;
+        if (primary === true) {
+            primary = 'view_detail';
+        }
+        else if (secondary === true) {
+            secondary = 'view_detail';
+        }
+        content = this.normalizeJson(content || config.content);
+        const viewDetail = this.viewDetail.bind(this, content, config.title, instance.uniqueId);
+        if (primary && !onPrimary) {
+            onPrimary = viewDetail;
+        }
+        if (onPrimary) {
+            feedback.onPrimary.pipe(take(1)).subscribe(onPrimary);
+        }
+        else if (secondary && !onSecondary) {
+            onSecondary = viewDetail;
+        }
+        if (onSecondary) {
+            feedback.onSecondary.pipe(take(1)).subscribe(onSecondary);
+        }
+        Object.assign(feedback, {
+            content: this.normalizeJson(summary),
+            pre,
+            primary,
+            secondary,
+        });
+    }
+    normalizeJson(json) {
+        return typeof json === 'string'
+            ? json
+            : json && JSON.stringify(json, null, 2);
+    }
+    async notify(reqOrStatus, res) {
+        // we stored original req in `err.__req__`
+        const req = ('__req__' in reqOrStatus ? get(reqOrStatus, '__req__') : reqOrStatus);
+        if (isK8sErrorStatus(reqOrStatus)) {
+            res = reqOrStatus?.['__origin__'];
+        }
+        const duration = Math.round(numberAttribute(req.headers.get(NOTIFY_DURATION_HEADER$1), NOTIFICATION_DEFAULT_CONFIG.duration));
+        let reason;
+        let resError = res.error;
+        if (resError instanceof Blob && resError.type === 'application/json') {
+            try {
+                resError = JSON.parse(await resError.text());
+            }
+            catch { }
+        }
+        if (isK8sErrorStatus(resError)) {
+            reason = resError.reason;
+            reason =
+                this.injector.get(TranslateService).locale === 'zh'
+                    ? ZH_ERRORS[reason] || DEFAULT_ZH_ERROR
+                    : reason;
+        }
+        this.createFeedback({
+            title: reason || this.getResErrorMessage(res),
+            duration,
+        }, {
+            content: {
+                apiVersion: 'v1',
+                RequestURI: req.urlWithParams,
+                Method: req.method,
+                RequestObject: {
+                    Time: this.time.format(req.requestAt),
+                    Header: this.getAllHeaders(req.headers),
+                    Body: req.body,
+                },
+                ResponseObject: {
+                    Time: this.time.format(),
+                    RelativeTime: this.time.distance(req.requestAt),
+                    StatusCode: res.status,
+                    Header: this.getAllHeaders(res.headers),
+                    Body: resError,
+                },
+            },
+            secondary: true,
+        });
+    }
+    getResErrorMessage(res) {
+        return typeof res.error === 'string'
+            ? res.error
+            : (res.statusText === 'OK' && res.error.message) ||
+                // compatible with legacy ACE API
+                get(res.error, 'errors[0].message') ||
+                res.statusText;
+    }
+    getAllHeaders(headers) {
+        return headers
+            .keys()
+            .reduce((acc, key) => {
+            let values = headers.getAll(key);
+            if (Array.isArray(values) && values.length === 1) {
+                values = values[0];
+            }
+            acc[key] = values;
+            return acc;
+        }, {});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NotificationUtilService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NotificationUtilService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: NotificationUtilService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * @packageDocumentation
+ * @module notification
+ */
+const WRITABLE_METHODS = ['delete', 'patch', 'post', 'put'];
+class ResourceErrorInterceptor {
+    constructor() {
+        this.notificationUtil = inject(NotificationUtilService);
+    }
+    intercept(req, next) {
+        // Maybe used later in custom `catchError`
+        req.requestAt = Date.now();
+        let notifyOnError = this.notifyOnError(req);
+        if (notifyOnError || req.headers.has(NOTIFY_ON_ERROR_HEADER)) {
+            const notifyOnErrorHeader = req.headers.get(NOTIFY_ON_ERROR_HEADER);
+            req = req.clone({
+                headers: req.headers.delete(NOTIFY_ON_ERROR_HEADER),
+            });
+            const skipNotifyOnError = notifyOnErrorHeader != null &&
+                [EMPTY$2, FALSE$1].includes(notifyOnErrorHeader);
+            if (skipNotifyOnError) {
+                notifyOnError = false;
+            }
+            else {
+                if (!notifyOnError) {
+                    notifyOnError = true;
+                }
+            }
+        }
+        return next.handle(req).pipe(catchError((err) => {
+            console.error(err);
+            if (notifyOnError) {
+                this.notificationUtil.notify(req, err);
+            }
+            return throwError(() => isK8sErrorStatus(err.error)
+                ? {
+                    ...err.error,
+                    __origin__: err,
+                    __req__: req,
+                }
+                : {
+                    ...err,
+                    __req__: req,
+                });
+        }));
+    }
+    notifyOnError(req) {
+        return (WRITABLE_METHODS.includes(req.method.toLowerCase()) &&
+            !req.url.endsWith('/v1/selfsubjectaccessreviews'));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceErrorInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceErrorInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceErrorInterceptor, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * [[include:notification/README.md]]
+ * @module notification
+ * @preferred
+ */
+/** imports */
+
+class GraphActionsComponent {
+    constructor() {
+        this.position = 'right top';
+    }
+    get positionClass() {
+        return this.position
+            .split(' ')
+            .reduce((acc, v) => (v ? { ...acc, [v]: true } : acc), {});
+    }
+    handleMouseDown(e) {
+        e.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: GraphActionsComponent, isStandalone: true, selector: "acl-graph-actions", inputs: { position: "position" }, host: { listeners: { "mousedown": "handleMouseDown($event)" } }, ngImport: i0, template: `<div
+    class="acl-graph-canvas__action-wrapper"
+    [ngClass]="positionClass"
+  >
+    <ng-content></ng-content>
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'acl-graph-actions',
+                    template: `<div
+    class="acl-graph-canvas__action-wrapper"
+    [ngClass]="positionClass"
+  >
+    <ng-content></ng-content>
+  </div>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: true,
+                    imports: [CommonModule],
+                }]
+        }], propDecorators: { position: [{
+                type: Input
+            }], handleMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+
+class GraphStoreService {
+    constructor() {
+        this.nodeStore = {};
+        this.scale = 1;
+        this.nodeChanged$$ = new ReplaySubject(1);
+        this.nodeChanged$ = this.nodeChanged$$
+            .asObservable()
+            .pipe(debounceTime(0));
+        this.resizeObserver = new ResizeObserver(throttle(() => this.nodeChanged$$.next(), 100));
+    }
+    registerSurfaceNode(surface) {
+        this.surfaceNode = surface;
+    }
+    registerNode(id, node) {
+        if (id) {
+            this.resizeObserver.observe(node.el.nativeElement);
+        }
+        this.nodeStore[id] = node;
+        this.nodeChanged$$.next();
+    }
+    unregisterNode(id) {
+        if (id && this.getNode(id)) {
+            this.resizeObserver.unobserve(this.nodeStore[id].el.nativeElement);
+        }
+        this.nodeStore[id] = null;
+        this.nodeChanged$$.next();
+    }
+    getNode(id) {
+        return this.nodeStore[id];
+    }
+    getSurfaceNode() {
+        return this.surfaceNode;
+    }
+    nodeChanged() {
+        return this.nodeChanged$;
+    }
+    getScale() {
+        return this.scale;
+    }
+    setScale(scale) {
+        return (this.scale = scale);
+    }
+    disconnectObserver() {
+        this.resizeObserver.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphStoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphStoreService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphStoreService, decorators: [{
+            type: Injectable
+        }] });
+
+function getRect(el) {
+    const r = el.getBoundingClientRect();
+    return {
+        top: r.top,
+        bottom: r.bottom,
+        left: r.left,
+        right: r.right,
+        width: r.width,
+        height: r.height,
+        offsetTop: el.offsetTop,
+        offsetLeft: el.offsetLeft,
+        offsetWidth: el.offsetWidth,
+        offsetHeight: el.offsetHeight,
+    };
+}
+
+const isMacSystem = isMac();
+class GraphCanvasComponent {
+    constructor() {
+        this.minScale = 0.25;
+        this.maxScale = 2;
+        this.originX = 'center';
+        this.originY = 'top';
+        this.boundary = 60;
+        this.loading = false;
+        this.loadFailed = false;
+        this.retry = new EventEmitter();
+        this.getCanvasRect = () => getRect(this.canvasRef.nativeElement);
+        this.graphStore = inject(GraphStoreService);
+        this.getSurfaceRect = () => getRect(this.surfaceRef.nativeElement);
+    }
+    get dragging() {
+        return !!this.dragStartPoint;
+    }
+    get canvasStyle() {
+        return {
+            padding: this.boundary + 'px',
+            justifyContent: xSelector(this.transformState.origin[0], [
+                'flex-start',
+                'center',
+                'flex-end',
+            ]),
+            alignItems: ySelector(this.transformState.origin[1], [
+                'flex-start',
+                'center',
+                'flex-end',
+            ]),
+            cursor: this.dragging ? 'grabbing' : 'grab',
+        };
+    }
+    get surfaceStyle() {
+        return {
+            transformOrigin: this.transformState.origin.join(' '),
+            transform: `translate(${this.transformState.translate[0]}px, ${this.transformState.translate[1]}px)  scale(${this.transformState.scale})`,
+        };
+    }
+    ngOnInit() {
+        this.transformState = {
+            origin: [this.originX, this.originY],
+            translate: [0, 0],
+            scale: this.graphStore.getScale(),
+        };
+    }
+    ngAfterViewInit() {
+        this.graphStore.registerSurfaceNode({ getRect: this.getSurfaceRect });
+    }
+    ngOnDestroy() {
+        this.graphStore.disconnectObserver();
+    }
+    handleWheelEvent(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        const { deltaX, deltaY, ctrlKey, shiftKey, clientX, clientY } = e;
+        if (ctrlKey) {
+            this.zoomByWheel(-deltaY, [clientX, clientY]);
+        }
+        else if (shiftKey && !isMacSystem) {
+            this.move(-deltaY, -deltaX);
+        }
+        else {
+            this.move(-deltaX, -deltaY);
+        }
+    }
+    handleMouseDown(e) {
+        this.dragStartPoint = [e.clientX, e.clientY];
+    }
+    handleMouseMove(e) {
+        if (!this.dragStartPoint) {
+            return;
+        }
+        this.move(e.clientX - this.dragStartPoint[0], e.clientY - this.dragStartPoint[1]);
+        this.dragStartPoint = [e.clientX, e.clientY];
+    }
+    handleMouseUp() {
+        this.dragStartPoint = null;
+    }
+    zoomByWheel(v, pointerPosition) {
+        this.dispatchTransform((transform, rects) => {
+            const { scale, translate } = transform;
+            const nextScale = scaleLimit(scale + v / 500);
+            const origin = originCoordinatePoint(transform, rects);
+            const pointer = coordinate(rects.canvasRect, pointerPosition);
+            const deltaX = ((pointer[0] - origin[0]) / scale) * nextScale -
+                (pointer[0] - origin[0]);
+            const deltaY = ((pointer[1] - origin[1]) / scale) * nextScale -
+                (pointer[1] - origin[1]);
+            return {
+                translate: [translate[0] - deltaX, translate[1] - deltaY],
+                scale: nextScale,
+            };
+        });
+    }
+    zoomByDefaultStep(direction) {
+        this.dispatchTransform(({ scale }) => ({
+            scale: scaleLimit(scale + (direction === 'in' ? 0.25 : -0.25)),
+        }));
+    }
+    zoomOriginal() {
+        this.dispatchTransform(() => ({
+            origin: [this.originX, this.originY],
+            translate: [0, 0],
+            scale: 1,
+        }));
+    }
+    zoomOverview() {
+        this.dispatchTransform((_, { canvasRect, surfaceRect }) => {
+            const scaleX = (canvasRect.offsetWidth - this.boundary * 2) / surfaceRect.offsetWidth;
+            const scaleY = (canvasRect.offsetHeight - this.boundary * 2) /
+                surfaceRect.offsetHeight;
+            return {
+                origin: ['center', 'center'],
+                translate: [0, 0],
+                scale: scaleLimit(min([scaleX, scaleY, 1])),
+            };
+        });
+    }
+    move(x, y) {
+        this.dispatchTransform(({ translate }) => ({
+            translate: [translate[0] + x, translate[1] + y],
+        }));
+    }
+    dispatchTransform(action) {
+        const rects = {
+            canvasRect: this.getCanvasRect(),
+            surfaceRect: this.getSurfaceRect(),
+        };
+        const nextTransform = mergeRight(this.transformState, action(this.transformState, rects));
+        this.transformState = applyCanvasBoundaries({
+            rects,
+            transform: nextTransform,
+            boundary: this.boundary,
+        });
+        this.graphStore.setScale(this.transformState.scale);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: GraphCanvasComponent, isStandalone: true, selector: "acl-graph-canvas", inputs: { minScale: "minScale", maxScale: "maxScale", originX: "originX", originY: "originY", boundary: "boundary", loading: "loading", loadFailed: "loadFailed" }, outputs: { retry: "retry" }, host: { listeners: { "document:mousemove": "handleMouseMove($event)", "document:mouseup": "handleMouseUp()" } }, providers: [GraphStoreService], viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "surfaceRef", first: true, predicate: ["surface"], descendants: true, static: true }], ngImport: i0, template: "<div\n  #canvas\n  class=\"acl-graph-canvas\"\n  [ngStyle]=\"canvasStyle\"\n  (wheel)=\"handleWheelEvent($event)\"\n  (mousedown)=\"handleMouseDown($event)\"\n>\n  <div\n    #surface\n    class=\"acl-graph-canvas__surface\"\n    [ngStyle]=\"surfaceStyle\"\n  >\n    <ng-content></ng-content>\n    <ng-content select=\"acl-graph-links\"></ng-content>\n  </div>\n\n  <div class=\"acl-graph-canvas__action-wrapper right bottom\">\n    <div\n      class=\"acl-graph-canvas__action square\"\n      [title]=\"'panoramic_view' | translate\"\n      (click)=\"zoomOverview()\"\n      (mousedown)=\"$event.stopPropagation()\"\n    >\n      <aui-icon icon=\"full_size\"></aui-icon>\n    </div>\n    <div class=\"acl-graph-canvas__scale-controller\">\n      <aui-icon\n        icon=\"minus\"\n        [title]=\"'zoom_out' | translate\"\n        [class.disabled]=\"transformState.scale <= minScale\"\n        (click)=\"zoomByDefaultStep('out')\"\n        (mousedown)=\"$event.stopPropagation()\"\n      ></aui-icon>\n      <span>{{ (transformState.scale * 100).toFixed(0) }}%</span>\n      <aui-icon\n        icon=\"plus\"\n        [title]=\"'zoom_in' | translate\"\n        [class.disabled]=\"transformState.scale >= maxScale\"\n        (click)=\"zoomByDefaultStep('in')\"\n        (mousedown)=\"$event.stopPropagation()\"\n      ></aui-icon>\n    </div>\n    <div\n      class=\"acl-graph-canvas__action square\"\n      [title]=\"'isometric_view' | translate\"\n      (click)=\"zoomOriginal()\"\n      (mousedown)=\"$event.stopPropagation()\"\n    >\n      <aui-icon icon=\"actual_size\"></aui-icon>\n    </div>\n  </div>\n  <ng-content select=\"acl-graph-actions\"></ng-content>\n  <div\n    class=\"acl-graph-canvas__loading-mask\"\n    (wheel)=\"$event.stopPropagation()\"\n    (mousedown)=\"$event.stopPropagation()\"\n    [hidden]=\"!loading && !loadFailed\"\n  >\n    <div class=\"acl-graph-canvas__loading\">\n      @if (loading) {\n        <aui-icon icon=\"spinner\"></aui-icon>\n        <span>{{ 'loading_please_wait' | translate }}</span>\n      }\n      @if (loadFailed) {\n        <span>{{ 'failed_load_please' | translate }}</span>\n        <button\n          aui-button=\"text\"\n          (click)=\"retry.emit()\"\n        >\n          {{ 'retry' | translate }}\n        </button>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".acl-graph-canvas{display:flex;width:100%;height:100%;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9));background-image:radial-gradient(rgba(var(--aui-color-n-7),.5) 1px,transparent 1px);background-size:10px 10px;background-position:center center;position:relative;overflow:hidden}.acl-graph-canvas:after{content:\"\";display:block;position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}:root .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.75)}.acl-graph-canvas__surface{position:relative}.acl-graph-canvas__links{position:absolute;top:0;left:0;width:1000px;height:1000px;overflow:visible;color:rgb(var(--aui-color-primary));pointer-events:none}.acl-graph-canvas__links .acl-graph-link__line{fill:none;stroke:currentcolor;stroke-width:2px}.acl-graph-canvas__links .acl-graph-link__dot,.acl-graph-canvas__links .acl-graph-link__arrow{fill:currentcolor}.acl-graph-canvas__loading{padding:8px 16px;border-radius:var(--aui-border-radius-m)}.acl-graph-canvas__loading{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}:root .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.05)}html[aui-theme-mode=light] .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.05)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.1)}}html[aui-theme-mode=dark] .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.1)}.acl-graph-canvas__loading aui-icon{margin-right:8px;color:rgb(var(--aui-color-primary));font-size:var(--aui-icon-size-m)}.acl-graph-canvas__loading-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:default}.acl-graph-canvas__action-wrapper{position:absolute;display:flex}.acl-graph-canvas__action-wrapper.top{top:var(--aui-spacing-m)}.acl-graph-canvas__action-wrapper.right{right:var(--aui-spacing-m)}.acl-graph-canvas__action-wrapper.left{left:var(--aui-spacing-m)}.acl-graph-canvas__action-wrapper.bottom{bottom:var(--aui-spacing-m)}.acl-graph-canvas acl-graph-actions .acl-graph-canvas__action-wrapper.bottom.right{right:168px}.acl-graph-canvas__action{padding:0 6px;height:24px;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);cursor:pointer;-webkit-user-select:none;user-select:none}.acl-graph-canvas__action{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}:root .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}.acl-graph-canvas__action.square{width:24px}.acl-graph-canvas__action:hover,.acl-graph-canvas__action.active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.acl-graph-canvas__action.disabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-10))}.acl-graph-canvas__action+.acl-graph-canvas__action{margin-left:4px}.acl-graph-canvas__scale-controller{display:flex;align-items:center;justify-content:center;margin:0 4px}.acl-graph-canvas__scale-controller{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.acl-graph-canvas__scale-controller{background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m)}:root .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}.acl-graph-canvas__scale-controller{-webkit-user-select:none;user-select:none}.acl-graph-canvas__scale-controller aui-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.acl-graph-canvas__scale-controller aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.acl-graph-canvas__scale-controller aui-icon.disabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-10));cursor:not-allowed}.acl-graph-canvas__scale-controller span{text-align:center;height:16px;width:50px;border-left:1px solid rgb(var(--aui-color-n-8));border-right:1px solid rgb(var(--aui-color-n-8))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphCanvasComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-graph-canvas', changeDetection: ChangeDetectionStrategy.OnPush, providers: [GraphStoreService], standalone: true, imports: [CommonModule, IconComponent, ButtonComponent, TranslatePipe], template: "<div\n  #canvas\n  class=\"acl-graph-canvas\"\n  [ngStyle]=\"canvasStyle\"\n  (wheel)=\"handleWheelEvent($event)\"\n  (mousedown)=\"handleMouseDown($event)\"\n>\n  <div\n    #surface\n    class=\"acl-graph-canvas__surface\"\n    [ngStyle]=\"surfaceStyle\"\n  >\n    <ng-content></ng-content>\n    <ng-content select=\"acl-graph-links\"></ng-content>\n  </div>\n\n  <div class=\"acl-graph-canvas__action-wrapper right bottom\">\n    <div\n      class=\"acl-graph-canvas__action square\"\n      [title]=\"'panoramic_view' | translate\"\n      (click)=\"zoomOverview()\"\n      (mousedown)=\"$event.stopPropagation()\"\n    >\n      <aui-icon icon=\"full_size\"></aui-icon>\n    </div>\n    <div class=\"acl-graph-canvas__scale-controller\">\n      <aui-icon\n        icon=\"minus\"\n        [title]=\"'zoom_out' | translate\"\n        [class.disabled]=\"transformState.scale <= minScale\"\n        (click)=\"zoomByDefaultStep('out')\"\n        (mousedown)=\"$event.stopPropagation()\"\n      ></aui-icon>\n      <span>{{ (transformState.scale * 100).toFixed(0) }}%</span>\n      <aui-icon\n        icon=\"plus\"\n        [title]=\"'zoom_in' | translate\"\n        [class.disabled]=\"transformState.scale >= maxScale\"\n        (click)=\"zoomByDefaultStep('in')\"\n        (mousedown)=\"$event.stopPropagation()\"\n      ></aui-icon>\n    </div>\n    <div\n      class=\"acl-graph-canvas__action square\"\n      [title]=\"'isometric_view' | translate\"\n      (click)=\"zoomOriginal()\"\n      (mousedown)=\"$event.stopPropagation()\"\n    >\n      <aui-icon icon=\"actual_size\"></aui-icon>\n    </div>\n  </div>\n  <ng-content select=\"acl-graph-actions\"></ng-content>\n  <div\n    class=\"acl-graph-canvas__loading-mask\"\n    (wheel)=\"$event.stopPropagation()\"\n    (mousedown)=\"$event.stopPropagation()\"\n    [hidden]=\"!loading && !loadFailed\"\n  >\n    <div class=\"acl-graph-canvas__loading\">\n      @if (loading) {\n        <aui-icon icon=\"spinner\"></aui-icon>\n        <span>{{ 'loading_please_wait' | translate }}</span>\n      }\n      @if (loadFailed) {\n        <span>{{ 'failed_load_please' | translate }}</span>\n        <button\n          aui-button=\"text\"\n          (click)=\"retry.emit()\"\n        >\n          {{ 'retry' | translate }}\n        </button>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".acl-graph-canvas{display:flex;width:100%;height:100%;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9));background-image:radial-gradient(rgba(var(--aui-color-n-7),.5) 1px,transparent 1px);background-size:10px 10px;background-position:center center;position:relative;overflow:hidden}.acl-graph-canvas:after{content:\"\";display:block;position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}:root .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-graph-canvas:after{box-shadow:inset 0 0 4px rgba(var(--aui-color-origin-shadow),.75)}.acl-graph-canvas__surface{position:relative}.acl-graph-canvas__links{position:absolute;top:0;left:0;width:1000px;height:1000px;overflow:visible;color:rgb(var(--aui-color-primary));pointer-events:none}.acl-graph-canvas__links .acl-graph-link__line{fill:none;stroke:currentcolor;stroke-width:2px}.acl-graph-canvas__links .acl-graph-link__dot,.acl-graph-canvas__links .acl-graph-link__arrow{fill:currentcolor}.acl-graph-canvas__loading{padding:8px 16px;border-radius:var(--aui-border-radius-m)}.acl-graph-canvas__loading{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}:root .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.05)}html[aui-theme-mode=light] .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.05)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.1)}}html[aui-theme-mode=dark] .acl-graph-canvas__loading{background-color:rgba(var(--aui-color-n-1),.1)}.acl-graph-canvas__loading aui-icon{margin-right:8px;color:rgb(var(--aui-color-primary));font-size:var(--aui-icon-size-m)}.acl-graph-canvas__loading-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:default}.acl-graph-canvas__action-wrapper{position:absolute;display:flex}.acl-graph-canvas__action-wrapper.top{top:var(--aui-spacing-m)}.acl-graph-canvas__action-wrapper.right{right:var(--aui-spacing-m)}.acl-graph-canvas__action-wrapper.left{left:var(--aui-spacing-m)}.acl-graph-canvas__action-wrapper.bottom{bottom:var(--aui-spacing-m)}.acl-graph-canvas acl-graph-actions .acl-graph-canvas__action-wrapper.bottom.right{right:168px}.acl-graph-canvas__action{padding:0 6px;height:24px;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);cursor:pointer;-webkit-user-select:none;user-select:none}.acl-graph-canvas__action{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}:root .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-graph-canvas__action{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}.acl-graph-canvas__action.square{width:24px}.acl-graph-canvas__action:hover,.acl-graph-canvas__action.active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.acl-graph-canvas__action.disabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-10))}.acl-graph-canvas__action+.acl-graph-canvas__action{margin-left:4px}.acl-graph-canvas__scale-controller{display:flex;align-items:center;justify-content:center;margin:0 4px}.acl-graph-canvas__scale-controller{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-secondary-text))}.acl-graph-canvas__scale-controller{background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m)}:root .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .acl-graph-canvas__scale-controller{box-shadow:0 2px 8px rgba(var(--aui-color-origin-shadow),.75)}.acl-graph-canvas__scale-controller{-webkit-user-select:none;user-select:none}.acl-graph-canvas__scale-controller aui-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.acl-graph-canvas__scale-controller aui-icon:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.acl-graph-canvas__scale-controller aui-icon.disabled{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-10));cursor:not-allowed}.acl-graph-canvas__scale-controller span{text-align:center;height:16px;width:50px;border-left:1px solid rgb(var(--aui-color-n-8));border-right:1px solid rgb(var(--aui-color-n-8))}\n"] }]
+        }], propDecorators: { minScale: [{
+                type: Input
+            }], maxScale: [{
+                type: Input
+            }], originX: [{
+                type: Input
+            }], originY: [{
+                type: Input
+            }], boundary: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], loadFailed: [{
+                type: Input
+            }], retry: [{
+                type: Output
+            }], canvasRef: [{
+                type: ViewChild,
+                args: ['canvas', { static: true }]
+            }], surfaceRef: [{
+                type: ViewChild,
+                args: ['surface', { static: true }]
+            }], handleMouseMove: [{
+                type: HostListener,
+                args: ['document:mousemove', ['$event']]
+            }], handleMouseUp: [{
+                type: HostListener,
+                args: ['document:mouseup', []]
+            }] } });
+function scaleLimit(scale) {
+    return clamp(round(scale, 2), 0.25, 2);
+}
+function applyCanvasBoundaries({ transform, rects, boundary, }) {
+    const { origin: [originX, originY], scale, translate, } = transform;
+    const { surfaceRect: { offsetWidth: surfaceWidth, offsetHeight: surfaceHeight }, canvasRect: { offsetWidth: canvasWidth, offsetHeight: canvasHeight }, } = rects;
+    const x = xSelector(originX, [
+        boundary,
+        canvasWidth / 2,
+        canvasWidth - boundary,
+    ]);
+    const x1 = x +
+        xSelector(originX, [surfaceWidth * scale, (surfaceWidth * scale) / 2, 0]);
+    const x2 = canvasWidth -
+        (x -
+            xSelector(originX, [
+                0,
+                (surfaceWidth * scale) / 2,
+                surfaceWidth * scale,
+            ]));
+    const y = ySelector(originY, [
+        boundary,
+        canvasHeight / 2,
+        canvasHeight - boundary,
+    ]);
+    const y1 = y +
+        ySelector(originY, [surfaceHeight * scale, (surfaceHeight * scale) / 2, 0]);
+    const y2 = canvasHeight -
+        (y -
+            ySelector(originY, [
+                0,
+                (surfaceHeight * scale) / 2,
+                surfaceHeight * scale,
+            ]));
+    return mergeRight(transform, {
+        translate: [
+            clamp(translate[0], boundary - x1, x2 - boundary),
+            clamp(translate[1], boundary - y1, y2 - boundary),
+        ],
+    });
+}
+function originCoordinatePoint({ origin: [originX, originY] }, { surfaceRect, canvasRect }) {
+    const [left, top] = coordinate(canvasRect, [
+        surfaceRect.left,
+        surfaceRect.top,
+    ]);
+    const x = xSelector(originX, [
+        left,
+        left + surfaceRect.width / 2,
+        left + surfaceRect.width,
+    ]);
+    const y = ySelector(originY, [
+        top,
+        top + surfaceRect.height / 2,
+        top + surfaceRect.height,
+    ]);
+    return [x, y];
+}
+function xSelector(x, [l, c, r]) {
+    return x === 'left' ? l : x === 'center' ? c : r;
+}
+function ySelector(y, [t, c, b]) {
+    return y === 'top' ? t : y === 'center' ? c : b;
+}
+function coordinate(canvas, [left, top]) {
+    return [left - canvas.left, top - canvas.top];
+}
+
+class GraphLinkComponent {
+    get arrowTransform() {
+        const [[x1, y1], [x2, y2]] = this.points;
+        const deg = this.direction === 'v' && y1 < y2
+            ? -90
+            : this.direction === 'v'
+                ? 90
+                : this.direction === 'h' && x1 < x2
+                    ? 180
+                    : 0;
+        return `translate(${x2}px, ${y2}px) rotate(${deg}deg)`;
+    }
+    constructor() {
+        this.direction = 'v';
+        this.radius = 12;
+        this.arrow = true;
+        this.path = ([[x1, y1], [x2, y2]]) => {
+            const mX = x1 + (x2 - x1) / 2;
+            const mY = y1 + (y2 - y1) / 2;
+            const r = Math.min(Math.abs(x1 - x2) / 2, Math.abs(y1 - y2) / 2, this.radius);
+            return this.direction === 'h'
+                ? `M ${x1} ${y1}
+         L ${addOrMinus(x1 > x2, mX, r)} ${y1}
+         Q ${mX} ${y1} ${mX} ${addOrMinus(y1 < y2, y1, r)}
+         L ${mX} ${addOrMinus(y1 > y2, y2, r)}
+         Q ${mX} ${y2} ${addOrMinus(x1 < x2, mX, r)} ${y2}
+         L ${this.arrow ? addOrMinus(x1 > x2, x2, 8) : x2} ${y2}`
+                : `M ${x1} ${y1}
+         L ${x1} ${addOrMinus(y1 > y2, mY, r)}
+         Q ${x1} ${mY} ${addOrMinus(x1 < x2, x1, r)} ${mY}
+         L ${addOrMinus(x1 > x2, x2, r)} ${mY}
+         Q ${x2} ${mY} ${x2} ${addOrMinus(y1 < y2, mY, r)}
+         L ${x2} ${this.arrow ? addOrMinus(y1 > y2, y2, 8) : y2}`;
+        };
+        this.parallelDirection = (a, b, al, bl) => a + al < b ? [a + al, b] : [a, b + bl];
+        this.verticalDirection = (a, b, al, bl) => [
+            a + al / 2,
+            b + bl / 2,
+        ];
+        this.onDestroy$$ = new Subject();
+        this.store = inject(GraphStoreService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.store
+            .nodeChanged()
+            .pipe(takeUntil(this.onDestroy$$))
+            .subscribe(() => {
+            const currentPoints = this.points;
+            const nextPoints = this.findPoints();
+            if (isEqual(currentPoints, nextPoints)) {
+                return;
+            }
+            this.points = nextPoints;
+            this.cdr.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.onDestroy$$.next();
+    }
+    findPoints() {
+        const r1 = this.store.getNode(this.from)?.getRect();
+        const r2 = this.store.getNode(this.to)?.getRect();
+        if (!r1 || !r2) {
+            return;
+        }
+        const s = this.store.getSurfaceNode().getRect();
+        const [x1, x2] = (this.direction === 'h' ? this.parallelDirection : this.verticalDirection)(r1.left - s.left, r2.left - s.left, r1.width, r2.width);
+        const [y1, y2] = (this.direction === 'h' ? this.verticalDirection : this.parallelDirection)(r1.top - s.top, r2.top - s.top, r1.height, r2.height);
+        return this.unScale([
+            [x1, y1],
+            [x2, y2],
+        ]);
+    }
+    unScale(points) {
+        return points.map(p => p.map(n => n / this.store.getScale()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: GraphLinkComponent, isStandalone: true, selector: "g[aclGraphLink]", inputs: { from: "from", to: "to", direction: "direction", radius: "radius", arrow: "arrow", color: "color", path: "path", parallelDirection: "parallelDirection", verticalDirection: "verticalDirection" }, providers: [GraphStoreService], ngImport: i0, template: "@if (points) {\n  <svg:path\n    class=\"acl-graph-link__line\"\n    [attr.d]=\"path(points)\"\n    [style.stroke]=\"color\"\n  />\n  @if (arrow) {\n    <svg:circle\n      class=\"acl-graph-link__dot\"\n      r=\"4\"\n      [attr.cx]=\"points[0][0]\"\n      [attr.cy]=\"points[0][1]\"\n      [style.fill]=\"color\"\n    ></svg:circle>\n    <svg:polygon\n      class=\"acl-graph-link__arrow\"\n      points=\"0,0 8,-4 8,4\"\n      [style.transform]=\"arrowTransform\"\n      [style.fill]=\"color\"\n    ></svg:polygon>\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'g[aclGraphLink]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], providers: [GraphStoreService], template: "@if (points) {\n  <svg:path\n    class=\"acl-graph-link__line\"\n    [attr.d]=\"path(points)\"\n    [style.stroke]=\"color\"\n  />\n  @if (arrow) {\n    <svg:circle\n      class=\"acl-graph-link__dot\"\n      r=\"4\"\n      [attr.cx]=\"points[0][0]\"\n      [attr.cy]=\"points[0][1]\"\n      [style.fill]=\"color\"\n    ></svg:circle>\n    <svg:polygon\n      class=\"acl-graph-link__arrow\"\n      points=\"0,0 8,-4 8,4\"\n      [style.transform]=\"arrowTransform\"\n      [style.fill]=\"color\"\n    ></svg:polygon>\n  }\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { from: [{
+                type: Input
+            }], to: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], radius: [{
+                type: Input
+            }], arrow: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], path: [{
+                type: Input
+            }], parallelDirection: [{
+                type: Input
+            }], verticalDirection: [{
+                type: Input
+            }] } });
+function addOrMinus(condition, v1, v2) {
+    return (condition ? add : subtract)(v1, v2);
+}
+
+class GraphLinksComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: GraphLinksComponent, isStandalone: true, selector: "acl-graph-links", ngImport: i0, template: "<svg class=\"acl-graph-canvas__links\">\n  <ng-content select=\"[aclGraphLink]\"></ng-content>\n</svg>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-graph-links', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule], template: "<svg class=\"acl-graph-canvas__links\">\n  <ng-content select=\"[aclGraphLink]\"></ng-content>\n</svg>\n" }]
+        }] });
+
+class GraphNodeDirective {
+    constructor() {
+        this.hostRect = () => getRect(this.el.nativeElement);
+        this.el = inject(ElementRef);
+        this.store = inject(GraphStoreService);
+    }
+    ngOnInit() {
+        this.store.registerNode(this.id, { getRect: this.hostRect, el: this.el });
+    }
+    ngOnDestroy() {
+        this.store.unregisterNode(this.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: GraphNodeDirective, isStandalone: true, selector: "[aclGraphNode]", inputs: { id: ["aclGraphNode", "id"] }, providers: [GraphStoreService], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: GraphNodeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[aclGraphNode]',
+                    standalone: true,
+                    providers: [GraphStoreService],
+                }]
+        }], propDecorators: { id: [{
+                type: Input,
+                args: ['aclGraphNode']
+            }] } });
+
+const GRAPH_COMPONENTS = [
+    GraphActionsComponent,
+    GraphCanvasComponent,
+    GraphLinksComponent,
+    GraphLinkComponent,
+    GraphNodeDirective,
+];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION, AIT_API_GROUP, ALL, ALL_VALUE, ANNOTATIONS, API_GATEWAY, ARGOCD_GROUP, ARRAY_FORM_TABLE_MODULE, ARRAY_TABLE_FORM_ERROR_BG, ASSIGN_ALL, ASYNC_DATA_MODULE, AccessMode, AccessModes, AclTableVirtualComponent, AclTableVirtualHeaderDefDirective, AclTableVirtualModule, AclTableVirtualPlaceholderDefDirective, AclTableVirtualRowDefDirective, AlaudaDeployStatus, AlaudaRunningStatus, ArrayFormTableComponent, ArrayFormTableFooterDirective, ArrayFormTableHeaderDirective, ArrayFormTableRowControlDirective, ArrayFormTableRowDirective, ArrayFormTableRowErrorDirective, ArrayFormTableRowSeparatorDirective, ArrayFormTableZeroStateDirective, AsyncDataLoader, AsyncFunctionValidatorDirective, AuiCodeEditorHelperDirective, BASE_TIMEZONE, BUILT_IN_YAML_EXAMPLES, BaseFormContainer, BaseNestedFormControl, BaseNestedFormControlPure, BaseStringMapFormComponent, Bracket, CHART_PICKER_TIME_RANGES, CLUSTER, COMMON_RESOURCE_DEFINITIONS, CORE_UNITS, CORE_UNIT_REG, CREATE, CREATED_AT, CREATION_TIMESTAMP, CREATOR, CRON_ENABLE_7_FOR_SUNDAY, CRON_FORMAT_ERROR, CRON_MIN_INTERVAL_ERROR, CRYPTO_HEADER_KEY, CRYPTO_KEY, CRYPTO_RANDOM_HEADER_KEY, CRYPTO_TYPE, CUSTOM, CUSTOMIZED, CUSTOM_RANGE, CalcPipe, CardSectionComponent, ClickOutsideDirective, CloudHelmRequestStateEnum, CodeDisplayDialogComponent, CoerceNumberDirective, ConfirmDeleteComponent, ConfirmDeleteContentDirective, ConfirmDeleteLabelDirective, ConfirmDeleteTipDirective, ControlValueTraceDirective, CronHumanReadablePipe, CronWeekDays, CrontabNextPipe, CurrentTimeComponent, DATE_FORMAT, DATE_TIME_FORMAT, DEFAULT_CODE_EDITOR_OPTIONS, DEFAULT_CONTAINER_ANNOTATION, DEFAULT_OPERATOR, DEFAULT_OPTIONS, DEFAULT_REASON, DELIMITER, DESCRIPTION, DISPLAY_NAME, DNS1123SubdomainValidator, DOMAIN_PATTERN, DOMAIN_PATTERN_BASE, DOT, DOWNGRADE_WATCH_ENABLED, DOWNGRADE_WATCH_POLLING, DUPLICATE_ERROR_KEY, DUPLICATION_JUSTIFY_STRATEGY, DataSource, DateRangePickerComponent, DeclareDirective, DefaultStatusColorMapper, DefaultStatusIconMapper, DeleteType, DeletingTagComponent, DisabledContainerComponent, DisabledDirective, DragHandleDirective, DurationPipe, E2eAttributeBindingDirective, EFFECT_DIRECTIVE_MODULE, EMAIL_PATTERN, EMPTY, ERRORS_MAPPER_MODULE, ESCAPE_DEACTIVATE_CHECK, ErrorStateComponent, ErrorsMapperComponent, ErrorsMapperDirective, FALSE, FIELDSET_GROUP_COMPONENTS, FeatureGateDirective, FieldSetColumnComponent, FieldSetColumnGroupComponent, FieldSetGroupComponent, FieldSetItemActionDirective, FieldSetItemComponent, FileResultType, FoldableBlockComponent, FoldableItemInTableComponent, FormItemMarginEffectDirective, FunctionValidatorDirective, GLOBAL_CLUSTER, GenericStatusColor, GenericStatusIcon, GuardStatus, HTTP_ADDRESS_PATTERN, HTTP_DUAL_IP_OR_DOMAIN_PATTERN, HTTP_IP_OR_DOMAIN_PATTERN, HYPHEN, HelmRequestPhaseEnum, HelpDocDirective, HelpDocUrlPipe, HelpDocumentComponent, HelpDocumentService, IMAGE_TAG_PATTERN, INT_PATTERN, INT_ZERO_PATTERN, IPV4_IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_ADDRESS_HOSTNAME_PATTERN, IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_PATTERN_BASE, IP_ADDRESS_HOSTNAME_PATTERN, IP_ADDRESS_HOSTNAME_PATTERN_EXTEND, IP_ADDRESS_HOSTNAME_PORT_PATTERN, IP_ADDRESS_PATTERN, IP_ADDRESS_PORT_PATTERN, IP_ADDRESS_SUBNET_PATTERN, IP_PATTERN, IP_PATTERN_BASE, IP_V4_OR_V6_PATTERN, IP_V6_ADDRESS_PATTERN, IP_V6_PATTERN, InterceptDeactivateDirective, InterceptDeactivateGuard, InterceptDeactivateService, JobStatusColorMapper, JobStatusEnum, JobStatusIconMapper, K8SResourceList, K8SResourceListFooterComponent, K8SResourcePagedList, K8S_APP_API_GROUP, K8S_CORE_API_GROUP, K8S_RESOURCE_LABEL_KEY_NAME_PATTERN, K8S_RESOURCE_LABEL_KEY_PREFIX_PATTERN, K8S_RESOURCE_LABEL_VALUE_PATTERN, K8S_RESOURCE_LIST_MODULE, K8S_RESOURCE_NAME_START_WITH_CHARS_ONLY, K8S_RESOURCE_TRANSLATE_KEY, K8sListFooterLoadingErrorDirective, K8sListFooterNoDataDirective, K8sResourceAction, K8sResourceMarkComponent, K8sResourceTranslateKeyPipe, K8sSharedUtilService, K8sYamlDisplayDialogComponent, KNOWN_COLUMNS, KeyValueFormTableComponent, KeyValueTableComponent, LABELS, LINK, LOCAL_STORAGE_KEY_THEME_MODE, ListDisplayComponent, ListenResizeDirective, LoadAction, LocaleTransformPipe, MACHINE_API_GROUP, METADATA, MUTABLE_BASIC_OPTIONS, MUTABLE_MODULE, MarkedPipe, MaxLengthValidatorDirective, MaxValidatorDirective, MinLengthValidatorDirective, MinValidatorDirective, MinimumFormatPipe, MosaicComponent, MosaicLeftDirective, MosaicRightDirective, MultiSearchActionInputComponent, MultiSearchAdvanced, MultiSearchBasic, MultiSearchComponent, MutableDirective, NAME, NAMESPACE, NOTIFICATION_SERVER_NAME, NOTIFY_DURATION_HEADER, NOTIFY_ON_ERROR_HEADER, NOTIFY_ON_ERROR_HEADERS, NOT_NOTIFY_ON_ERROR_HEADERS, NUMBER_PATTERN, NamespaceBadgeComponent, NotBeValidatorDirective, OAM_GROUP, OnResizeChangeService, OneOfValidatorDirective, OverviewBannerComponent, PACKAGE_RUNTIME_VALUE, PAGE_GUARD_MODULE, PLATFORM_OPS_MODE, PORT_PATTERN, POSITIVE_INT_PATTERN, POSITIVE_NUMBER_PATTERN, PREFIX_LABEL_CLASS, PROJECT, PUBLIC_NAMESPACE, PageGuardComponent, PageGuardContentDirective, PageGuardDescriptionDirective, PageGuardImageDirective, PageGuardOperationDirective, PageStateComponent, ParseJsonTranslatePipe, PasswordInputComponent, PluginClusterSelectorComponent, PodStatusColorMapper, PodStatusComponent, PodStatusEnum, PodStatusIconMapper, PreventClipboardDirective, PreventDirective, PreventHandler, ProductKey, REASON_MAP, RESOURCE_MAC_TYPES, RESOURCE_REQUIREMENT_KEYS, ReadonlyFieldDirective, Reason, RelativeTimeComponent, RequestPool, ResizeDirective, ResourceLabelComponent, ResourceMultiSelectComponent, ResourceYamlDisplayComponent, ResourceYamlEditorComponent, SERVICE_PORT_BASE_PROTOCOLS, SERVICE_PORT_PROTOCOLS, SERVICE_SESSION_AFFINITIES, SERVICE_TYPES, SLASH, SPACE, SPEC, STATUS, STRATEGY_JUDGE_MAPPER, STRONG_PASSWORD_SPECIAL_CHARS, ScrollBorderObserverDirective, ScrollToFirstInvalidDirective, ScrollToFirstInvalidMarkerDirective, SearchItemComponent, SearchItemLabelDirective, SearchPanelComponent, SecretType, SelectPrefixLabelDirective, SpanComponent, StatusIconComponent, StopDirective, StringArrayFormTableComponent, StrongPasswordDirective, StrongPasswordTooltipComponent, TEMPLATE_OPTIONS, TIMEZONES, TIME_FORMAT, TOKEN_HELP_DOC_DATA, TRUE, TableCellDefDirective, TableComponent, TableCustomColumnsComponent, TableHeaderCellDefDirective, TableUtilService, TagsLabelComponent, TaintEffect, TerminatingTagComponent, TestTagComponent, TextEllipsisComponent, TextTooltipDirective, TextWithUrlComponent, ThemeTransformPipe, TimezoneDisplayPipe, TolerationOperator, TrimDirective, UNDERSCORE, UNITS, UNIT_REG, UPDATE, UPDATED_AT, UPDATED__AT, UpdateDescriptionDialogComponent, UpdateDisplayNameDialogComponent, UpdateKeyValueDialogComponent, UploadFileComponent, UserSecurityPolicyRule, UserState, VOLUME_SNAPSHOT_GROUP, ValidateRowDuplicateService, ValidatorsDirective, VolumeMode, VolumeModes, VolumeTypeEnum, WEEK_DAYS, WILDCARD, WORKSPACE_PARAMS, WorkloadKind, WorkloadStatusColorMapper, WorkloadStatusEnum, WorkloadStatusIconComponent, WorkloadStatusIconMapper, YamlUtilService, ZeroStateComponent, addUnitCoreM, addUnitGi, addUnitMi, appendImageHeader, atobWithFallback, buildImageAddress, buildUrl, checkValueExit, clearWindowsXtermTools, compareMinorVersion, compareVersion, copyValue, createNestedFormControl, cronValidator, cronValidatorBasic, dataTransfer, dateValueOf, defaultFilter, defaultSorter, emptyObjectRemoveRuleFactory, errorColor, extractListParamsFromRoute, extractPagedListParams, extractWorkspace, extractWorkspaceFromRoute, filterEmptyValue, filterTrees, findPath, firstPath, formatCPU, formatMemory, formatNumber, genControlDepsMap, getAppropriateMemory, getBaseHref, getCpu, getCronWeekDayNumbers, getDisabledState, getDisabledState$, getHelpDocUrl, getHostname, getJobStatus, getK8sResourceAnnotationErrorMapper, getK8sResourceAnnotationErrorMapper$, getK8sResourceLabelErrorMapper, getK8sResourceLabelErrorMapper$, getMemory, getPickerTimeRanges, getPodAggregatedStatus, getPodIPs, getPodStatus, getPrivateIP, getPrivateIPv4, getPrivateIPv6, getRelativePath, getResourceLimitAsyncValidatorFn, getResourceLimitValidatorFn, getResourceValue, getResourceViewModel, getToPath, getValidVersion, getWorkloadStatus, initGreaterValidator, isAbsoluteUrl, isB, isCronFieldCountCorrect, isCronWeekDayCorrect, isCronWeekDaysContinuous, isErrorMessage, isJsonObjectString, isK8sResource, isL, isR, isSelectAll, isT, isValidRID, isValidWorkspace, k8sResourceAnnotationKeyValidator, k8sResourceAnnotationValidator, k8sResourceLabelKeyValidator, k8sResourceLabelValidator, k8sResourceLabelValueValidator, loadEnv, logsReadOptions, mapTrees, matchExpressionsToString, matchLabelsToString, maxParallelByHttpVersion, noShowRowError, normalizeParams, numToStr, parseDaemonSetStatus, parseDeploymentStatus, parseImageAddress, parseRID, parseStatefulSetStatus, parseToWorkloadStatus, parseUrlInText, parseValidImageName, parseValueAndUnit, parseVersion, parseWorkspace, prefixFilterRuleFactory, primaryColor, queryListParams, randomPassword, reduceTrees, removeDirtyFieldsBeforeUpdate, resourceUnits, rowBackgroundColorFn, safeAssign, scrollIntoView, setNode, setupErrorMapper, shortNum, sortByCreationTimestamp, stringToMatchLabels, stringifyRID, stringifyWorkspace, successColor, tableSort, tableSortAdvance, tagRenderDefault, toLowerFirstLetter, toNumber, toPercent, toPx, toUnitGi, toUnitI, toUnitMi, toUnitNum, toUnitNumM, trackByName, trackByUid, transferResource, versionRegex, warnColor, withLoadState, workspaceToPath, yamlFilterField };
+export { ACTION, AIT_API_GROUP, ALL, ALL_VALUE, ANNOTATIONS, API_GATEWAY, ARGOCD_GROUP, ARRAY_FORM_TABLE_MODULE, ARRAY_TABLE_FORM_ERROR_BG, ASSIGN_ALL, ASYNC_DATA_MODULE, AccessMode, AccessModes, AclTableVirtualComponent, AclTableVirtualHeaderDefDirective, AclTableVirtualPlaceholderDefDirective, AclTableVirtualRowDefDirective, AlaudaDeployStatus, AlaudaRunningStatus, ArrayFormTableComponent, ArrayFormTableFooterDirective, ArrayFormTableHeaderDirective, ArrayFormTableRowControlDirective, ArrayFormTableRowDirective, ArrayFormTableRowErrorDirective, ArrayFormTableRowSeparatorDirective, ArrayFormTableZeroStateDirective, AsyncDataLoader, AsyncFunctionValidatorDirective, AuiCodeEditorHelperDirective, BASE_TIMEZONE, BUILT_IN_YAML_EXAMPLES, BaseFormContainer, BaseNestedFormControl, BaseNestedFormControlPure, BaseStringMapFormComponent, Bracket, CHART_PICKER_TIME_RANGES, CLUSTER, COMMON_RESOURCE_DEFINITIONS, CORE_UNITS, CORE_UNIT_REG, CREATE, CREATED_AT, CREATION_TIMESTAMP, CREATOR, CRON_ENABLE_7_FOR_SUNDAY, CRON_FORMAT_ERROR, CRON_MIN_INTERVAL_ERROR, CRYPTO_HEADER_KEY, CRYPTO_KEY, CRYPTO_RANDOM_HEADER_KEY, CRYPTO_TYPE, CUSTOM, CUSTOMIZED, CUSTOM_RANGE, CalcPipe, CardSectionComponent, ClickOutsideDirective, CloudHelmRequestStateEnum, CodeDisplayDialogComponent, CoerceNumberDirective, ConfirmDeleteComponent, ConfirmDeleteContentDirective, ConfirmDeleteLabelDirective, ConfirmDeleteTipDirective, ControlValueTraceDirective, CronHumanReadablePipe, CronWeekDays, CrontabNextPipe, CurrentTimeComponent, DATE_FORMAT, DATE_TIME_FORMAT, DEFAULT_CODE_EDITOR_OPTIONS, DEFAULT_CONTAINER_ANNOTATION, DEFAULT_OPERATOR, DEFAULT_OPTIONS, DEFAULT_REASON, DEFAULT_ZH_ERROR, DELIMITER, DESCRIPTION, DISPLAY_NAME, DNS1123SubdomainValidator, DOMAIN_PATTERN, DOMAIN_PATTERN_BASE, DOT, DOWNGRADE_WATCH_ENABLED, DOWNGRADE_WATCH_POLLING, DUPLICATE_ERROR_KEY, DUPLICATION_JUSTIFY_STRATEGY, DataSource, DateRangePickerComponent, DeclareDirective, DefaultStatusColorMapper, DefaultStatusIconMapper, DeleteType, DeletingTagComponent, DisabledContainerComponent, DisabledDirective, DragHandleDirective, DurationPipe, E2eAttributeBindingDirective, EFFECT_DIRECTIVE_MODULE, EMAIL_PATTERN, EMPTY, ERRORS_MAPPER_MODULE, ESCAPE_DEACTIVATE_CHECK, ErrorStateComponent, ErrorsMapperComponent, ErrorsMapperDirective, FALSE, FIELDSET_GROUP_COMPONENTS, FeatureGateDirective, FeedbackNotificationComponent, FieldSetColumnComponent, FieldSetColumnGroupComponent, FieldSetGroupComponent, FieldSetItemActionDirective, FieldSetItemComponent, FileResultType, FoldableBlockComponent, FoldableItemInTableComponent, FormItemMarginEffectDirective, FunctionValidatorDirective, GLOBAL_CLUSTER, GRAPH_COMPONENTS, GenericStatusColor, GenericStatusIcon, GraphActionsComponent, GraphCanvasComponent, GraphLinkComponent, GraphLinksComponent, GraphNodeDirective, GuardStatus, HTTP_ADDRESS_PATTERN, HTTP_DUAL_IP_OR_DOMAIN_PATTERN, HTTP_IP_OR_DOMAIN_PATTERN, HYPHEN, HelmRequestPhaseEnum, HelpDocDirective, HelpDocUrlPipe, HelpDocumentComponent, HelpDocumentService, IMAGE_TAG_PATTERN, INT_PATTERN, INT_ZERO_PATTERN, IPV4_IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_ADDRESS_HOSTNAME_PATTERN, IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_PATTERN_BASE, IP_ADDRESS_HOSTNAME_PATTERN, IP_ADDRESS_HOSTNAME_PATTERN_EXTEND, IP_ADDRESS_HOSTNAME_PORT_PATTERN, IP_ADDRESS_PATTERN, IP_ADDRESS_PORT_PATTERN, IP_ADDRESS_SUBNET_PATTERN, IP_PATTERN, IP_PATTERN_BASE, IP_V4_OR_V6_PATTERN, IP_V6_ADDRESS_PATTERN, IP_V6_PATTERN, InterceptDeactivateDirective, InterceptDeactivateGuard, InterceptDeactivateService, JobStatusColorMapper, JobStatusEnum, JobStatusIconMapper, K8SResourceList, K8SResourceListFooterComponent, K8SResourcePagedList, K8S_APP_API_GROUP, K8S_CORE_API_GROUP, K8S_RESOURCE_LABEL_KEY_NAME_PATTERN, K8S_RESOURCE_LABEL_KEY_PREFIX_PATTERN, K8S_RESOURCE_LABEL_VALUE_PATTERN, K8S_RESOURCE_LIST_MODULE, K8S_RESOURCE_NAME_START_WITH_CHARS_ONLY, K8S_RESOURCE_TRANSLATE_KEY, K8sListFooterLoadingErrorDirective, K8sListFooterNoDataDirective, K8sResourceAction, K8sResourceMarkComponent, K8sResourceTranslateKeyPipe, K8sSharedUtilService, K8sYamlDisplayDialogComponent, KNOWN_COLUMNS, KeyValueFormTableComponent, KeyValueTableComponent, LABELS, LINK, LOCAL_STORAGE_KEY_THEME_MODE, ListDisplayComponent, ListenResizeDirective, LoadAction, LocaleTransformPipe, MACHINE_API_GROUP, METADATA, MUTABLE_BASIC_OPTIONS, MUTABLE_MODULE, MarkedPipe, MaxLengthValidatorDirective, MaxValidatorDirective, MinLengthValidatorDirective, MinValidatorDirective, MinimumFormatPipe, MosaicComponent, MosaicLeftDirective, MosaicRightDirective, MultiSearchActionInputComponent, MultiSearchAdvanced, MultiSearchBasic, MultiSearchComponent, MutableDirective, NAME, NAMESPACE, NOTIFICATION_SERVER_NAME, NOTIFY_DURATION_HEADER, NOTIFY_ON_ERROR_HEADER, NOTIFY_ON_ERROR_HEADERS, NOT_NOTIFY_ON_ERROR_HEADERS, NUMBER_PATTERN, NamespaceBadgeComponent, NotBeValidatorDirective, NotificationUtilService, OAM_GROUP, OnResizeChangeService, OneOfValidatorDirective, OverviewBannerComponent, PACKAGE_RUNTIME_VALUE, PAGE_GUARD_MODULE, PLATFORM_OPS_MODE, PORT_PATTERN, POSITIVE_INT_PATTERN, POSITIVE_NUMBER_PATTERN, PREFIX_LABEL_CLASS, PROJECT, PUBLIC_NAMESPACE, PageGuardComponent, PageGuardContentDirective, PageGuardDescriptionDirective, PageGuardImageDirective, PageGuardOperationDirective, PageStateComponent, ParseJsonTranslatePipe, PasswordInputComponent, PluginClusterSelectorComponent, PodStatusColorMapper, PodStatusComponent, PodStatusEnum, PodStatusIconMapper, PreventClipboardDirective, PreventDirective, PreventHandler, ProductKey, REASON_MAP, RESOURCE_MAC_TYPES, RESOURCE_REQUIREMENT_KEYS, ReadonlyFieldDirective, Reason, RelativeTimeComponent, RequestPool, ResizeDirective, ResourceErrorInterceptor, ResourceLabelComponent, ResourceMultiSelectComponent, ResourceYamlDisplayComponent, ResourceYamlEditorComponent, SERVICE_PORT_BASE_PROTOCOLS, SERVICE_PORT_PROTOCOLS, SERVICE_SESSION_AFFINITIES, SERVICE_TYPES, SLASH, SPACE, SPEC, STATUS, STRATEGY_JUDGE_MAPPER, STRONG_PASSWORD_SPECIAL_CHARS, ScrollBorderObserverDirective, ScrollToFirstInvalidDirective, ScrollToFirstInvalidMarkerDirective, SearchItemComponent, SearchItemLabelDirective, SearchPanelComponent, SecretType, SelectPrefixLabelDirective, SpanComponent, StatusIconComponent, StopDirective, StringArrayFormTableComponent, StrongPasswordDirective, StrongPasswordTooltipComponent, TABLE_VIRTUAL_MODULE, TEMPLATE_OPTIONS, TIMEZONES, TIME_FORMAT, TOKEN_HELP_DOC_DATA, TRUE, TableCellDefDirective, TableComponent, TableCustomColumnsComponent, TableHeaderCellDefDirective, TableUtilService, TagsLabelComponent, TaintEffect, TerminatingTagComponent, TestTagComponent, TextEllipsisComponent, TextTooltipDirective, TextWithUrlComponent, ThemeTransformPipe, TimezoneDisplayPipe, TolerationOperator, TrimDirective, UNDERSCORE, UNITS, UNIT_REG, UPDATE, UPDATED_AT, UPDATED__AT, UpdateDescriptionDialogComponent, UpdateDisplayNameDialogComponent, UpdateKeyValueDialogComponent, UploadFileComponent, UserSecurityPolicyRule, UserState, VOLUME_SNAPSHOT_GROUP, ValidateRowDuplicateService, ValidatorsDirective, VolumeMode, VolumeModes, VolumeTypeEnum, WEEK_DAYS, WILDCARD, WORKSPACE_PARAMS, WRITABLE_METHODS, WorkloadKind, WorkloadStatusColorMapper, WorkloadStatusEnum, WorkloadStatusIconComponent, WorkloadStatusIconMapper, YamlUtilService, ZH_ERRORS, ZeroStateComponent, addUnitCoreM, addUnitGi, addUnitMi, appendImageHeader, atobWithFallback, buildImageAddress, buildUrl, checkValueExit, clearWindowsXtermTools, compareMinorVersion, compareVersion, copyValue, createNestedFormControl, cronValidator, cronValidatorBasic, dataTransfer, dateValueOf, defaultFilter, defaultSorter, emptyObjectRemoveRuleFactory, errorColor, extractListParamsFromRoute, extractPagedListParams, extractWorkspace, extractWorkspaceFromRoute, filterEmptyValue, filterTrees, findPath, firstPath, formatCPU, formatMemory, formatNumber, genControlDepsMap, getAppropriateMemory, getBaseHref, getCpu, getCronWeekDayNumbers, getDisabledState, getDisabledState$, getHelpDocUrl, getHostname, getJobStatus, getK8sResourceAnnotationErrorMapper, getK8sResourceAnnotationErrorMapper$, getK8sResourceLabelErrorMapper, getK8sResourceLabelErrorMapper$, getMemory, getPickerTimeRanges, getPodAggregatedStatus, getPodIPs, getPodStatus, getPrivateIP, getPrivateIPv4, getPrivateIPv6, getRelativePath, getResourceLimitAsyncValidatorFn, getResourceLimitValidatorFn, getResourceValue, getResourceViewModel, getToPath, getValidVersion, getWorkloadStatus, initGreaterValidator, isAbsoluteUrl, isB, isCronFieldCountCorrect, isCronWeekDayCorrect, isCronWeekDaysContinuous, isErrorMessage, isJsonObjectString, isK8sErrorStatus, isK8sResource, isL, isR, isSelectAll, isT, isValidRID, isValidWorkspace, k8sResourceAnnotationKeyValidator, k8sResourceAnnotationValidator, k8sResourceLabelKeyValidator, k8sResourceLabelValidator, k8sResourceLabelValueValidator, loadEnv, logsReadOptions, mapTrees, matchExpressionsToString, matchLabelsToString, maxParallelByHttpVersion, noShowRowError, normalizeParams, numToStr, parseDaemonSetStatus, parseDeploymentStatus, parseImageAddress, parseRID, parseStatefulSetStatus, parseToWorkloadStatus, parseUrlInText, parseValidImageName, parseValueAndUnit, parseVersion, parseWorkspace, prefixFilterRuleFactory, primaryColor, queryListParams, randomPassword, reduceTrees, removeDirtyFieldsBeforeUpdate, resourceUnits, rowBackgroundColorFn, safeAssign, scrollIntoView, setNode, setupErrorMapper, shortNum, sortByCreationTimestamp, stringToMatchLabels, stringifyRID, stringifyWorkspace, successColor, tableSort, tableSortAdvance, tagRenderDefault, toLowerFirstLetter, toNumber, toPercent, toPx, toUnitGi, toUnitI, toUnitMi, toUnitNum, toUnitNumM, trackByName, trackByUid, transferResource, versionRegex, warnColor, withLoadState, workspaceToPath, yamlFilterField };
 //# sourceMappingURL=alauda-fe-dynamic-plugin-shared.mjs.map