@alauda-fe/dynamic-plugin-shared 0.0.4-alpha.25 → 0.0.4-alpha.27

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

@@ -1,5 +1,5 @@
 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, DialogSize, MessageType, NOTIFICATION_DEFAULT_CONFIG } from '@alauda/ui';
+import { rgbColor, ThemeService, coerceAttrBoolean, FormItemControlDirective, observeResizeOn, MessageService, NotificationService, DialogRef, 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, CardComponent, TOOLTIP_MODULE, CheckboxComponent, BackTopComponent, SortDirective, SortHeaderComponent, PaginatorComponent, TABLE_MODULE, DROPDOWN_MODULE, 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, NOTIFY_DURATION_HEADER as NOTIFY_DURATION_HEADER$1, EMPTY as EMPTY$2, FALSE as FALSE$1, isMac } from '@alauda-fe/dynamic-plugin-sdk';
@@ -4339,7 +4339,7 @@ class ConfirmDeleteComponent {
     constructor() {
         this.message = inject(MessageService);
         this.notification = inject(NotificationService);
-        this.dialogRef = inject(DIALOG_DATA, { optional: true });
+        this.dialogRef = inject(DialogRef, { optional: true });
         this.data = inject(DIALOG_DATA, {
             optional: true,
         });
@@ -5283,7 +5283,7 @@ class DateRangePickerComponent {
                 useExisting: forwardRef(() => DateRangePickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "tip", first: true, predicate: ["tip"], descendants: true }], ngImport: i0, template: "@if (mode === 'input' || mode === 'dropdown') {\n  <aui-input-group\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    auiTooltipPosition=\"bottom start\"\n    auiTooltipAnimType=\"none\"\n    [style.width]=\"inputWidth\"\n    #tip=\"auiTooltip\"\n  >\n    <input\n      aui-input\n      [class]=\"{\n        'text-center': mode === 'dropdown',\n        'text-small': mode === 'dropdown',\n        'date-range-picker': true,\n      }\"\n      [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      readonly\n    />\n    <aui-icon\n      auiInputSuffix\n      class=\"text-n-2\"\n      [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n    ></aui-icon>\n  </aui-input-group>\n}\n\n@if (mode === 'tag') {\n  <aui-tag\n    size=\"mini\"\n    class=\"tag\"\n    [type]=\"tagActive ? 'primary' : 'info'\"\n    [solid]=\"tagActive\"\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    #tip=\"auiTooltip\"\n    auiTooltipPosition=\"bottom start\"\n  >\n    <aui-icon icon=\"clock\"></aui-icon>\n    {{\n      !value\n        ? ('more' | translate)\n        : (value | pure: formatValue : (translate.locale$ | async))\n    }}\n    <aui-icon\n      class=\"icon-spacer\"\n      icon=\"angle_down\"\n      margin=\"left\"\n    ></aui-icon>\n  </aui-tag>\n}\n\n<ng-template #tooltip>\n  <div class=\"range-picker-panel\">\n    <div class=\"control\">\n      @for (range of ranges; track range) {\n        <span\n          class=\"control-row\"\n          [class.active]=\"range.label === selectedRange?.label\"\n          (click)=\"selectRange(range)\"\n        >\n          {{\n            range.display\n              ? (range.display | translate: range.displayCtx)\n              : (range.label | translate)\n          }}\n        </span>\n      }\n    </div>\n    @if (isCustom) {\n      <div class=\"range-picker-wrapper\">\n        <aui-date-range-picker-panel\n          [disabledDate]=\"options | pure: getDisabledDate\"\n          [(ngModel)]=\"rangeValue\"\n          (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n          (clear)=\"rangeValue = []\"\n          (click)=\"$event.stopImmediatePropagation()\"\n          [showTime]=\"finalOptions.timePicker\"\n          [disabledTime]=\"enableDisableTime && disabledTime()\"\n        ></aui-date-range-picker-panel>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid use-rgb(divider)}.range-picker-footer .range-date-tip{display:flex;font-size:14px;align-items:center;margin-right:6px;color:use-text-color(main)}.date-range-picker[readonly]{background-color:use-rgb(n-9);border-color:use-rgb(n-7)}aui-input-group{width:100%;display:inline-block}:host::ng-deep{display:flex}:host::ng-deep .aui-input{cursor:pointer!important}::ng-deep .acl-date-range-picker__panel{max-width:unset!important;padding:0!important;overflow:hidden}::ng-deep .acl-date-range-picker__panel .control{display:flex;min-width:120px;flex-direction:column;max-height:337px;overflow:auto}::ng-deep .acl-date-range-picker__panel .range-picker-wrapper{padding:8px;display:flex;flex-direction:column;border-left:1px solid use-rgb(divider)}::ng-deep .acl-date-range-picker__panel .control-row{padding:8px 12px;font-size:12px;color:use-text-color(main)}::ng-deep .acl-date-range-picker__panel .control-row:hover{background-color:use-rgb(p-6);color:use-rgb(primary);cursor:pointer}::ng-deep .acl-date-range-picker__panel .control-row.active{background-color:use-rgb(p-6);color:use-rgb(primary)}.tag{position:relative}.tag ::ng-deep .aui-tag__content{overflow:inherit}.text-center{text-align:center}.text-small{font-size:12px!important}.text-n-2{color:use-rgb(n-2)}.icon-spacer{margin-left:-4px}\n"], dependencies: [{ kind: "component", type: InputGroupComponent, selector: "aui-input-group" }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "directive", type: InputSuffixDirective, selector: "[auiInputSuffix]" }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "component", type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }, { 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: "directive", type: E2eAttributeBindingDirective, selector: "[click],[routerLink],a[href],[auiTooltip],[auiDropdown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "tip", first: true, predicate: ["tip"], descendants: true }], ngImport: i0, template: "@if (mode === 'input' || mode === 'dropdown') {\n  <aui-input-group\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    auiTooltipPosition=\"bottom start\"\n    auiTooltipAnimType=\"none\"\n    [style.width]=\"inputWidth\"\n    #tip=\"auiTooltip\"\n  >\n    <input\n      aui-input\n      [class]=\"{\n        'text-center': mode === 'dropdown',\n        'text-small': mode === 'dropdown',\n        'date-range-picker': true,\n      }\"\n      [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      readonly\n    />\n    <aui-icon\n      auiInputSuffix\n      class=\"text-n-2\"\n      [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n    ></aui-icon>\n  </aui-input-group>\n}\n\n@if (mode === 'tag') {\n  <aui-tag\n    size=\"mini\"\n    class=\"tag\"\n    [type]=\"tagActive ? 'primary' : 'info'\"\n    [solid]=\"tagActive\"\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    #tip=\"auiTooltip\"\n    auiTooltipPosition=\"bottom start\"\n  >\n    <aui-icon icon=\"clock\"></aui-icon>\n    {{\n      !value\n        ? ('more' | translate)\n        : (value | pure: formatValue : (translate.locale$ | async))\n    }}\n    <aui-icon\n      class=\"icon-spacer\"\n      icon=\"angle_down\"\n      margin=\"left\"\n    ></aui-icon>\n  </aui-tag>\n}\n\n<ng-template #tooltip>\n  <div class=\"range-picker-panel\">\n    <div class=\"control\">\n      @for (range of ranges; track range) {\n        <span\n          class=\"control-row\"\n          [class.active]=\"range.label === selectedRange?.label\"\n          (click)=\"selectRange(range)\"\n        >\n          {{\n            range.display\n              ? (range.display | translate: range.displayCtx)\n              : (range.label | translate)\n          }}\n        </span>\n      }\n    </div>\n    @if (isCustom) {\n      <div class=\"range-picker-wrapper\">\n        <aui-date-range-picker-panel\n          [disabledDate]=\"options | pure: getDisabledDate\"\n          [(ngModel)]=\"rangeValue\"\n          (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n          (clear)=\"rangeValue = []\"\n          (click)=\"$event.stopImmediatePropagation()\"\n          [showTime]=\"finalOptions.timePicker\"\n          [disabledTime]=\"enableDisableTime && disabledTime()\"\n        ></aui-date-range-picker-panel>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid rgb(var(--aui-color-divider))}.range-picker-footer .range-date-tip{display:flex;font-size:14px;align-items:center;margin-right:6px;color:rgb(var(--aui-color-main-text))}.date-range-picker[readonly]{background-color:rgb(var(--aui-color-n-9));border-color:rgb(var(--aui-color-n-7))}aui-input-group{width:100%;display:inline-block}:host::ng-deep{display:flex}:host::ng-deep .aui-input{cursor:pointer!important}::ng-deep .acl-date-range-picker__panel{max-width:unset!important;padding:0!important;overflow:hidden}::ng-deep .acl-date-range-picker__panel .control{display:flex;min-width:120px;flex-direction:column;max-height:337px;overflow:auto}::ng-deep .acl-date-range-picker__panel .range-picker-wrapper{padding:8px;display:flex;flex-direction:column;border-left:1px solid rgb(var(--aui-color-divider))}::ng-deep .acl-date-range-picker__panel .control-row{padding:8px 12px;font-size:12px;color:rgb(var(--aui-color-main-text))}::ng-deep .acl-date-range-picker__panel .control-row:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary));cursor:pointer}::ng-deep .acl-date-range-picker__panel .control-row.active{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.tag{position:relative}.tag ::ng-deep .aui-tag__content{overflow:inherit}.text-center{text-align:center}.text-small{font-size:12px!important}.text-n-2{color:rgb(var(--aui-color-n-2))}.icon-spacer{margin-left:-4px}\n"], dependencies: [{ kind: "component", type: InputGroupComponent, selector: "aui-input-group" }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "directive", type: InputSuffixDirective, selector: "[auiInputSuffix]" }, { kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "component", type: DateRangePickerPanelComponent, selector: "aui-date-range-picker-panel", inputs: ["clearable", "clearText", "showTime", "showFooter", "disabledDate", "disabledTime", "weekStartDay", "minDate", "maxDate"], outputs: ["clear", "confirm"] }, { 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: "directive", type: E2eAttributeBindingDirective, selector: "[click],[routerLink],a[href],[auiTooltip],[auiDropdown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DateRangePickerComponent, decorators: [{
             type: Component,
@@ -5306,7 +5306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                         PurePipe,
                         AsyncPipe,
                         EFFECT_DIRECTIVE_MODULE,
-                    ], standalone: true, template: "@if (mode === 'input' || mode === 'dropdown') {\n  <aui-input-group\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    auiTooltipPosition=\"bottom start\"\n    auiTooltipAnimType=\"none\"\n    [style.width]=\"inputWidth\"\n    #tip=\"auiTooltip\"\n  >\n    <input\n      aui-input\n      [class]=\"{\n        'text-center': mode === 'dropdown',\n        'text-small': mode === 'dropdown',\n        'date-range-picker': true,\n      }\"\n      [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      readonly\n    />\n    <aui-icon\n      auiInputSuffix\n      class=\"text-n-2\"\n      [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n    ></aui-icon>\n  </aui-input-group>\n}\n\n@if (mode === 'tag') {\n  <aui-tag\n    size=\"mini\"\n    class=\"tag\"\n    [type]=\"tagActive ? 'primary' : 'info'\"\n    [solid]=\"tagActive\"\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    #tip=\"auiTooltip\"\n    auiTooltipPosition=\"bottom start\"\n  >\n    <aui-icon icon=\"clock\"></aui-icon>\n    {{\n      !value\n        ? ('more' | translate)\n        : (value | pure: formatValue : (translate.locale$ | async))\n    }}\n    <aui-icon\n      class=\"icon-spacer\"\n      icon=\"angle_down\"\n      margin=\"left\"\n    ></aui-icon>\n  </aui-tag>\n}\n\n<ng-template #tooltip>\n  <div class=\"range-picker-panel\">\n    <div class=\"control\">\n      @for (range of ranges; track range) {\n        <span\n          class=\"control-row\"\n          [class.active]=\"range.label === selectedRange?.label\"\n          (click)=\"selectRange(range)\"\n        >\n          {{\n            range.display\n              ? (range.display | translate: range.displayCtx)\n              : (range.label | translate)\n          }}\n        </span>\n      }\n    </div>\n    @if (isCustom) {\n      <div class=\"range-picker-wrapper\">\n        <aui-date-range-picker-panel\n          [disabledDate]=\"options | pure: getDisabledDate\"\n          [(ngModel)]=\"rangeValue\"\n          (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n          (clear)=\"rangeValue = []\"\n          (click)=\"$event.stopImmediatePropagation()\"\n          [showTime]=\"finalOptions.timePicker\"\n          [disabledTime]=\"enableDisableTime && disabledTime()\"\n        ></aui-date-range-picker-panel>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid use-rgb(divider)}.range-picker-footer .range-date-tip{display:flex;font-size:14px;align-items:center;margin-right:6px;color:use-text-color(main)}.date-range-picker[readonly]{background-color:use-rgb(n-9);border-color:use-rgb(n-7)}aui-input-group{width:100%;display:inline-block}:host::ng-deep{display:flex}:host::ng-deep .aui-input{cursor:pointer!important}::ng-deep .acl-date-range-picker__panel{max-width:unset!important;padding:0!important;overflow:hidden}::ng-deep .acl-date-range-picker__panel .control{display:flex;min-width:120px;flex-direction:column;max-height:337px;overflow:auto}::ng-deep .acl-date-range-picker__panel .range-picker-wrapper{padding:8px;display:flex;flex-direction:column;border-left:1px solid use-rgb(divider)}::ng-deep .acl-date-range-picker__panel .control-row{padding:8px 12px;font-size:12px;color:use-text-color(main)}::ng-deep .acl-date-range-picker__panel .control-row:hover{background-color:use-rgb(p-6);color:use-rgb(primary);cursor:pointer}::ng-deep .acl-date-range-picker__panel .control-row.active{background-color:use-rgb(p-6);color:use-rgb(primary)}.tag{position:relative}.tag ::ng-deep .aui-tag__content{overflow:inherit}.text-center{text-align:center}.text-small{font-size:12px!important}.text-n-2{color:use-rgb(n-2)}.icon-spacer{margin-left:-4px}\n"] }]
+                    ], standalone: true, template: "@if (mode === 'input' || mode === 'dropdown') {\n  <aui-input-group\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    auiTooltipPosition=\"bottom start\"\n    auiTooltipAnimType=\"none\"\n    [style.width]=\"inputWidth\"\n    #tip=\"auiTooltip\"\n  >\n    <input\n      aui-input\n      [class]=\"{\n        'text-center': mode === 'dropdown',\n        'text-small': mode === 'dropdown',\n        'date-range-picker': true,\n      }\"\n      [title]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      [value]=\"value | pure: formatValue : (translate.locale$ | async)\"\n      readonly\n    />\n    <aui-icon\n      auiInputSuffix\n      class=\"text-n-2\"\n      [icon]=\"mode === 'dropdown' ? 'calendar' : 'caret_down_s'\"\n    ></aui-icon>\n  </aui-input-group>\n}\n\n@if (mode === 'tag') {\n  <aui-tag\n    size=\"mini\"\n    class=\"tag\"\n    [type]=\"tagActive ? 'primary' : 'info'\"\n    [solid]=\"tagActive\"\n    [auiTooltip]=\"tooltip\"\n    auiTooltipClass=\"acl-date-range-picker__panel\"\n    auiTooltipTrigger=\"click\"\n    auiTooltipType=\"info\"\n    #tip=\"auiTooltip\"\n    auiTooltipPosition=\"bottom start\"\n  >\n    <aui-icon icon=\"clock\"></aui-icon>\n    {{\n      !value\n        ? ('more' | translate)\n        : (value | pure: formatValue : (translate.locale$ | async))\n    }}\n    <aui-icon\n      class=\"icon-spacer\"\n      icon=\"angle_down\"\n      margin=\"left\"\n    ></aui-icon>\n  </aui-tag>\n}\n\n<ng-template #tooltip>\n  <div class=\"range-picker-panel\">\n    <div class=\"control\">\n      @for (range of ranges; track range) {\n        <span\n          class=\"control-row\"\n          [class.active]=\"range.label === selectedRange?.label\"\n          (click)=\"selectRange(range)\"\n        >\n          {{\n            range.display\n              ? (range.display | translate: range.displayCtx)\n              : (range.label | translate)\n          }}\n        </span>\n      }\n    </div>\n    @if (isCustom) {\n      <div class=\"range-picker-wrapper\">\n        <aui-date-range-picker-panel\n          [disabledDate]=\"options | pure: getDisabledDate\"\n          [(ngModel)]=\"rangeValue\"\n          (confirm)=\"submitRange(CUSTOM_RANGE, rangeValue)\"\n          (clear)=\"rangeValue = []\"\n          (click)=\"$event.stopImmediatePropagation()\"\n          [showTime]=\"finalOptions.timePicker\"\n          [disabledTime]=\"enableDisableTime && disabledTime()\"\n        ></aui-date-range-picker-panel>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [".range-picker-panel{display:inline-flex}.range-picker-footer{padding:9px;display:flex;justify-content:flex-end;box-sizing:content-box;border-top:1px solid rgb(var(--aui-color-divider))}.range-picker-footer .range-date-tip{display:flex;font-size:14px;align-items:center;margin-right:6px;color:rgb(var(--aui-color-main-text))}.date-range-picker[readonly]{background-color:rgb(var(--aui-color-n-9));border-color:rgb(var(--aui-color-n-7))}aui-input-group{width:100%;display:inline-block}:host::ng-deep{display:flex}:host::ng-deep .aui-input{cursor:pointer!important}::ng-deep .acl-date-range-picker__panel{max-width:unset!important;padding:0!important;overflow:hidden}::ng-deep .acl-date-range-picker__panel .control{display:flex;min-width:120px;flex-direction:column;max-height:337px;overflow:auto}::ng-deep .acl-date-range-picker__panel .range-picker-wrapper{padding:8px;display:flex;flex-direction:column;border-left:1px solid rgb(var(--aui-color-divider))}::ng-deep .acl-date-range-picker__panel .control-row{padding:8px 12px;font-size:12px;color:rgb(var(--aui-color-main-text))}::ng-deep .acl-date-range-picker__panel .control-row:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary));cursor:pointer}::ng-deep .acl-date-range-picker__panel .control-row.active{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.tag{position:relative}.tag ::ng-deep .aui-tag__content{overflow:inherit}.text-center{text-align:center}.text-small{font-size:12px!important}.text-n-2{color:rgb(var(--aui-color-n-2))}.icon-spacer{margin-left:-4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], format: [{
@@ -5480,7 +5480,7 @@ class TagsLabelComponent extends ListenResizeDirective {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TagsLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TagsLabelComponent, isStandalone: true, selector: "acl-tags-label", inputs: { tagClickable: "tagClickable", border: "border", tagType: "tagType", tagRound: "tagRound", tags: "tags", tooltipPosition: "tooltipPosition", showMore: "showMore", isWrapped: "isWrapped", controlSize: "controlSize", isControlSize: "isControlSize", tagRender: "tagRender" }, outputs: { tagClick: "tagClick" }, queries: [{ propertyName: "tagTemplate", first: true, predicate: ["tagTemplate"], descendants: true }], viewQueries: [{ propertyName: "tagsContainerMirror", first: true, predicate: ["tagsContainerMirror"], descendants: true }, { propertyName: "tagsContainer", first: true, predicate: ["tagsContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #tagsContainer\n  class=\"tags-strut\"\n>\n  @if ((tagsValue$ | async)?.length) {\n    <div\n      class=\"tags-container\"\n      [class.tags-container--multiline]=\"isWrapped\"\n    >\n      @for (tag of tagsValue$ | async; track tag; let index = $index) {\n        <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [border]=\"border\"\n          [title]=\"tag | pure: tagRender\"\n          [round]=\"tagRound\"\n          [hidden]=\"index >= shouldRenderCount\"\n          [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n          [class.tag-clickable]=\"tagClickable\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <!-- {{ tag | pure: renderTag }} -->\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      }\n    </div>\n  } @else {\n    <div>-</div>\n  }\n\n  @if (\n    !isWrapped &&\n    showMore &&\n    (tagsValue$ | async)?.length &&\n    shouldRenderEllipse\n  ) {\n    <aui-tag\n      class=\"tooltip-toggle\"\n      [round]=\"tagRound\"\n      [auiTooltip]=\"labels\"\n      auiTooltipType=\"info\"\n      auiTooltipClass=\"tag-tooltip\"\n      [auiTooltipPosition]=\"tooltipPosition\"\n      [type]=\"tagType\"\n      size=\"mini\"\n    >\n      <aui-icon icon=\"ellipsis_s\"></aui-icon>\n    </aui-tag>\n  }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n  class=\"tags-container--mirror\"\n  #tagsContainerMirror\n>\n  @for (tag of tagsValue$ | async; track tag) {\n    <aui-tag\n      [type]=\"tagType\"\n      size=\"mini\"\n      [border]=\"true\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          tagTemplate || defaultTagTemplate;\n          context: { $implicit: tag }\n        \"\n      ></ng-container>\n    </aui-tag>\n  }\n</div>\n\n<ng-template #labels>\n  <div class=\"tooltip-container\">\n    @for (tag of tagsValue$ | async; track tag; let index = $index) {\n      <div class=\"tooltip-tag\">\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [title]=\"tag | pure: tagRender\"\n          [class.tag-clickable]=\"tagClickable\"\n          [border]=\"border\"\n          [round]=\"tagRound\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultTagTemplate\n  let-tag\n>\n  {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:use-var(border-radius-m);min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap}.tags-container--multiline{flex-wrap:wrap;margin-bottom:-4px}.tags-container--multiline aui-tag{margin-bottom:4px;margin-right:4px}.tags-container--multiline aui-tag ::ng-deep .aui-tag{margin-left:0}.tags-strut{width:100%;display:flex;overflow:hidden}.tags-container--mirror{position:absolute;z-index:-99;opacity:0;width:100%;flex-wrap:nowrap;overflow:hidden}.tooltip-container{display:flex;max-width:600px;flex-wrap:wrap;margin:-14px -6px -8px 0}.tooltip-tag{margin:6px 6px 0 0}.tooltip-toggle{margin-left:6px}.tooltip-toggle ::ng-deep .aui-tag__content,.tooltip-toggle ::ng-deep aui-icon{display:inline-flex;align-items:center}.tooltip-toggle:hover ::ng-deep .aui-tag{color:use-rgb(primary);background-color:use-rgb(p-6)}::ng-deep .aui-tooltip.tag-tooltip{max-height:calc(100vh - 8px);overflow-y:auto}.tag-clickable{cursor:pointer}.tags-container aui-tag{flex:0 0 auto}.tags-container aui-tag ::ng-deep .aui-tag{width:100%}.tags-container:not(.tags-container--multiline) aui-tag+aui-tag ::ng-deep .aui-tag{width:calc(100% - 6px)}.tags-container:not(.tags-container--multiline) .last-display-tag{overflow:hidden;flex:1 1 0%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: PurePipe, name: "pure" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TagsLabelComponent, isStandalone: true, selector: "acl-tags-label", inputs: { tagClickable: "tagClickable", border: "border", tagType: "tagType", tagRound: "tagRound", tags: "tags", tooltipPosition: "tooltipPosition", showMore: "showMore", isWrapped: "isWrapped", controlSize: "controlSize", isControlSize: "isControlSize", tagRender: "tagRender" }, outputs: { tagClick: "tagClick" }, queries: [{ propertyName: "tagTemplate", first: true, predicate: ["tagTemplate"], descendants: true }], viewQueries: [{ propertyName: "tagsContainerMirror", first: true, predicate: ["tagsContainerMirror"], descendants: true }, { propertyName: "tagsContainer", first: true, predicate: ["tagsContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n  #tagsContainer\n  class=\"tags-strut\"\n>\n  @if ((tagsValue$ | async)?.length) {\n    <div\n      class=\"tags-container\"\n      [class.tags-container--multiline]=\"isWrapped\"\n    >\n      @for (tag of tagsValue$ | async; track tag; let index = $index) {\n        <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [border]=\"border\"\n          [title]=\"tag | pure: tagRender\"\n          [round]=\"tagRound\"\n          [hidden]=\"index >= shouldRenderCount\"\n          [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n          [class.tag-clickable]=\"tagClickable\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <!-- {{ tag | pure: renderTag }} -->\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      }\n    </div>\n  } @else {\n    <div>-</div>\n  }\n\n  @if (\n    !isWrapped &&\n    showMore &&\n    (tagsValue$ | async)?.length &&\n    shouldRenderEllipse\n  ) {\n    <aui-tag\n      class=\"tooltip-toggle\"\n      [round]=\"tagRound\"\n      [auiTooltip]=\"labels\"\n      auiTooltipType=\"info\"\n      auiTooltipClass=\"tag-tooltip\"\n      [auiTooltipPosition]=\"tooltipPosition\"\n      [type]=\"tagType\"\n      size=\"mini\"\n    >\n      <aui-icon icon=\"ellipsis_s\"></aui-icon>\n    </aui-tag>\n  }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n  class=\"tags-container--mirror\"\n  #tagsContainerMirror\n>\n  @for (tag of tagsValue$ | async; track tag) {\n    <aui-tag\n      [type]=\"tagType\"\n      size=\"mini\"\n      [border]=\"true\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          tagTemplate || defaultTagTemplate;\n          context: { $implicit: tag }\n        \"\n      ></ng-container>\n    </aui-tag>\n  }\n</div>\n\n<ng-template #labels>\n  <div class=\"tooltip-container\">\n    @for (tag of tagsValue$ | async; track tag; let index = $index) {\n      <div class=\"tooltip-tag\">\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [title]=\"tag | pure: tagRender\"\n          [class.tag-clickable]=\"tagClickable\"\n          [border]=\"border\"\n          [round]=\"tagRound\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultTagTemplate\n  let-tag\n>\n  {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:var(--aui-border-radius-m);min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap}.tags-container--multiline{flex-wrap:wrap;margin-bottom:-4px}.tags-container--multiline aui-tag{margin-bottom:4px;margin-right:4px}.tags-container--multiline aui-tag ::ng-deep .aui-tag{margin-left:0}.tags-strut{width:100%;display:flex;overflow:hidden}.tags-container--mirror{position:absolute;z-index:-99;opacity:0;width:100%;flex-wrap:nowrap;overflow:hidden}.tooltip-container{display:flex;max-width:600px;flex-wrap:wrap;margin:-14px -6px -8px 0}.tooltip-tag{margin:6px 6px 0 0}.tooltip-toggle{margin-left:6px}.tooltip-toggle ::ng-deep .aui-tag__content,.tooltip-toggle ::ng-deep aui-icon{display:inline-flex;align-items:center}.tooltip-toggle:hover ::ng-deep .aui-tag{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}::ng-deep .aui-tooltip.tag-tooltip{max-height:calc(100vh - 8px);overflow-y:auto}.tag-clickable{cursor:pointer}.tags-container aui-tag{flex:0 0 auto}.tags-container aui-tag ::ng-deep .aui-tag{width:100%}.tags-container:not(.tags-container--multiline) aui-tag+aui-tag ::ng-deep .aui-tag{width:calc(100% - 6px)}.tags-container:not(.tags-container--multiline) .last-display-tag{overflow:hidden;flex:1 1 0%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: PurePipe, name: "pure" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ObservableInput(),
@@ -5499,7 +5499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                         TooltipModule,
                         IconModule,
                         PurePipe,
-                    ], template: "<div\n  #tagsContainer\n  class=\"tags-strut\"\n>\n  @if ((tagsValue$ | async)?.length) {\n    <div\n      class=\"tags-container\"\n      [class.tags-container--multiline]=\"isWrapped\"\n    >\n      @for (tag of tagsValue$ | async; track tag; let index = $index) {\n        <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [border]=\"border\"\n          [title]=\"tag | pure: tagRender\"\n          [round]=\"tagRound\"\n          [hidden]=\"index >= shouldRenderCount\"\n          [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n          [class.tag-clickable]=\"tagClickable\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <!-- {{ tag | pure: renderTag }} -->\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      }\n    </div>\n  } @else {\n    <div>-</div>\n  }\n\n  @if (\n    !isWrapped &&\n    showMore &&\n    (tagsValue$ | async)?.length &&\n    shouldRenderEllipse\n  ) {\n    <aui-tag\n      class=\"tooltip-toggle\"\n      [round]=\"tagRound\"\n      [auiTooltip]=\"labels\"\n      auiTooltipType=\"info\"\n      auiTooltipClass=\"tag-tooltip\"\n      [auiTooltipPosition]=\"tooltipPosition\"\n      [type]=\"tagType\"\n      size=\"mini\"\n    >\n      <aui-icon icon=\"ellipsis_s\"></aui-icon>\n    </aui-tag>\n  }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n  class=\"tags-container--mirror\"\n  #tagsContainerMirror\n>\n  @for (tag of tagsValue$ | async; track tag) {\n    <aui-tag\n      [type]=\"tagType\"\n      size=\"mini\"\n      [border]=\"true\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          tagTemplate || defaultTagTemplate;\n          context: { $implicit: tag }\n        \"\n      ></ng-container>\n    </aui-tag>\n  }\n</div>\n\n<ng-template #labels>\n  <div class=\"tooltip-container\">\n    @for (tag of tagsValue$ | async; track tag; let index = $index) {\n      <div class=\"tooltip-tag\">\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [title]=\"tag | pure: tagRender\"\n          [class.tag-clickable]=\"tagClickable\"\n          [border]=\"border\"\n          [round]=\"tagRound\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultTagTemplate\n  let-tag\n>\n  {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:use-var(border-radius-m);min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap}.tags-container--multiline{flex-wrap:wrap;margin-bottom:-4px}.tags-container--multiline aui-tag{margin-bottom:4px;margin-right:4px}.tags-container--multiline aui-tag ::ng-deep .aui-tag{margin-left:0}.tags-strut{width:100%;display:flex;overflow:hidden}.tags-container--mirror{position:absolute;z-index:-99;opacity:0;width:100%;flex-wrap:nowrap;overflow:hidden}.tooltip-container{display:flex;max-width:600px;flex-wrap:wrap;margin:-14px -6px -8px 0}.tooltip-tag{margin:6px 6px 0 0}.tooltip-toggle{margin-left:6px}.tooltip-toggle ::ng-deep .aui-tag__content,.tooltip-toggle ::ng-deep aui-icon{display:inline-flex;align-items:center}.tooltip-toggle:hover ::ng-deep .aui-tag{color:use-rgb(primary);background-color:use-rgb(p-6)}::ng-deep .aui-tooltip.tag-tooltip{max-height:calc(100vh - 8px);overflow-y:auto}.tag-clickable{cursor:pointer}.tags-container aui-tag{flex:0 0 auto}.tags-container aui-tag ::ng-deep .aui-tag{width:100%}.tags-container:not(.tags-container--multiline) aui-tag+aui-tag ::ng-deep .aui-tag{width:calc(100% - 6px)}.tags-container:not(.tags-container--multiline) .last-display-tag{overflow:hidden;flex:1 1 0%}\n"] }]
+                    ], template: "<div\n  #tagsContainer\n  class=\"tags-strut\"\n>\n  @if ((tagsValue$ | async)?.length) {\n    <div\n      class=\"tags-container\"\n      [class.tags-container--multiline]=\"isWrapped\"\n    >\n      @for (tag of tagsValue$ | async; track tag; let index = $index) {\n        <!-- \u4FEE\u6539 tag \u65F6\u5FC5\u987B\u540C\u65F6\u8C03\u6574 mirror \u5185\u7684 tag \u6837\u5F0F\uFF0C\u4FDD\u8BC1\u6E32\u67D3\u4E00\u81F4 -->\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [border]=\"border\"\n          [title]=\"tag | pure: tagRender\"\n          [round]=\"tagRound\"\n          [hidden]=\"index >= shouldRenderCount\"\n          [class.last-display-tag]=\"shouldRenderCount - index === 1\"\n          [class.tag-clickable]=\"tagClickable\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <!-- {{ tag | pure: renderTag }} -->\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      }\n    </div>\n  } @else {\n    <div>-</div>\n  }\n\n  @if (\n    !isWrapped &&\n    showMore &&\n    (tagsValue$ | async)?.length &&\n    shouldRenderEllipse\n  ) {\n    <aui-tag\n      class=\"tooltip-toggle\"\n      [round]=\"tagRound\"\n      [auiTooltip]=\"labels\"\n      auiTooltipType=\"info\"\n      auiTooltipClass=\"tag-tooltip\"\n      [auiTooltipPosition]=\"tooltipPosition\"\n      [type]=\"tagType\"\n      size=\"mini\"\n    >\n      <aui-icon icon=\"ellipsis_s\"></aui-icon>\n    </aui-tag>\n  }\n</div>\n\n<!-- \u901A\u8FC7\u521B\u5EFA\u955C\u50CF\u5143\u7D20\uFF0C\u6765\u8BA1\u7B97\u6240\u6709\u5B50tag\u5BBD\u5EA6\uFF0C\u8FD9\u6837\u65E2\u80FD\u4FDD\u8BC1\u5B50tag\u6A2A\u5411\u6392\u5217\uFF0C\u540C\u65F6\u7531\u4E8E\u662Fabsolute\u5143\u7D20\uFF0C\u5BF9\u5176\u4EE5\u53CA\u5176\u5B50\u5143\u7D20\u8FDB\u884CDOM\u67E5\u8BE2\uFF0C\u4EE3\u4EF7\u8F83\u4F4E -->\n<div\n  class=\"tags-container--mirror\"\n  #tagsContainerMirror\n>\n  @for (tag of tagsValue$ | async; track tag) {\n    <aui-tag\n      [type]=\"tagType\"\n      size=\"mini\"\n      [border]=\"true\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          tagTemplate || defaultTagTemplate;\n          context: { $implicit: tag }\n        \"\n      ></ng-container>\n    </aui-tag>\n  }\n</div>\n\n<ng-template #labels>\n  <div class=\"tooltip-container\">\n    @for (tag of tagsValue$ | async; track tag; let index = $index) {\n      <div class=\"tooltip-tag\">\n        <aui-tag\n          [type]=\"tagType\"\n          size=\"mini\"\n          [title]=\"tag | pure: tagRender\"\n          [class.tag-clickable]=\"tagClickable\"\n          [border]=\"border\"\n          [round]=\"tagRound\"\n          (click)=\"tagClick.next(tag)\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              tagTemplate || defaultTagTemplate;\n              context: { $implicit: tag, index }\n            \"\n          ></ng-container>\n        </aui-tag>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultTagTemplate\n  let-tag\n>\n  {{ tag | pure: tagRender }}\n</ng-template>\n\n<ng-content></ng-content>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;max-width:100%;min-width:0;width:auto;line-height:1.4285714286}.tags-container,.tags-container--mirror{border-radius:var(--aui-border-radius-m);min-width:0;display:flex;overflow:hidden;flex-wrap:nowrap}.tags-container--multiline{flex-wrap:wrap;margin-bottom:-4px}.tags-container--multiline aui-tag{margin-bottom:4px;margin-right:4px}.tags-container--multiline aui-tag ::ng-deep .aui-tag{margin-left:0}.tags-strut{width:100%;display:flex;overflow:hidden}.tags-container--mirror{position:absolute;z-index:-99;opacity:0;width:100%;flex-wrap:nowrap;overflow:hidden}.tooltip-container{display:flex;max-width:600px;flex-wrap:wrap;margin:-14px -6px -8px 0}.tooltip-tag{margin:6px 6px 0 0}.tooltip-toggle{margin-left:6px}.tooltip-toggle ::ng-deep .aui-tag__content,.tooltip-toggle ::ng-deep aui-icon{display:inline-flex;align-items:center}.tooltip-toggle:hover ::ng-deep .aui-tag{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}::ng-deep .aui-tooltip.tag-tooltip{max-height:calc(100vh - 8px);overflow-y:auto}.tag-clickable{cursor:pointer}.tags-container aui-tag{flex:0 0 auto}.tags-container aui-tag ::ng-deep .aui-tag{width:100%}.tags-container:not(.tags-container--multiline) aui-tag+aui-tag ::ng-deep .aui-tag{width:calc(100% - 6px)}.tags-container:not(.tags-container--multiline) .last-display-tag{overflow:hidden;flex:1 1 0%}\n"] }]
         }], propDecorators: { tagsContainerMirror: [{
                 type: ViewChild,
                 args: ['tagsContainerMirror', { static: false }]
@@ -7510,70 +7510,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 args: ['document:keydown.enter']
             }] } });
 
-const TABLE_CUSTOM_COLUMNS_SETTING_KEY = '__TABLE_CUSTOM_COLUMNS_SETTING_KEY__';
-class TableCustomColumnsComponent {
-    constructor() {
-        this.ignoreOptions = ['action'];
-        this.marginLeft = '8px';
-        this.columnsChange = new EventEmitter();
-    }
-    ngOnInit() {
-        this.storage = JSON.parse(localStorage.getItem(TABLE_CUSTOM_COLUMNS_SETTING_KEY) || '{}');
-        if (this.id && this.storage[this.id]) {
-            const storageColumns = this.storage[this.id].split(',');
-            const filteredItems = storageColumns.filter(item => this.options.includes(item));
-            this.columns = filteredItems;
-            this.columnsChange.emit(filteredItems);
-            return;
-        }
-        if (this.columns?.length) {
-            const filteredItems = this.columns.filter(item => this.options.includes(item));
-            this.columns = filteredItems;
-            this.columnsChange.emit(filteredItems);
-            return;
-        }
-        if (!this.columns) {
-            this.columns = [...this.options];
-        }
-    }
-    selectedChanged(event) {
-        this.columnsChange.emit(event);
-        if (this.id) {
-            localStorage.setItem(TABLE_CUSTOM_COLUMNS_SETTING_KEY, JSON.stringify({
-                ...this.storage,
-                [this.id]: event.join(','),
-            }));
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableCustomColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TableCustomColumnsComponent, isStandalone: true, selector: "acl-table-column-setting", inputs: { options: "options", ignoreOptions: "ignoreOptions", columns: "columns", marginLeft: "marginLeft", id: "id" }, outputs: { columnsChange: "columnsChange" }, ngImport: i0, template: "<div [ngStyle]=\"{ 'margin-left': marginLeft }\">\n  <button\n    aui-button\n    [square]=\"true\"\n    [auiDropdown]=\"setting\"\n    [auiDropdownHideOnClick]=\"false\"\n  >\n    <aui-icon icon=\"gear\"></aui-icon>\n  </button>\n</div>\n<ng-template #setting\n  ><aui-menu size=\"small\">\n    <aui-checkbox-group\n      [(ngModel)]=\"columns\"\n      direction=\"column\"\n      (ngModelChange)=\"selectedChanged($event)\"\n    >\n      @for (item of options; track item) {\n        <aui-checkbox\n          [label]=\"item\"\n          [hidden]=\"ignoreOptions.includes(item)\"\n        >\n          {{ item | translate }}\n        </aui-checkbox>\n      }\n    </aui-checkbox-group>\n  </aui-menu></ng-template\n>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "ngmodule", type: DropdownModule }, { kind: "directive", type: i1.DropdownDirective, selector: "[auiDropdown]", inputs: ["auiDropdownClass", "auiDropdownDisabled", "auiDropdownPosition", "auiDropdownTrigger", "auiDropdownContext", "auiDropdown", "auiDropdownHideOnClick"], outputs: ["auiDropdownVisibleChange"], exportAs: ["auiDropdown"] }, { kind: "component", type: i1.MenuComponent, selector: "aui-menu", inputs: ["size"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i1.CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "component", type: i1.CheckboxGroupComponent, selector: "aui-checkbox-group", inputs: ["direction", "trackFn"] }, { kind: "directive", type: E2eAttributeBindingDirective, selector: "[click],[routerLink],a[href],[auiTooltip],[auiDropdown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableCustomColumnsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'acl-table-column-setting', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        DropdownModule,
-                        ButtonModule,
-                        IconModule,
-                        CheckboxModule,
-                        TranslatePipe,
-                        EFFECT_DIRECTIVE_MODULE,
-                    ], template: "<div [ngStyle]=\"{ 'margin-left': marginLeft }\">\n  <button\n    aui-button\n    [square]=\"true\"\n    [auiDropdown]=\"setting\"\n    [auiDropdownHideOnClick]=\"false\"\n  >\n    <aui-icon icon=\"gear\"></aui-icon>\n  </button>\n</div>\n<ng-template #setting\n  ><aui-menu size=\"small\">\n    <aui-checkbox-group\n      [(ngModel)]=\"columns\"\n      direction=\"column\"\n      (ngModelChange)=\"selectedChanged($event)\"\n    >\n      @for (item of options; track item) {\n        <aui-checkbox\n          [label]=\"item\"\n          [hidden]=\"ignoreOptions.includes(item)\"\n        >\n          {{ item | translate }}\n        </aui-checkbox>\n      }\n    </aui-checkbox-group>\n  </aui-menu></ng-template\n>\n" }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], ignoreOptions: [{
-                type: Input
-            }], columns: [{
-                type: Input
-            }], marginLeft: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], columnsChange: [{
-                type: Output
-            }] } });
-
 // http://confluence.alaudatech.com/pages/viewpage.action?pageId=50824334
 var PodStatusEnum;
 (function (PodStatusEnum) {
@@ -8246,11 +8182,11 @@ class OverviewBannerComponent {
         this.option = {};
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OverviewBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: OverviewBannerComponent, isStandalone: true, selector: "acl-overview-banner", inputs: { option: "option" }, ngImport: i0, template: "<div class=\"overview-banner--wrapper\">\n  <div class=\"overview-banner\">\n    <div class=\"overview-banner__icon\">\n      <aui-icon\n        class=\"acl-colorful-icon highlight\"\n        [icon]=\"'bicolor:' + option?.icon\"\n      ></aui-icon>\n    </div>\n    <div class=\"overview-banner__content\">\n      <div class=\"overview-banner__title\">\n        {{ option?.title }}\n      </div>\n      <div class=\"overview-banner__description\">\n        {{ option?.description }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".overview-banner--wrapper{border-radius:use-var(border-radius-l);margin-bottom:use-var(spacing-xl);background-color:use-rgb(primary);background-image:url(/console-assets/images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner{display:flex;align-items:center;padding:24px}.overview-banner__icon{margin-right:20px}.overview-banner__icon aui-icon{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content{color:#fff}.overview-banner__title{font-size:24px;line-height:36px;font-weight:use-var(font-weight-bolder)}.overview-banner__description{margin-top:4px;font-size:use-var(font-size-m)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: OverviewBannerComponent, isStandalone: true, selector: "acl-overview-banner", inputs: { option: "option" }, ngImport: i0, template: "<div class=\"overview-banner--wrapper\">\n  <div class=\"overview-banner\">\n    <div class=\"overview-banner__icon\">\n      <aui-icon\n        class=\"acl-colorful-icon highlight\"\n        [icon]=\"'bicolor:' + option?.icon\"\n      ></aui-icon>\n    </div>\n    <div class=\"overview-banner__content\">\n      <div class=\"overview-banner__title\">\n        {{ option?.title }}\n      </div>\n      <div class=\"overview-banner__description\">\n        {{ option?.description }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".overview-banner--wrapper{border-radius:var(--aui-border-radius-l);margin-bottom:var(--aui-spacing-xl);background-color:rgb(var(--aui-color-primary));background-image:url(/console-assets/images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner{display:flex;align-items:center;padding:24px}.overview-banner__icon{margin-right:20px}.overview-banner__icon aui-icon{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content{color:#fff}.overview-banner__title{font-size:24px;line-height:36px;font-weight:var(--aui-font-weight-bolder)}.overview-banner__description{margin-top:4px;font-size:var(--aui-font-size-m)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OverviewBannerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'acl-overview-banner', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<div class=\"overview-banner--wrapper\">\n  <div class=\"overview-banner\">\n    <div class=\"overview-banner__icon\">\n      <aui-icon\n        class=\"acl-colorful-icon highlight\"\n        [icon]=\"'bicolor:' + option?.icon\"\n      ></aui-icon>\n    </div>\n    <div class=\"overview-banner__content\">\n      <div class=\"overview-banner__title\">\n        {{ option?.title }}\n      </div>\n      <div class=\"overview-banner__description\">\n        {{ option?.description }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".overview-banner--wrapper{border-radius:use-var(border-radius-l);margin-bottom:use-var(spacing-xl);background-color:use-rgb(primary);background-image:url(/console-assets/images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner{display:flex;align-items:center;padding:24px}.overview-banner__icon{margin-right:20px}.overview-banner__icon aui-icon{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content{color:#fff}.overview-banner__title{font-size:24px;line-height:36px;font-weight:use-var(font-weight-bolder)}.overview-banner__description{margin-top:4px;font-size:use-var(font-size-m)}\n"] }]
+            args: [{ selector: 'acl-overview-banner', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<div class=\"overview-banner--wrapper\">\n  <div class=\"overview-banner\">\n    <div class=\"overview-banner__icon\">\n      <aui-icon\n        class=\"acl-colorful-icon highlight\"\n        [icon]=\"'bicolor:' + option?.icon\"\n      ></aui-icon>\n    </div>\n    <div class=\"overview-banner__content\">\n      <div class=\"overview-banner__title\">\n        {{ option?.title }}\n      </div>\n      <div class=\"overview-banner__description\">\n        {{ option?.description }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".overview-banner--wrapper{border-radius:var(--aui-border-radius-l);margin-bottom:var(--aui-spacing-xl);background-color:rgb(var(--aui-color-primary));background-image:url(/console-assets/images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner{display:flex;align-items:center;padding:24px}.overview-banner__icon{margin-right:20px}.overview-banner__icon aui-icon{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content{color:#fff}.overview-banner__title{font-size:24px;line-height:36px;font-weight:var(--aui-font-weight-bolder)}.overview-banner__description{margin-top:4px;font-size:var(--aui-font-size-m)}\n"] }]
         }], propDecorators: { option: [{
                 type: Input
             }] } });
@@ -9921,7 +9857,7 @@ class K8SResourceListFooterComponent extends ScrollBorderObserverDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: K8SResourceListFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: K8SResourceListFooterComponent, isStandalone: true, selector: "acl-k8s-resource-list-footer", inputs: { list: "list", autoLoad: "autoLoad", backTop: "backTop", bottomDistance: "bottomDistance", resourceNameTranslated: "resourceNameTranslated", firstScrollLoad: "firstScrollLoad", resourceName: "resourceName" }, queries: [{ propertyName: "noDataTemplate", first: true, predicate: K8sListFooterNoDataDirective, descendants: true, read: TemplateRef }, { propertyName: "loadingErrorTemplate", first: true, predicate: K8sListFooterLoadingErrorDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (isEmptyList$ | async) {\n  <div class=\"empty-placeholder\">\n    @if (noDataTemplate) {\n      <ng-template *ngTemplateOutlet=\"noDataTemplate\"></ng-template>\n    }\n    @if (!noDataTemplate) {\n      <div class=\"no-data-placeholder\">\n        <img\n          width=\"70\"\n          [src]=\"image | auiThemePicker\"\n        />\n        <div>{{ noDataHint$ | async }}</div>\n      </div>\n    }\n  </div>\n}\n\n@if (!(isEmptyList$ | async)) {\n  @if (list.loadingError$ | async) {\n    <div class=\"table-placeholder\">\n      @if (loadingErrorTemplate) {\n        <ng-template *ngTemplateOutlet=\"loadingErrorTemplate\"></ng-template>\n      } @else {\n        @if (![410, 403].includes(loadingErrorCode$ | async)) {\n          <span\n            >{{ 'error_loading_data' | translate }},{{\n              'please' | translate\n            }}</span\n          >\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"retry()\"\n          >\n            {{ ('retry' | translate).toLowerCase() }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 410) {\n          <span>\n            {{ 'list_data_has_expired' | translate }},\n            {{ 'please' | translate }}\n          </span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.reload()\"\n          >\n            {{ 'refresh' | translate }}\n          </button>\n          <span>{{ 'or' | translate }}</span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'continue_load' | translate }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 403) {\n          <span>\n            {{ 'no_permission_description' | translate }}\n          </span>\n        }\n      }\n    </div>\n  }\n  @if (!(list.loadingError$ | async)) {\n    @if (\n      {\n        loading: list.loading$ | async,\n        loadMore:\n          !autoLoad && !(list.loading$ | async) && list.hasMore$ | async,\n      };\n      as meta\n    ) {\n      @if (meta.loading) {\n        <div class=\"table-placeholder\">\n          <aui-icon icon=\"spinner\"></aui-icon>\n          <span>{{ 'loading_please_wait' | translate }}</span>\n        </div>\n      }\n      @if (meta.loadMore) {\n        <div class=\"table-placeholder\">\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'load_more' | translate }}\n          </button>\n        </div>\n      }\n      @if (!meta.loadMore && !meta.loading) {\n        <div class=\"table-last-row--empty\">\n          <div class=\"table-last-row--empty-inner\"></div>\n        </div>\n      }\n    }\n  }\n}\n\n@if (backTop) {\n  <aui-back-top [target]=\"window\"></aui-back-top>\n}\n", styles: [":host::ng-deep{position:sticky;left:0;display:flex;justify-content:center;align-items:center;z-index:1}:host::ng-deep{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-help-text))}:host::ng-deep .empty-placeholder,:host::ng-deep .table-placeholder{flex:1;flex-direction:column}:host::ng-deep .table-last-row--empty{height:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9));position:relative;margin-top:-3px;flex:1}:host::ng-deep .table-last-row--empty-inner{background-color:rgb(var(--aui-color-n-10));height:var(--aui-border-radius-l);border:1px solid rgb(var(--aui-color-n-8));border-top:0;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}:host::ng-deep .table-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .table-placeholder{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-placeholder-text))}:host::ng-deep .table-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.table-placeholder{border-top-left-radius:0;border-top-right-radius:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: BackTopComponent, selector: "aui-back-top", inputs: ["visibilityHeight", "position", "target"], outputs: ["click"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ThemePickerPipe, name: "auiThemePicker" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: K8SResourceListFooterComponent, isStandalone: true, selector: "acl-k8s-resource-list-footer", inputs: { list: "list", autoLoad: "autoLoad", backTop: "backTop", bottomDistance: "bottomDistance", resourceNameTranslated: "resourceNameTranslated", firstScrollLoad: "firstScrollLoad", resourceName: "resourceName" }, queries: [{ propertyName: "noDataTemplate", first: true, predicate: K8sListFooterNoDataDirective, descendants: true, read: TemplateRef }, { propertyName: "loadingErrorTemplate", first: true, predicate: K8sListFooterLoadingErrorDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "@if (isEmptyList$ | async) {\n  <div class=\"empty-placeholder\">\n    @if (noDataTemplate) {\n      <ng-template *ngTemplateOutlet=\"noDataTemplate\"></ng-template>\n    }\n    @if (!noDataTemplate) {\n      <div class=\"no-data-placeholder\">\n        <img\n          width=\"70\"\n          [src]=\"image | auiThemePicker\"\n        />\n        <div>{{ noDataHint$ | async }}</div>\n      </div>\n    }\n  </div>\n}\n\n@if (!(isEmptyList$ | async)) {\n  @if (list.loadingError$ | async) {\n    <div class=\"table-placeholder\">\n      @if (loadingErrorTemplate) {\n        <ng-template *ngTemplateOutlet=\"loadingErrorTemplate\"></ng-template>\n      } @else {\n        @if (![410, 403].includes(loadingErrorCode$ | async)) {\n          <span\n            >{{ 'error_loading_data' | translate }},{{\n              'please' | translate\n            }}</span\n          >\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"retry()\"\n          >\n            {{ ('retry' | translate).toLowerCase() }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 410) {\n          <span>\n            {{ 'list_data_has_expired' | translate }},\n            {{ 'please' | translate }}\n          </span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.reload()\"\n          >\n            {{ 'refresh' | translate }}\n          </button>\n          <span>{{ 'or' | translate }}</span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'continue_load' | translate }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 403) {\n          <span>\n            {{ 'no_permission_description' | translate }}\n          </span>\n        }\n      }\n    </div>\n  }\n  @if (!(list.loadingError$ | async)) {\n    @if (\n      {\n        loading: list.loading$ | async,\n        loadMore:\n          !autoLoad && !(list.loading$ | async) && list.hasMore$ | async,\n      };\n      as meta\n    ) {\n      @if (meta.loading) {\n        <div class=\"table-placeholder\">\n          <aui-icon icon=\"spinner\"></aui-icon>\n          <span>{{ 'loading_please_wait' | translate }}</span>\n        </div>\n      }\n      @if (meta.loadMore) {\n        <div class=\"table-placeholder\">\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'load_more' | translate }}\n          </button>\n        </div>\n      }\n      @if (!meta.loadMore && !meta.loading) {\n        <div class=\"table-last-row--empty\">\n          <div class=\"table-last-row--empty-inner\"></div>\n        </div>\n      }\n    }\n  }\n}\n\n@if (backTop) {\n  <aui-back-top [target]=\"window\"></aui-back-top>\n}\n", styles: [":host::ng-deep{position:sticky;left:0;display:flex;justify-content:center;align-items:center;z-index:1}:host::ng-deep{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-help-text))}:host::ng-deep .empty-placeholder,:host::ng-deep .table-placeholder{flex:1;flex-direction:column}:host::ng-deep .table-last-row--empty{height:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9));position:relative;margin-top:-3px;flex:1}:host::ng-deep .table-last-row--empty-inner{background-color:rgb(var(--aui-color-n-10));height:var(--aui-border-radius-l);border:1px solid rgb(var(--aui-color-n-8));border-top:0;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}:host::ng-deep .table-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .table-placeholder{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-placeholder-text))}:host::ng-deep .table-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.table-placeholder{border-top-left-radius:0;border-top-right-radius:0}.no-data-placeholder{margin-top:35px;margin-bottom:35px;display:flex;flex-direction:column;align-items:center}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: BackTopComponent, selector: "aui-back-top", inputs: ["visibilityHeight", "position", "target"], outputs: ["click"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: ThemePickerPipe, name: "auiThemePicker" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ObservableInput(),
@@ -9940,7 +9876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                         IconComponent,
                         BackTopComponent,
                         ThemePickerPipe,
-                    ], template: "@if (isEmptyList$ | async) {\n  <div class=\"empty-placeholder\">\n    @if (noDataTemplate) {\n      <ng-template *ngTemplateOutlet=\"noDataTemplate\"></ng-template>\n    }\n    @if (!noDataTemplate) {\n      <div class=\"no-data-placeholder\">\n        <img\n          width=\"70\"\n          [src]=\"image | auiThemePicker\"\n        />\n        <div>{{ noDataHint$ | async }}</div>\n      </div>\n    }\n  </div>\n}\n\n@if (!(isEmptyList$ | async)) {\n  @if (list.loadingError$ | async) {\n    <div class=\"table-placeholder\">\n      @if (loadingErrorTemplate) {\n        <ng-template *ngTemplateOutlet=\"loadingErrorTemplate\"></ng-template>\n      } @else {\n        @if (![410, 403].includes(loadingErrorCode$ | async)) {\n          <span\n            >{{ 'error_loading_data' | translate }},{{\n              'please' | translate\n            }}</span\n          >\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"retry()\"\n          >\n            {{ ('retry' | translate).toLowerCase() }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 410) {\n          <span>\n            {{ 'list_data_has_expired' | translate }},\n            {{ 'please' | translate }}\n          </span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.reload()\"\n          >\n            {{ 'refresh' | translate }}\n          </button>\n          <span>{{ 'or' | translate }}</span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'continue_load' | translate }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 403) {\n          <span>\n            {{ 'no_permission_description' | translate }}\n          </span>\n        }\n      }\n    </div>\n  }\n  @if (!(list.loadingError$ | async)) {\n    @if (\n      {\n        loading: list.loading$ | async,\n        loadMore:\n          !autoLoad && !(list.loading$ | async) && list.hasMore$ | async,\n      };\n      as meta\n    ) {\n      @if (meta.loading) {\n        <div class=\"table-placeholder\">\n          <aui-icon icon=\"spinner\"></aui-icon>\n          <span>{{ 'loading_please_wait' | translate }}</span>\n        </div>\n      }\n      @if (meta.loadMore) {\n        <div class=\"table-placeholder\">\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'load_more' | translate }}\n          </button>\n        </div>\n      }\n      @if (!meta.loadMore && !meta.loading) {\n        <div class=\"table-last-row--empty\">\n          <div class=\"table-last-row--empty-inner\"></div>\n        </div>\n      }\n    }\n  }\n}\n\n@if (backTop) {\n  <aui-back-top [target]=\"window\"></aui-back-top>\n}\n", styles: [":host::ng-deep{position:sticky;left:0;display:flex;justify-content:center;align-items:center;z-index:1}:host::ng-deep{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-help-text))}:host::ng-deep .empty-placeholder,:host::ng-deep .table-placeholder{flex:1;flex-direction:column}:host::ng-deep .table-last-row--empty{height:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9));position:relative;margin-top:-3px;flex:1}:host::ng-deep .table-last-row--empty-inner{background-color:rgb(var(--aui-color-n-10));height:var(--aui-border-radius-l);border:1px solid rgb(var(--aui-color-n-8));border-top:0;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}:host::ng-deep .table-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .table-placeholder{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-placeholder-text))}:host::ng-deep .table-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.table-placeholder{border-top-left-radius:0;border-top-right-radius:0}\n"] }]
+                    ], template: "@if (isEmptyList$ | async) {\n  <div class=\"empty-placeholder\">\n    @if (noDataTemplate) {\n      <ng-template *ngTemplateOutlet=\"noDataTemplate\"></ng-template>\n    }\n    @if (!noDataTemplate) {\n      <div class=\"no-data-placeholder\">\n        <img\n          width=\"70\"\n          [src]=\"image | auiThemePicker\"\n        />\n        <div>{{ noDataHint$ | async }}</div>\n      </div>\n    }\n  </div>\n}\n\n@if (!(isEmptyList$ | async)) {\n  @if (list.loadingError$ | async) {\n    <div class=\"table-placeholder\">\n      @if (loadingErrorTemplate) {\n        <ng-template *ngTemplateOutlet=\"loadingErrorTemplate\"></ng-template>\n      } @else {\n        @if (![410, 403].includes(loadingErrorCode$ | async)) {\n          <span\n            >{{ 'error_loading_data' | translate }},{{\n              'please' | translate\n            }}</span\n          >\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"retry()\"\n          >\n            {{ ('retry' | translate).toLowerCase() }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 410) {\n          <span>\n            {{ 'list_data_has_expired' | translate }},\n            {{ 'please' | translate }}\n          </span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.reload()\"\n          >\n            {{ 'refresh' | translate }}\n          </button>\n          <span>{{ 'or' | translate }}</span>\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'continue_load' | translate }}\n          </button>\n        }\n        @if ((loadingErrorCode$ | async) === 403) {\n          <span>\n            {{ 'no_permission_description' | translate }}\n          </span>\n        }\n      }\n    </div>\n  }\n  @if (!(list.loadingError$ | async)) {\n    @if (\n      {\n        loading: list.loading$ | async,\n        loadMore:\n          !autoLoad && !(list.loading$ | async) && list.hasMore$ | async,\n      };\n      as meta\n    ) {\n      @if (meta.loading) {\n        <div class=\"table-placeholder\">\n          <aui-icon icon=\"spinner\"></aui-icon>\n          <span>{{ 'loading_please_wait' | translate }}</span>\n        </div>\n      }\n      @if (meta.loadMore) {\n        <div class=\"table-placeholder\">\n          <button\n            aui-button=\"text\"\n            size=\"small\"\n            (click)=\"list.loadMore()\"\n          >\n            {{ 'load_more' | translate }}\n          </button>\n        </div>\n      }\n      @if (!meta.loadMore && !meta.loading) {\n        <div class=\"table-last-row--empty\">\n          <div class=\"table-last-row--empty-inner\"></div>\n        </div>\n      }\n    }\n  }\n}\n\n@if (backTop) {\n  <aui-back-top [target]=\"window\"></aui-back-top>\n}\n", styles: [":host::ng-deep{position:sticky;left:0;display:flex;justify-content:center;align-items:center;z-index:1}:host::ng-deep{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-help-text))}:host::ng-deep .empty-placeholder,:host::ng-deep .table-placeholder{flex:1;flex-direction:column}:host::ng-deep .table-last-row--empty{height:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-9));position:relative;margin-top:-3px;flex:1}:host::ng-deep .table-last-row--empty-inner{background-color:rgb(var(--aui-color-n-10));height:var(--aui-border-radius-l);border:1px solid rgb(var(--aui-color-n-8));border-top:0;border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}:host::ng-deep .table-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .table-placeholder{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-placeholder-text))}:host::ng-deep .table-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.table-placeholder{border-top-left-radius:0;border-top-right-radius:0}.no-data-placeholder{margin-top:35px;margin-bottom:35px;display:flex;flex-direction:column;align-items:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { list: [{
                 type: Input
             }], autoLoad: [{
@@ -10951,39 +10887,91 @@ class AclTableVirtualComponent {
         this.height = '400px';
         this.trackBy = (index) => index;
         this.placeholderActive = false;
-        this.checked$ = new Subject();
         this.destroy$ = new Subject();
+        this.subscriptionsInitialized = false;
     }
     ngAfterViewChecked() {
-        // 如果有虚拟滚动视口，优先监听其滚动；否则退回到外层容器滚动。
         const container = this.scrollContainerRef?.nativeElement;
-        const viewportEl = this.viewport?.elementRef?.nativeElement ?? null;
-        const viewportScrolled$ = this.viewport?.elementScrolled() ??
-            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.checked$))
+        const viewport = this.viewport;
+        if (!container || !viewport) {
+            return;
+        }
+        if (!this.subscriptionsInitialized) {
+            this.setupScrollSubscriptions();
+            this.subscriptionsInitialized = true;
+        }
+    }
+    ngAfterViewInit() {
+        this.setupResizeObserver();
+        this.setupRowHeight();
+    }
+    setupScrollSubscriptions() {
+        const viewport = this.viewport;
+        const viewportEl = viewport?.elementRef?.nativeElement ?? null;
+        const headerWrapperEl = this.headerWrapper?.nativeElement;
+        viewport
+            .elementScrolled()
+            .pipe(startWith(null), takeUntil(this.destroy$))
+            .subscribe(() => {
+            if (viewportEl && headerWrapperEl) {
+                headerWrapperEl.scrollLeft = viewportEl.scrollLeft;
+            }
+            this.mutateVerticalScroll();
+            this.mutateHorizontalScroll();
+        });
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this.destroy$))
             .subscribe(() => {
             this.mutateVerticalScroll();
             this.mutateHorizontalScroll();
-            if (this.headerRow && viewportEl) {
-                this.headerRow.nativeElement.scrollLeft = viewportEl.scrollLeft;
-            }
         });
     }
-    onHeaderRowScroll(ev) {
-        if (!this.viewport) {
-            return;
+    setupRowHeight() {
+        const container = this.scrollContainerRef?.nativeElement;
+        if (container) {
+            container.style.setProperty('--table-row-height', `${this.itemSize}px`);
         }
-        this.viewport.elementRef.nativeElement.scrollLeft = ev.target.scrollLeft;
     }
     ngOnDestroy() {
-        this.checked$.next();
-        this.checked$.complete();
         this.destroy$.next();
         this.destroy$.complete();
+        this.resizeObserver?.disconnect();
+    }
+    setupResizeObserver() {
+        const viewportEl = this.viewport?.elementRef?.nativeElement ?? null;
+        if (!viewportEl) {
+            return;
+        }
+        const contentWrapper = viewportEl.querySelector('.cdk-virtual-scroll-content-wrapper');
+        if (!contentWrapper) {
+            return;
+        }
+        this.resizeObserver = new ResizeObserver(debounce(([entry]) => {
+            if (entry.contentRect.width !== 0) {
+                this.syncHeaderWidth();
+            }
+        }, 100));
+        this.resizeObserver.observe(contentWrapper);
+        this.syncHeaderWidth();
+    }
+    syncHeaderWidth() {
+        const headerWrapperEl = this.headerWrapper?.nativeElement;
+        if (!headerWrapperEl) {
+            return;
+        }
+        const headerScrollWrapper = headerWrapperEl.querySelector('.aui-table__header-scroll-content-wrapper');
+        const viewportEl = this.viewport?.elementRef?.nativeElement ?? null;
+        if (!viewportEl || !headerScrollWrapper) {
+            return;
+        }
+        const contentWrapper = viewportEl.querySelector('.cdk-virtual-scroll-content-wrapper');
+        if (!contentWrapper) {
+            return;
+        }
+        const width = contentWrapper.offsetWidth;
+        if (width > 0) {
+            headerScrollWrapper.style.width = `${width}px`;
+        }
     }
     getScroller() {
         // 在虚拟滚动场景下，真正的滚动容器是 viewport；否则使用外层容器。
@@ -11007,32 +10995,39 @@ class AclTableVirtualComponent {
         this.placeClass(scrollTop < scrollDis && scrollDis > 0, 'hasTableBottomShadow');
     }
     mutateHorizontalScroll() {
-        const el = this.getScroller();
-        const scrollDisX = el.scrollWidth - el.clientWidth;
+        const viewportEl = this.viewport?.elementRef?.nativeElement ?? null;
+        if (!viewportEl) {
+            return;
+        }
+        const scrollDisX = viewportEl.scrollWidth - viewportEl.clientWidth;
         this.placeClass(scrollDisX > 0, 'aui-table__scroll-shadow--has-scroll');
-        const scrollLeft = el.scrollLeft;
+        const scrollLeft = viewportEl.scrollLeft;
         this.placeClass(scrollLeft > 0, 'aui-table__scroll-shadow--scrolling');
         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 }, { propertyName: "headerRow", first: true, predicate: ["headerRow"], descendants: 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: "headerWrapper", first: true, predicate: ["headerWrapper"], descendants: true }], exportAs: ["aclTableVirtual"], ngImport: i0, template: `
     <div
       #scrollContainer
-      class="aui-table aui-table__scroll-shadow"
+      class="aui-table aui-table__scroll-shadow aui-table__scroll-wrapper"
     >
       @if (headerTemplate) {
         <div
-          class="aui-table__header-row"
-          #headerRow
-          (scroll)="onHeaderRowScroll($event)"
+          class="aui-table__header-wrapper"
+          #headerWrapper
         >
-          <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>
+          <div class="aui-table__header-scroll-content-wrapper">
+            <div class="aui-table__header-row">
+              <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>
+            </div>
+          </div>
         </div>
       }
       @if (placeholderTemplate) {
         <ng-template [ngTemplateOutlet]="placeholderTemplate"></ng-template>
       } @else if (!placeholderActive) {
         <cdk-virtual-scroll-viewport
+          #viewport
           [itemSize]="itemSize"
           [minBufferPx]="minBufferPx"
           [maxBufferPx]="maxBufferPx"
@@ -11041,6 +11036,7 @@ class AclTableVirtualComponent {
         >
           <div
             class="aui-table__row"
+            [style.height.px]="itemSize"
             *cdkVirtualFor="
               let item of dataSource;
               let index = index;
@@ -11064,28 +11060,32 @@ class AclTableVirtualComponent {
         </cdk-virtual-scroll-viewport>
       }
     </div>
-  `, 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}.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 }); }
+  `, isInline: true, styles: ["acl-table-virtual{display:block;max-width:100%}acl-table-virtual .aui-table__scroll-wrapper{display:flex;flex-direction:column;overflow:hidden}acl-table-virtual .aui-table__header-wrapper{position:relative;height:44px;overflow:auto hidden;scrollbar-width:none;-ms-overflow-style:none}acl-table-virtual .aui-table__header-wrapper::-webkit-scrollbar{display:none}acl-table-virtual .aui-table__header-scroll-content-wrapper{position:absolute;top:0;left:0;min-width:100%}.aui-table__header-row--hide-scrollbar{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.aui-table__header-row--hide-scrollbar::-webkit-scrollbar{display:none}.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}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:2px}cdk-virtual-scroll-viewport::-webkit-scrollbar-track{background:transparent}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{background:rgb(var(--aui-color-n-7-rgb, 136, 136, 136),.5);border-radius:4px}cdk-virtual-scroll-viewport:hover::-webkit-scrollbar-thumb{background:rgb(var(--aui-color-n-6-rgb, 170, 170, 170),.7)}.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}.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;height:var(--table-row-height, 58px);box-sizing:border-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;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>*{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__cell__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;line-height:1.5}.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;pointer-events:none}: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;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{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: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: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: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: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: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: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: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: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: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: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,
             args: [{ selector: 'acl-table-virtual', exportAs: 'aclTableVirtual', standalone: true, template: `
     <div
       #scrollContainer
-      class="aui-table aui-table__scroll-shadow"
+      class="aui-table aui-table__scroll-shadow aui-table__scroll-wrapper"
     >
       @if (headerTemplate) {
         <div
-          class="aui-table__header-row"
-          #headerRow
-          (scroll)="onHeaderRowScroll($event)"
+          class="aui-table__header-wrapper"
+          #headerWrapper
         >
-          <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>
+          <div class="aui-table__header-scroll-content-wrapper">
+            <div class="aui-table__header-row">
+              <ng-template [ngTemplateOutlet]="headerTemplate"></ng-template>
+            </div>
+          </div>
         </div>
       }
       @if (placeholderTemplate) {
         <ng-template [ngTemplateOutlet]="placeholderTemplate"></ng-template>
       } @else if (!placeholderActive) {
         <cdk-virtual-scroll-viewport
+          #viewport
           [itemSize]="itemSize"
           [minBufferPx]="minBufferPx"
           [maxBufferPx]="maxBufferPx"
@@ -11094,6 +11094,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
         >
           <div
             class="aui-table__row"
+            [style.height.px]="itemSize"
             *cdkVirtualFor="
               let item of dataSource;
               let index = index;
@@ -11117,7 +11118,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: ["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}.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"] }]
+  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule, NgTemplateOutlet], styles: ["acl-table-virtual{display:block;max-width:100%}acl-table-virtual .aui-table__scroll-wrapper{display:flex;flex-direction:column;overflow:hidden}acl-table-virtual .aui-table__header-wrapper{position:relative;height:44px;overflow:auto hidden;scrollbar-width:none;-ms-overflow-style:none}acl-table-virtual .aui-table__header-wrapper::-webkit-scrollbar{display:none}acl-table-virtual .aui-table__header-scroll-content-wrapper{position:absolute;top:0;left:0;min-width:100%}.aui-table__header-row--hide-scrollbar{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.aui-table__header-row--hide-scrollbar::-webkit-scrollbar{display:none}.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}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:2px}cdk-virtual-scroll-viewport::-webkit-scrollbar-track{background:transparent}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{background:rgb(var(--aui-color-n-7-rgb, 136, 136, 136),.5);border-radius:4px}cdk-virtual-scroll-viewport:hover::-webkit-scrollbar-thumb{background:rgb(var(--aui-color-n-6-rgb, 170, 170, 170),.7)}.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}.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;height:var(--table-row-height, 58px);box-sizing:border-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;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>*{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.aui-table__cell--column{flex-direction:column;justify-content:center;align-items:flex-start}.aui-table__cell__text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;line-height:1.5}.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;pointer-events:none}: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;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{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: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: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: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: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: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: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: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: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: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: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: [{
@@ -11147,9 +11148,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
             }], scrollContainerRef: [{
                 type: ViewChild,
                 args: ['scrollContainer', { static: true }]
-            }], headerRow: [{
+            }], headerWrapper: [{
                 type: ViewChild,
-                args: ['headerRow', { static: false }]
+                args: ['headerWrapper', { static: false }]
             }] } });
 
 const TABLE_VIRTUAL_MODULE = [
@@ -14802,5 +14803,5 @@ const GRAPH_COMPONENTS = [
  * 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, 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 };
+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, 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