@alauda-fe/dynamic-plugin-shared 0.0.4-alpha.3 → 0.0.4-alpha.4

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

@@ -1,16 +1,16 @@
 import * as i1 from '@alauda/ui';
-import { rgbColor, ThemeService, coerceAttrBoolean, FormItemControlDirective, observeResizeOn, MessageService, NotificationService, DIALOG_DATA, DialogModule, ButtonModule, InputModule, IconModule, FormModule, handlePixel, isTemplateRef, ThemePickerPipe, TooltipModule, TooltipType, ButtonComponent, IconComponent, TagComponent, TooltipDirective, DateNavRange, InputGroupComponent, InputSuffixDirective, InputComponent, DateRangePickerPanelComponent, TagType, TagModule, TooltipComponent, BaseTooltip, TooltipTrigger, 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 } from '@alauda/ui';
-import { last, cloneDeep, has, unset, get, isBoolean, sortBy, set, trim, isFunction, range, debounce, uniq, identity, first, isString, isEmpty, isObjectLike, snakeCase } from 'lodash-es';
+import { rgbColor, ThemeService, coerceAttrBoolean, FormItemControlDirective, observeResizeOn, MessageService, NotificationService, DIALOG_DATA, DialogModule, ButtonModule, InputModule, IconModule, FormModule, handlePixel, isTemplateRef, ThemePickerPipe, TooltipModule, TooltipType, ButtonComponent, IconComponent, TagComponent, TooltipDirective, DateNavRange, InputGroupComponent, InputSuffixDirective, InputComponent, DateRangePickerPanelComponent, TagType, TagModule, TooltipComponent, BaseTooltip, TooltipTrigger, INPUT_GROUP_MODULE, SelectModule, FORM_MODULE, DropdownModule, CheckboxModule, CardComponent, TOOLTIP_MODULE, CheckboxComponent, BackTopComponent, SortDirective, SortHeaderComponent, PaginatorComponent, TABLE_MODULE, DROPDOWN_MODULE, DialogRef, DIALOG_MODULE, CARD_MODULE, CHECKBOX_MODULE, TabsModule } from '@alauda/ui';
+import { last, cloneDeep, has, unset, get, isBoolean, sortBy, set, trim, isFunction, range, debounce, uniq, identity, first, isString, isEmpty, isObjectLike, snakeCase, memoize, findKey, some } from 'lodash-es';
 import * as i2$1 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, isFieldNotAvailable, K8S_UTIL_PIPES_MODULE, K8sApiService, TRANSLATE_MODULE } from '@alauda-fe/dynamic-plugin-sdk';
-import { Observable, finalize, map, startWith, catchError, of, isObservable, switchMap, animationFrameScheduler, fromEvent, auditTime, Subject, takeUntil, distinctUntilChanged, combineLatest, filter, debounceTime, take, merge, pairwise, tap, BehaviorSubject, from, timer, ReplaySubject, delay, withLatestFrom, scan, takeWhile, concat, exhaustMap, EMPTY as EMPTY$1, interval, NEVER, switchScan, mapTo } from 'rxjs';
+import { parseBase64Type, isBlank, publishRef, TOKEN_BASE_DOMAIN, stringify as stringify$1, isEqual, TimeService, TranslateService, isZhLang, FALLBACK_LANGUAGE, TranslatePipe, ObservableInput, FeatureGateService, FieldNotAvailablePipe, ValueHook, LoadingMaskComponent, PurePipe, StandardTimePipe, RelativeTimePipe, skipError, CURR_ESCAPE_DEACTIVATE_GUARD, ESCAPE_DEACTIVATE_GUARD, parseAll, FIELD_NOT_AVAILABLE_PLACEHOLDER, noop, SafePipe, WatchEvent, K8sUtilService, NAMESPACE as NAMESPACE$1, isFieldNotAvailable, K8S_UTIL_PIPES_MODULE, ResourceSelectorPopupService, ProjectService, ConfigurableField, API_GATEWAY as API_GATEWAY$1, ClusterListComponent, K8sApiService, TRANSLATE_MODULE } from '@alauda-fe/dynamic-plugin-sdk';
+import { Observable, finalize, map, startWith, catchError, of, isObservable, switchMap, animationFrameScheduler, fromEvent, auditTime, Subject, takeUntil, distinctUntilChanged, combineLatest, filter, debounceTime, take, merge, pairwise, tap, BehaviorSubject, from, timer, ReplaySubject, delay, withLatestFrom, scan, takeWhile, concat, exhaustMap, EMPTY as EMPTY$1, interval, NEVER, switchScan, shareReplay, mapTo } from 'rxjs';
 import * as i2$2 from '@angular/router';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { dissocPath, converge, mergeAll, mergeDeepRight, path, assocPath, identity as identity$1, equals } from 'ramda';
 import { compare } from 'compare-versions';
 export { compareVersions as compareVersionToNum, satisfies as satisfiesVersion } from 'compare-versions';
 import * as i0 from '@angular/core';
-import { inject, Directive, NgZone, Injectable, IterableDiffers, isDevMode, Pipe, ChangeDetectorRef, Input, ViewContainerRef, TemplateRef, ɵstringify as _stringify, ElementRef, ComponentFactoryResolver, Injector, runInInjectionContext, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, Inject, Host, booleanAttribute, forwardRef, ContentChild, Optional, ViewEncapsulation, ViewChild, ApplicationRef, ViewChildren, ContentChildren, InjectionToken, input, NgModule, computed } from '@angular/core';
+import { inject, Directive, NgZone, Injectable, IterableDiffers, isDevMode, Pipe, ChangeDetectorRef, Input, ViewContainerRef, TemplateRef, ɵstringify as _stringify, ElementRef, Injector, HostBinding, ChangeDetectionStrategy, Component, EventEmitter, Output, HostListener, Inject, Host, booleanAttribute, forwardRef, ContentChild, Optional, ViewEncapsulation, ViewChild, ApplicationRef, ViewChildren, ContentChildren, InjectionToken, input, NgModule, computed } from '@angular/core';
 import parser from 'cron-parser';
 import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
@@ -20,23 +20,25 @@ import cronstrue from 'cronstrue';
 import 'cronstrue/locales/zh_CN';
 import 'cronstrue/locales/en';
 import * as i1$1 from '@angular/common';
-import { DecimalPipe, NgTemplateOutlet, AsyncPipe, NgClass, NgStyle, CommonModule, Location } from '@angular/common';
+import { DecimalPipe, NgTemplateOutlet, AsyncPipe, NgClass, NgStyle, CommonModule, Location, KeyValuePipe } from '@angular/common';
 import duration from 'dayjs/plugin/duration';
 import { __decorate, __metadata } from 'tslib';
 import * as i2 from '@angular/forms';
 import { ControlContainer, NgControl, Validators, NG_VALIDATORS, DefaultValueAccessor, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule, NG_ASYNC_VALIDATORS, MaxLengthValidator, MinLengthValidator, NgForm, FormGroupDirective, FormBuilder, FormGroup, FormArray } from '@angular/forms';
-import { CdkPortalOutlet, TemplatePortal, ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';
 import * as i1$3 from '@angular/cdk/scrolling';
 import { CdkScrollable, ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i1$2 from '@angular/cdk/overlay';
 import { ScrollDispatcher } from '@angular/cdk/overlay';
 import { decode, encode } from 'ab64';
+import { DomPortalOutlet, ComponentPortal } from '@angular/cdk/portal';
 import { DomSanitizer } from '@angular/platform-browser';
 import { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';
 import { BaseResourceFormComponent } from 'ng-resource-form-util';
 import { MonacoEditorConfig } from 'ng-monaco-editor';
-import * as i2$3 from '@alauda/code-editor';
-import { CodeEditorModule } from '@alauda/code-editor';
+import { HttpClient } from '@angular/common/http';
+import * as i3 from '@alauda/code-editor';
+import { CodeEditorModule, MonacoLanguageService } from '@alauda/code-editor';
+import { yamlDefaults } from 'monaco-yaml';
 
 /**
  * @packageDocumentation
@@ -3365,7 +3367,6 @@ class ReadonlyFieldDirective {
         this.templateContext = {};
         this.destroy$ = new Subject();
         this.control = inject(NgControl);
-        this.cfr = inject(ComponentFactoryResolver);
         this.viewContainerRef = inject(ViewContainerRef);
         this.injector = inject(Injector);
         // 仅考虑当前control，子control无法知晓父FormItemControl元素 ，包裹了多少个control，以及各自处于什么状态，该情况自行处理
@@ -3383,9 +3384,10 @@ class ReadonlyFieldDirective {
                 $implicit: value,
                 ...this.context,
             });
+            this.templateViewRef?.detectChanges();
         }
         else {
-            this.spanComponentRef.instance.setData(value);
+            this.spanComponentRef?.instance.setData(value);
         }
     }
     ngOnInit() {
@@ -3393,31 +3395,20 @@ class ReadonlyFieldDirective {
         // formControl will compose multi validators to 1, no matter defined in template nor FormBuilder
         const { validator, asyncValidator } = controlEntity;
         this.isControlRequired = this.controlDirective?.required || false;
-        const portalOutlet = runInInjectionContext(this.injector, () => {
-            return new CdkPortalOutlet(this.cfr, this.viewContainerRef);
-        });
-        const portal = this.template
-            ? new TemplatePortal(this.template, this.viewContainerRef, this.templateContext)
-            : new ComponentPortal(SpanComponent, this.viewContainerRef);
         const containerAttached$ = this.aclReadonlyField$.pipe(distinctUntilChanged(), map(isUpdate => {
             if (!isUpdate) {
                 // 重置
                 if (this.controlDirective) {
                     this.controlDirective.required = this.isControlRequired;
                 }
-                if (portalOutlet.hasAttached()) {
-                    portalOutlet.detach();
-                }
+                this.detachReadonlyView();
                 this.applyValidators(controlEntity, validator, asyncValidator);
                 return false;
             }
             if (this.controlDirective) {
                 this.controlDirective.required = false;
             }
-            const attachPoint = portalOutlet.attach(portal);
-            if (!this.template) {
-                this.spanComponentRef = attachPoint;
-            }
+            this.attachReadonlyView();
             this.clearValidators(controlEntity);
             return true;
         }));
@@ -3451,6 +3442,30 @@ class ReadonlyFieldDirective {
     ngOnDestroy() {
         this.destroy$.next();
     }
+    attachReadonlyView() {
+        if (this.template) {
+            if (!this.templateViewRef) {
+                this.templateViewRef = this.viewContainerRef.createEmbeddedView(this.template, this.templateContext);
+            }
+            return;
+        }
+        if (!this.spanComponentRef) {
+            this.spanComponentRef = this.viewContainerRef.createComponent(SpanComponent, {
+                injector: this.injector,
+            });
+        }
+    }
+    detachReadonlyView() {
+        if (this.templateViewRef) {
+            this.templateViewRef.destroy();
+            this.templateViewRef = undefined;
+        }
+        if (this.spanComponentRef) {
+            this.spanComponentRef.destroy();
+            this.spanComponentRef = undefined;
+        }
+        this.viewContainerRef.clear();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ReadonlyFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: ReadonlyFieldDirective, isStandalone: true, selector: "[aclReadonlyField]", inputs: { aclReadonlyField: "aclReadonlyField", hidden: "hidden", template: ["aclReadonlyFieldTemplate", "template"], context: ["aclReadonlyFieldTemplateContext", "context"] }, host: { properties: { "hidden": "this.isHidden" } }, ngImport: i0 }); }
 }
@@ -6669,6 +6684,16 @@ const textWriteOptions = {
     language: 'text',
     ...commonOptions,
 };
+const yamlWriteMinimapOptions = {
+    language: 'yaml',
+    ...commonOptions,
+    minimap: { enabled: true },
+};
+const yamlReadMinimapOptions = {
+    language: 'yaml',
+    ...readonlyOptions,
+    minimap: { enabled: true },
+};
 // for logs
 const logsReadOptions = {
     wordWrap: 'on',
@@ -8423,7 +8448,7 @@ class MultiSearchActionInputComponent extends BaseResourceFormComponent {
         // 键盘delete事件。
         this.delete = new EventEmitter();
         // 键盘enter事件
-        this.searchEvent = new EventEmitter();
+        this.search = new EventEmitter();
         this._conditionsModel = '';
         this.conditionsModel$$ = new BehaviorSubject('');
         this.hasFilteredConditions$ = combineLatest([
@@ -8625,7 +8650,7 @@ class MultiSearchActionInputComponent extends BaseResourceFormComponent {
             this.conditionsModel = currentLabel;
             // 如果是单选，则需要在选中时抛出complete事件，并抛出search事件
             this.ifComplete(false, true);
-            this.searchEvent.emit();
+            this.search.emit();
         }
     }
     // 多选
@@ -8816,7 +8841,7 @@ class MultiSearchActionInputComponent extends BaseResourceFormComponent {
         else {
             // 当前操作内容已完成，，则会抛出enter事件
             if (this.ifComplete(false, true)) {
-                this.searchEvent.emit();
+                this.search.emit();
             }
             else if (this.conditionCreatable && this.isConditionSelecting) {
                 this.setConditionByModel();
@@ -8934,7 +8959,7 @@ class MultiSearchActionInputComponent extends BaseResourceFormComponent {
         return conditionsModel === current;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MultiSearchActionInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MultiSearchActionInputComponent, isStandalone: true, selector: "acl-multi-search-action-input", inputs: { placeholder: "placeholder", conditionCreatable: "conditionCreatable", isEditing: "isEditing", hidden: "hidden", autoScroll: "autoScroll", conditionConfig: "conditionConfig", showFootAction: "showFootAction", existingConditions: "existingConditions" }, outputs: { completed: "completed", editing: "editing", delete: "delete", searchEvent: "searchEvent" }, host: { properties: { "hidden": "this.hiddenState" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "toolTipRef", first: true, predicate: ["toolTipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"tw-flex tw-items-center tw-text-m\">\n  @if (form.value; as activeCondition) {\n    <span\n      class=\"tw-ml-6 tw-max-w-[45%] tw-flex-shrink-0 tw-text-ellipsis tw-overflow-hidden\"\n      (click)=\"activeConditionClick(); $event.stopPropagation()\"\n    >\n      {{ activeCondition | pure: getConditionLabel }}\n    </span>\n    @if (activeCondition.operator) {\n      <span\n        class=\"tw-ml-6\"\n        (click)=\"activeOperatorClick(); $event.stopPropagation()\"\n      >\n        {{ activeCondition.operator }}\n      </span>\n    }\n    @if (!isEditing) {\n      <span\n        class=\"tw-ml-6 tw-max-w-[45%] tw-flex-shrink-0 tw-text-ellipsis tw-overflow-hidden\"\n        (click)=\"activeValueClick(); $event.stopPropagation()\"\n      >\n        {{ getValueContent(activeCondition) }}\n      </span>\n    }\n  }\n  <input\n    class=\"search-input\"\n    [ngClass]=\"{\n      'mock-input':\n        (!isEditing && !isConditionSelecting) || isOperatorSelecting,\n    }\"\n    [maxlength]=\"isOperatorSelecting ? 0 : MAX_SAFE_INTEGER\"\n    aui-input\n    #inputRef\n    #toolTipRef=\"auiTooltip\"\n    [placeholder]=\"isConditionSelecting ? placeholder : ''\"\n    [(ngModel)]=\"conditionsModel\"\n    (ngModelChange)=\"conditionsModel$$.next($event)\"\n    (keydown)=\"inputKeydown($event)\"\n    (focus)=\"inputFocus()\"\n    [auiTooltip]=\"templateRef\"\n    auiTooltipAnimType=\"none\"\n    auiTooltipTrigger=\"manual\"\n    auiTooltipType=\"info\"\n    auiTooltipClass=\"multi-search-dropdown\"\n    auiTooltipPosition=\"bottom start\"\n  />\n</div>\n\n<ng-template #templateRef>\n  <div\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <!-- \u7C7B\u76EE\u9009\u62E9 -->\n    @if (isConditionSelecting && (conditionsShouldShow$ | async)) {\n      @if (hasFilteredConditions$ | async) {\n        <ul class=\"tw-min-w-[260px] tw-max-w-[400px]\">\n          <ng-container\n            [ngTemplateOutlet]=\"categoriesTemp\"\n            [ngTemplateOutletContext]=\"{\n              normal: (normalConditions$ | async),\n              groups: groupConditions$ | async,\n            }\"\n          ></ng-container>\n        </ul>\n      } @else {\n        <ul class=\"tw-min-w-[260px] tw-max-w-[400px]\">\n          <div class=\"no-match-categories-tip\">\n            {{ 'no_match_categories_tip' | translate }}\n          </div>\n          <ng-container\n            [ngTemplateOutlet]=\"categoriesTemp\"\n            [ngTemplateOutletContext]=\"{\n              normal: normalConditionsResource$ | async,\n              groups: groupConditionsResource$ | async,\n            }\"\n          ></ng-container>\n        </ul>\n      }\n      <ng-template\n        #categoriesTemp\n        let-normal=\"normal\"\n        let-groups=\"groups\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"liConditionTemp\"\n          [ngTemplateOutletContext]=\"{ conditions: normal }\"\n        ></ng-container>\n        @for (group of groups; track group) {\n          @if (group.member?.length) {\n            <div\n              [title]=\"group.group\"\n              class=\"dropdown-group-label dropdown-content\"\n            >\n              {{ group.group }}\n            </div>\n            <ng-container\n              [ngTemplateOutlet]=\"liConditionTemp\"\n              [ngTemplateOutletContext]=\"{ conditions: group.member }\"\n            ></ng-container>\n          }\n        }\n      </ng-template>\n    }\n\n    @if (form.value; as activeCondition) {\n      <!-- operator\u9009\u62E9 -->\n      @if (isOperatorSelecting) {\n        <ul class=\"tw-min-w-[160px]\">\n          @for (\n            operator of activeCondition.operators || [DEFAULT_OPERATOR];\n            track operator\n          ) {\n            <li (click)=\"selectActiveOperator($any(operator))\">\n              <ng-container\n                [ngTemplateOutlet]=\"basicLiContentTemp\"\n                [ngTemplateOutletContext]=\"{\n                  isSelect: operator === conditionsModel,\n                  label: operator,\n                }\"\n              >\n              </ng-container>\n            </li>\n          }\n        </ul>\n      }\n      <!-- \u5177\u4F53\u6761\u4EF6\u9009\u62E9 -->\n      @if (isValueSelecting) {\n        @if (\n          activeCondition\n            | pure\n              : hasFilteredValues\n              : conditionsModel\n              : activeCondition.isMulti\n        ) {\n          <ul class=\"tw-min-w-[260px] tw-max-w-[400px]\">\n            @if (activeCondition.allowSelectAll && activeCondition.isMulti) {\n              <li class=\"dropdown-content select-all\">\n                <div\n                  class=\"search-dropdown-item\"\n                  [ngClass]=\"{\n                    'tw-text-p-2': isSelectAll,\n                    'tw-bg-p-6': isSelectAll,\n                  }\"\n                  (click)=\"selectAllClick()\"\n                >\n                  <div class=\"multi-item\">\n                    <aui-checkbox\n                      [value]=\"isSelectAll\"\n                      [indeterminate]=\"isIndeterminate\"\n                    ></aui-checkbox>\n                    <div class=\"search-dropdown-item-label\">\n                      {{ 'all' | translate }}\n                    </div>\n                  </div>\n                </div>\n              </li>\n            }\n            <ng-container\n              [ngTemplateOutlet]=\"liValueTemp\"\n              [ngTemplateOutletContext]=\"{\n                values:\n                  activeCondition\n                  | pure\n                    : getNormalValues\n                    : conditionsModel\n                    : activeCondition.isMulti,\n                activeCondition: activeCondition,\n              }\"\n            >\n            </ng-container>\n            @for (\n              group of activeCondition\n                | pure\n                  : getValuesGroup\n                  : conditionsModel\n                  : activeCondition.isMulti;\n              track group\n            ) {\n              @if (group.member?.length) {\n                <div\n                  [title]=\"group.group\"\n                  class=\"dropdown-group-label dropdown-content\"\n                >\n                  {{ group.group }}\n                </div>\n                <ng-container\n                  [ngTemplateOutlet]=\"liValueTemp\"\n                  [ngTemplateOutletContext]=\"{\n                    values: group.member,\n                    activeCondition: activeCondition,\n                  }\"\n                ></ng-container>\n              }\n            }\n          </ul>\n        }\n      }\n    }\n    @if (showFootAction && form?.value?.isMulti) {\n      <div class=\"footer\">\n        <button\n          aui-button=\"text\"\n          size=\"mini\"\n          (click)=\"confirmSelection()\"\n        >\n          {{ 'confirm' | translate }}\n        </button>\n        <button\n          aui-button=\"text\"\n          size=\"mini\"\n          class=\"cancel\"\n          (click)=\"toolTipHide()\"\n        >\n          {{ 'cancel' | translate }}\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #liConditionTemp\n  let-conditions=\"conditions\"\n>\n  @for (condition of conditions; track condition) {\n    <li\n      class=\"dropdown-content\"\n      (click)=\"selectActiveCondition(condition)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"basicLiContentTemp\"\n        [ngTemplateOutletContext]=\"{\n          isSelect:\n            condition\n            | pure: getConditionLabel\n            | pure: isConditionSelected : conditionsModel,\n          label: condition | pure: getConditionLabel,\n        }\"\n      >\n      </ng-container>\n    </li>\n  }\n</ng-template>\n\n<ng-template\n  #liValueTemp\n  let-values=\"values\"\n  let-activeCondition=\"activeCondition\"\n>\n  @for (value of values; track value) {\n    <li\n      class=\"dropdown-content\"\n      (click)=\"\n        selectValue(value, activeCondition.isMulti);\n        $event.stopPropagation();\n        $event.preventDefault()\n      \"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"basicLiContentTemp\"\n        [ngTemplateOutletContext]=\"{\n          isSelect:\n            value\n            | pure: getValueLabel\n            | pure\n              : isValueSelected\n              : conditionsModel || (form.value | pure: getValueContent)\n              : activeCondition,\n          label: value | pure: getValueLabel,\n          isMulti: activeCondition.isMulti,\n        }\"\n      >\n      </ng-container>\n    </li>\n  }\n</ng-template>\n\n<ng-template\n  #basicLiContentTemp\n  let-isSelect=\"isSelect\"\n  let-label=\"label\"\n  let-isMulti=\"isMulti\"\n>\n  <div\n    [class]=\"DROPDOWN_ITEM_CLASS\"\n    [ngClass]=\"{\n      'is-multi-value-select': isSelect,\n    }\"\n  >\n    @if (isMulti) {\n      <div class=\"multi-item\">\n        <aui-checkbox [value]=\"isSelect\"></aui-checkbox>\n        <div\n          [title]=\"label\"\n          class=\"search-dropdown-item-label\"\n        >\n          {{ label }}\n        </div>\n      </div>\n    }\n    @if (!isMulti) {\n      <div\n        [title]=\"label\"\n        class=\"search-dropdown-item-label\"\n      >\n        {{ label }}\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:block;padding-top:5px}.search-input{border:none;box-shadow:none!important;height:22px}.mock-input{width:1px!important;flex-shrink:0;padding:0;margin-left:7px}::ng-deep .multi-search-dropdown{padding:0!important;margin-top:8px!important;cursor:pointer;max-height:284px;overflow-y:auto}::ng-deep .multi-search-dropdown ul .dropdown-content:first-child{border:none;padding-top:0;margin-top:0}::ng-deep .multi-search-dropdown .cursor-light{background-color:rgb(var(--aui-color-p-6))}::ng-deep .multi-search-dropdown .is-multi-value-select{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-p-2))}::ng-deep .multi-search-dropdown .search-dropdown-item{padding:0 8px}::ng-deep .multi-search-dropdown .search-dropdown-item:hover{background-color:rgb(var(--aui-color-p-6))}::ng-deep .multi-search-dropdown .search-dropdown-item .multi-item{display:flex;height:28px;align-items:center}::ng-deep .multi-search-dropdown .search-dropdown-item .multi-item aui-checkbox{width:24px}::ng-deep .multi-search-dropdown .search-dropdown-item-label{height:28px;line-height:28px;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;font-size:var(--aui-font-size-m)}::ng-deep .multi-search-dropdown .dropdown-group-label{font-size:12px;color:rgb(var(--aui-color-n-4));padding-bottom:8px;padding-top:12px;margin-top:12px;margin-left:8px;margin-right:8px;border-top:1px solid rgb(var(--aui-color-n-8));white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis}::ng-deep .multi-search-dropdown .no-match-categories-tip{text-align:center;font-size:12px;color:rgb(var(--aui-color-n-4));border-bottom:1px solid rgb(var(--aui-color-n-8));margin-left:8px;margin-right:8px;margin-bottom:8px;padding-top:4px;padding-bottom:12px}::ng-deep .multi-search-dropdown .select-all{border-bottom:1px solid rgb(var(--aui-color-n-8))!important;margin-bottom:8px}::ng-deep .multi-search-dropdown .footer{display:flex;background:rgb(var(--aui-color-n-10));justify-content:flex-end;border-top:1px solid rgb(var(--aui-color-n-8));position:sticky;bottom:0;height:30px;padding:0 8px;align-items:center}::ng-deep .multi-search-dropdown .footer .cancel{color:rgb(var(--aui-color-n-1))!important}\n"], dependencies: [{ kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "component", type: CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MultiSearchActionInputComponent, isStandalone: true, selector: "acl-multi-search-action-input", inputs: { placeholder: "placeholder", conditionCreatable: "conditionCreatable", isEditing: "isEditing", hidden: "hidden", autoScroll: "autoScroll", conditionConfig: "conditionConfig", showFootAction: "showFootAction", existingConditions: "existingConditions" }, outputs: { completed: "completed", editing: "editing", delete: "delete", search: "search" }, host: { properties: { "hidden": "this.hiddenState" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "toolTipRef", first: true, predicate: ["toolTipRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"tw-flex tw-items-center tw-text-m\">\n  @if (form.value; as activeCondition) {\n    <span\n      class=\"tw-ml-6 tw-max-w-[45%] tw-flex-shrink-0 tw-text-ellipsis tw-overflow-hidden\"\n      (click)=\"activeConditionClick(); $event.stopPropagation()\"\n    >\n      {{ activeCondition | pure: getConditionLabel }}\n    </span>\n    @if (activeCondition.operator) {\n      <span\n        class=\"tw-ml-6\"\n        (click)=\"activeOperatorClick(); $event.stopPropagation()\"\n      >\n        {{ activeCondition.operator }}\n      </span>\n    }\n    @if (!isEditing) {\n      <span\n        class=\"tw-ml-6 tw-max-w-[45%] tw-flex-shrink-0 tw-text-ellipsis tw-overflow-hidden\"\n        (click)=\"activeValueClick(); $event.stopPropagation()\"\n      >\n        {{ getValueContent(activeCondition) }}\n      </span>\n    }\n  }\n  <input\n    class=\"search-input\"\n    [ngClass]=\"{\n      'mock-input':\n        (!isEditing && !isConditionSelecting) || isOperatorSelecting,\n    }\"\n    [maxlength]=\"isOperatorSelecting ? 0 : MAX_SAFE_INTEGER\"\n    aui-input\n    #inputRef\n    #toolTipRef=\"auiTooltip\"\n    [placeholder]=\"isConditionSelecting ? placeholder : ''\"\n    [(ngModel)]=\"conditionsModel\"\n    (ngModelChange)=\"conditionsModel$$.next($event)\"\n    (keydown)=\"inputKeydown($event)\"\n    (focus)=\"inputFocus()\"\n    [auiTooltip]=\"templateRef\"\n    auiTooltipAnimType=\"none\"\n    auiTooltipTrigger=\"manual\"\n    auiTooltipType=\"info\"\n    auiTooltipClass=\"multi-search-dropdown\"\n    auiTooltipPosition=\"bottom start\"\n  />\n</div>\n\n<ng-template #templateRef>\n  <div\n    (mousedown)=\"$event.preventDefault()\"\n    (click)=\"$event.stopPropagation()\"\n  >\n    <!-- \u7C7B\u76EE\u9009\u62E9 -->\n    @if (isConditionSelecting && (conditionsShouldShow$ | async)) {\n      @if (hasFilteredConditions$ | async) {\n        <ul class=\"tw-min-w-[260px] tw-max-w-[400px]\">\n          <ng-container\n            [ngTemplateOutlet]=\"categoriesTemp\"\n            [ngTemplateOutletContext]=\"{\n              normal: (normalConditions$ | async),\n              groups: groupConditions$ | async,\n            }\"\n          ></ng-container>\n        </ul>\n      } @else {\n        <ul class=\"tw-min-w-[260px] tw-max-w-[400px]\">\n          <div class=\"no-match-categories-tip\">\n            {{ 'no_match_categories_tip' | translate }}\n          </div>\n          <ng-container\n            [ngTemplateOutlet]=\"categoriesTemp\"\n            [ngTemplateOutletContext]=\"{\n              normal: normalConditionsResource$ | async,\n              groups: groupConditionsResource$ | async,\n            }\"\n          ></ng-container>\n        </ul>\n      }\n      <ng-template\n        #categoriesTemp\n        let-normal=\"normal\"\n        let-groups=\"groups\"\n      >\n        <ng-container\n          [ngTemplateOutlet]=\"liConditionTemp\"\n          [ngTemplateOutletContext]=\"{ conditions: normal }\"\n        ></ng-container>\n        @for (group of groups; track group) {\n          @if (group.member?.length) {\n            <div\n              [title]=\"group.group\"\n              class=\"dropdown-group-label dropdown-content\"\n            >\n              {{ group.group }}\n            </div>\n            <ng-container\n              [ngTemplateOutlet]=\"liConditionTemp\"\n              [ngTemplateOutletContext]=\"{ conditions: group.member }\"\n            ></ng-container>\n          }\n        }\n      </ng-template>\n    }\n\n    @if (form.value; as activeCondition) {\n      <!-- operator\u9009\u62E9 -->\n      @if (isOperatorSelecting) {\n        <ul class=\"tw-min-w-[160px]\">\n          @for (\n            operator of activeCondition.operators || [DEFAULT_OPERATOR];\n            track operator\n          ) {\n            <li (click)=\"selectActiveOperator($any(operator))\">\n              <ng-container\n                [ngTemplateOutlet]=\"basicLiContentTemp\"\n                [ngTemplateOutletContext]=\"{\n                  isSelect: operator === conditionsModel,\n                  label: operator,\n                }\"\n              >\n              </ng-container>\n            </li>\n          }\n        </ul>\n      }\n      <!-- \u5177\u4F53\u6761\u4EF6\u9009\u62E9 -->\n      @if (isValueSelecting) {\n        @if (\n          activeCondition\n            | pure\n              : hasFilteredValues\n              : conditionsModel\n              : activeCondition.isMulti\n        ) {\n          <ul class=\"tw-min-w-[260px] tw-max-w-[400px]\">\n            @if (activeCondition.allowSelectAll && activeCondition.isMulti) {\n              <li class=\"dropdown-content select-all\">\n                <div\n                  class=\"search-dropdown-item\"\n                  [ngClass]=\"{\n                    'tw-text-p-2': isSelectAll,\n                    'tw-bg-p-6': isSelectAll,\n                  }\"\n                  (click)=\"selectAllClick()\"\n                >\n                  <div class=\"multi-item\">\n                    <aui-checkbox\n                      [value]=\"isSelectAll\"\n                      [indeterminate]=\"isIndeterminate\"\n                    ></aui-checkbox>\n                    <div class=\"search-dropdown-item-label\">\n                      {{ 'all' | translate }}\n                    </div>\n                  </div>\n                </div>\n              </li>\n            }\n            <ng-container\n              [ngTemplateOutlet]=\"liValueTemp\"\n              [ngTemplateOutletContext]=\"{\n                values:\n                  activeCondition\n                  | pure\n                    : getNormalValues\n                    : conditionsModel\n                    : activeCondition.isMulti,\n                activeCondition: activeCondition,\n              }\"\n            >\n            </ng-container>\n            @for (\n              group of activeCondition\n                | pure\n                  : getValuesGroup\n                  : conditionsModel\n                  : activeCondition.isMulti;\n              track group\n            ) {\n              @if (group.member?.length) {\n                <div\n                  [title]=\"group.group\"\n                  class=\"dropdown-group-label dropdown-content\"\n                >\n                  {{ group.group }}\n                </div>\n                <ng-container\n                  [ngTemplateOutlet]=\"liValueTemp\"\n                  [ngTemplateOutletContext]=\"{\n                    values: group.member,\n                    activeCondition: activeCondition,\n                  }\"\n                ></ng-container>\n              }\n            }\n          </ul>\n        }\n      }\n    }\n    @if (showFootAction && form?.value?.isMulti) {\n      <div class=\"footer\">\n        <button\n          aui-button=\"text\"\n          size=\"mini\"\n          (click)=\"confirmSelection()\"\n        >\n          {{ 'confirm' | translate }}\n        </button>\n        <button\n          aui-button=\"text\"\n          size=\"mini\"\n          class=\"cancel\"\n          (click)=\"toolTipHide()\"\n        >\n          {{ 'cancel' | translate }}\n        </button>\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #liConditionTemp\n  let-conditions=\"conditions\"\n>\n  @for (condition of conditions; track condition) {\n    <li\n      class=\"dropdown-content\"\n      (click)=\"selectActiveCondition(condition)\"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"basicLiContentTemp\"\n        [ngTemplateOutletContext]=\"{\n          isSelect:\n            condition\n            | pure: getConditionLabel\n            | pure: isConditionSelected : conditionsModel,\n          label: condition | pure: getConditionLabel,\n        }\"\n      >\n      </ng-container>\n    </li>\n  }\n</ng-template>\n\n<ng-template\n  #liValueTemp\n  let-values=\"values\"\n  let-activeCondition=\"activeCondition\"\n>\n  @for (value of values; track value) {\n    <li\n      class=\"dropdown-content\"\n      (click)=\"\n        selectValue(value, activeCondition.isMulti);\n        $event.stopPropagation();\n        $event.preventDefault()\n      \"\n    >\n      <ng-container\n        [ngTemplateOutlet]=\"basicLiContentTemp\"\n        [ngTemplateOutletContext]=\"{\n          isSelect:\n            value\n            | pure: getValueLabel\n            | pure\n              : isValueSelected\n              : conditionsModel || (form.value | pure: getValueContent)\n              : activeCondition,\n          label: value | pure: getValueLabel,\n          isMulti: activeCondition.isMulti,\n        }\"\n      >\n      </ng-container>\n    </li>\n  }\n</ng-template>\n\n<ng-template\n  #basicLiContentTemp\n  let-isSelect=\"isSelect\"\n  let-label=\"label\"\n  let-isMulti=\"isMulti\"\n>\n  <div\n    [class]=\"DROPDOWN_ITEM_CLASS\"\n    [ngClass]=\"{\n      'is-multi-value-select': isSelect,\n    }\"\n  >\n    @if (isMulti) {\n      <div class=\"multi-item\">\n        <aui-checkbox [value]=\"isSelect\"></aui-checkbox>\n        <div\n          [title]=\"label\"\n          class=\"search-dropdown-item-label\"\n        >\n          {{ label }}\n        </div>\n      </div>\n    }\n    @if (!isMulti) {\n      <div\n        [title]=\"label\"\n        class=\"search-dropdown-item-label\"\n      >\n        {{ label }}\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:block;padding-top:5px}.search-input{border:none;box-shadow:none!important;height:22px}.mock-input{width:1px!important;flex-shrink:0;padding:0;margin-left:7px}::ng-deep .multi-search-dropdown{padding:0!important;margin-top:8px!important;cursor:pointer;max-height:284px;overflow-y:auto}::ng-deep .multi-search-dropdown ul .dropdown-content:first-child{border:none;padding-top:0;margin-top:0}::ng-deep .multi-search-dropdown .cursor-light{background-color:rgb(var(--aui-color-p-6))}::ng-deep .multi-search-dropdown .is-multi-value-select{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-p-2))}::ng-deep .multi-search-dropdown .search-dropdown-item{padding:0 8px}::ng-deep .multi-search-dropdown .search-dropdown-item:hover{background-color:rgb(var(--aui-color-p-6))}::ng-deep .multi-search-dropdown .search-dropdown-item .multi-item{display:flex;height:28px;align-items:center}::ng-deep .multi-search-dropdown .search-dropdown-item .multi-item aui-checkbox{width:24px}::ng-deep .multi-search-dropdown .search-dropdown-item-label{height:28px;line-height:28px;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;font-size:var(--aui-font-size-m)}::ng-deep .multi-search-dropdown .dropdown-group-label{font-size:12px;color:rgb(var(--aui-color-n-4));padding-bottom:8px;padding-top:12px;margin-top:12px;margin-left:8px;margin-right:8px;border-top:1px solid rgb(var(--aui-color-n-8));white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis}::ng-deep .multi-search-dropdown .no-match-categories-tip{text-align:center;font-size:12px;color:rgb(var(--aui-color-n-4));border-bottom:1px solid rgb(var(--aui-color-n-8));margin-left:8px;margin-right:8px;margin-bottom:8px;padding-top:4px;padding-bottom:12px}::ng-deep .multi-search-dropdown .select-all{border-bottom:1px solid rgb(var(--aui-color-n-8))!important;margin-bottom:8px}::ng-deep .multi-search-dropdown .footer{display:flex;background:rgb(var(--aui-color-n-10));justify-content:flex-end;border-top:1px solid rgb(var(--aui-color-n-8));position:sticky;bottom:0;height:30px;padding:0 8px;align-items:center}::ng-deep .multi-search-dropdown .footer .cancel{color:rgb(var(--aui-color-n-1))!important}\n"], dependencies: [{ kind: "component", type: InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "component", type: CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ObservableInput(),
@@ -8984,7 +9009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 type: Output
             }], delete: [{
                 type: Output
-            }], searchEvent: [{
+            }], search: [{
                 type: Output
             }], inputRef: [{
                 type: ViewChild,
@@ -9002,7 +9027,7 @@ class MultiSearchTagsComponent {
         this.removeCondition = new EventEmitter();
         this.setConditionEditing = new EventEmitter();
         this.setConditionDeleting = new EventEmitter();
-        this.searchEvent = new EventEmitter();
+        this.search = new EventEmitter();
         this.completed = new EventEmitter();
     }
     conditionInAction(condition) {
@@ -9017,7 +9042,7 @@ class MultiSearchTagsComponent {
             ?.join(condition.separator ?? ' | ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MultiSearchTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MultiSearchTagsComponent, isStandalone: true, selector: "acl-multi-search-tags", inputs: { placeholder: "placeholder", conditionCreatable: "conditionCreatable", conditionConfig: "conditionConfig", existingConditions: "existingConditions", showFootAction: "showFootAction" }, outputs: { removeCondition: "removeCondition", setConditionEditing: "setConditionEditing", setConditionDeleting: "setConditionDeleting", searchEvent: "searchEvent", completed: "completed" }, viewQueries: [{ propertyName: "inputComponent", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div class=\"search-content\">\n  @for (condition of existingConditions; track condition; let index = $index) {\n    @if (!conditionInAction(condition)) {\n      <aui-tag\n        class=\"tw-ml-6 tw-h-[22px] tw-mb-4\"\n        [ngClass]=\"condition.tagClass\"\n        [type]=\"condition.tagType || 'info'\"\n        [border]=\"true\"\n        [closeable]=\"true\"\n        (close)=\"removeCondition.emit(condition); searchEvent.emit()\"\n        (click)=\"setConditionEditing.emit(condition)\"\n        size=\"mini\"\n      >\n        <span\n          [title]=\"\n            (condition | pure: getConditionLabel) +\n            ' ' +\n            condition.operator +\n            ' ' +\n            (condition | pure: getValueContent)\n          \"\n        >\n          {{ condition | pure: getConditionLabel }}\n          {{ condition.operator }}\n          {{ condition | pure: getValueContent }}\n        </span>\n      </aui-tag>\n    } @else {\n      <acl-multi-search-action-input\n        #inputRef\n        class=\"input-wrapper\"\n        [ngClass]=\"{ 'deleting-input': condition.isDeleting }\"\n        [isEditing]=\"condition.isEditing\"\n        [conditionCreatable]=\"conditionCreatable\"\n        [placeholder]=\"placeholder\"\n        [conditionConfig]=\"conditionConfig\"\n        [existingConditions]=\"existingConditions\"\n        [showFootAction]=\"showFootAction\"\n        [(ngModel)]=\"condition.actionModel\"\n        (completed)=\"\n          completed.emit({\n            activeCondition: $event.activeCondition,\n            toContinue: $event.toContinue,\n            manualFocus: $event.manualFocus,\n            index: index,\n          })\n        \"\n        (delete)=\"setConditionDeleting.emit(index - 1)\"\n        (editing)=\"setConditionEditing.emit(condition)\"\n        (search)=\"searchEvent.emit()\"\n      ></acl-multi-search-action-input>\n    }\n  }\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host .search-content{width:100%;min-height:30px;max-height:160px;flex:1;display:flex;flex-wrap:wrap;align-items:center}:host .search-content ::ng-deep aui-tag{max-width:calc(100% - 8px)}:host .search-content ::ng-deep .aui-tag{margin-left:0;max-width:100%}:host .search-content ::ng-deep .input-wrapper{padding-bottom:4px;max-width:100%;width:max-content;min-width:180px;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;flex-grow:1;flex-shrink:0}\n"], dependencies: [{ 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MultiSearchActionInputComponent, selector: "acl-multi-search-action-input", inputs: ["placeholder", "conditionCreatable", "isEditing", "hidden", "autoScroll", "conditionConfig", "showFootAction", "existingConditions"], outputs: ["completed", "editing", "delete", "searchEvent"] }, { 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: "pipe", type: PurePipe, name: "pure" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MultiSearchTagsComponent, isStandalone: true, selector: "acl-multi-search-tags", inputs: { placeholder: "placeholder", conditionCreatable: "conditionCreatable", conditionConfig: "conditionConfig", existingConditions: "existingConditions", showFootAction: "showFootAction" }, outputs: { removeCondition: "removeCondition", setConditionEditing: "setConditionEditing", setConditionDeleting: "setConditionDeleting", search: "search", completed: "completed" }, viewQueries: [{ propertyName: "inputComponent", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<div class=\"search-content\">\n  @for (condition of existingConditions; track condition; let index = $index) {\n    @if (!conditionInAction(condition)) {\n      <aui-tag\n        class=\"tw-ml-6 tw-h-[22px] tw-mb-4\"\n        [ngClass]=\"condition.tagClass\"\n        [type]=\"condition.tagType || 'info'\"\n        [border]=\"true\"\n        [closeable]=\"true\"\n        (close)=\"removeCondition.emit(condition); search.emit()\"\n        (click)=\"setConditionEditing.emit(condition)\"\n        size=\"mini\"\n      >\n        <span\n          [title]=\"\n            (condition | pure: getConditionLabel) +\n            ' ' +\n            condition.operator +\n            ' ' +\n            (condition | pure: getValueContent)\n          \"\n        >\n          {{ condition | pure: getConditionLabel }}\n          {{ condition.operator }}\n          {{ condition | pure: getValueContent }}\n        </span>\n      </aui-tag>\n    } @else {\n      <acl-multi-search-action-input\n        #inputRef\n        class=\"input-wrapper\"\n        [ngClass]=\"{ 'deleting-input': condition.isDeleting }\"\n        [isEditing]=\"condition.isEditing\"\n        [conditionCreatable]=\"conditionCreatable\"\n        [placeholder]=\"placeholder\"\n        [conditionConfig]=\"conditionConfig\"\n        [existingConditions]=\"existingConditions\"\n        [showFootAction]=\"showFootAction\"\n        [(ngModel)]=\"condition.actionModel\"\n        (completed)=\"\n          completed.emit({\n            activeCondition: $event.activeCondition,\n            toContinue: $event.toContinue,\n            manualFocus: $event.manualFocus,\n            index: index,\n          })\n        \"\n        (delete)=\"setConditionDeleting.emit(index - 1)\"\n        (editing)=\"setConditionEditing.emit(condition)\"\n        (search)=\"search.emit()\"\n      ></acl-multi-search-action-input>\n    }\n  }\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host .search-content{width:100%;min-height:30px;max-height:160px;flex:1;display:flex;flex-wrap:wrap;align-items:center}:host .search-content ::ng-deep aui-tag{max-width:calc(100% - 8px)}:host .search-content ::ng-deep .aui-tag{margin-left:0;max-width:100%}:host .search-content ::ng-deep .input-wrapper{padding-bottom:4px;max-width:100%;width:max-content;min-width:180px;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;flex-grow:1;flex-shrink:0}\n"], dependencies: [{ 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MultiSearchActionInputComponent, selector: "acl-multi-search-action-input", inputs: ["placeholder", "conditionCreatable", "isEditing", "hidden", "autoScroll", "conditionConfig", "showFootAction", "existingConditions"], outputs: ["completed", "editing", "delete", "search"] }, { 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: "pipe", type: PurePipe, name: "pure" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MultiSearchTagsComponent, decorators: [{
             type: Component,
@@ -9027,7 +9052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                         PurePipe,
                         MultiSearchActionInputComponent,
                         FormsModule,
-                    ], template: "<div class=\"search-content\">\n  @for (condition of existingConditions; track condition; let index = $index) {\n    @if (!conditionInAction(condition)) {\n      <aui-tag\n        class=\"tw-ml-6 tw-h-[22px] tw-mb-4\"\n        [ngClass]=\"condition.tagClass\"\n        [type]=\"condition.tagType || 'info'\"\n        [border]=\"true\"\n        [closeable]=\"true\"\n        (close)=\"removeCondition.emit(condition); searchEvent.emit()\"\n        (click)=\"setConditionEditing.emit(condition)\"\n        size=\"mini\"\n      >\n        <span\n          [title]=\"\n            (condition | pure: getConditionLabel) +\n            ' ' +\n            condition.operator +\n            ' ' +\n            (condition | pure: getValueContent)\n          \"\n        >\n          {{ condition | pure: getConditionLabel }}\n          {{ condition.operator }}\n          {{ condition | pure: getValueContent }}\n        </span>\n      </aui-tag>\n    } @else {\n      <acl-multi-search-action-input\n        #inputRef\n        class=\"input-wrapper\"\n        [ngClass]=\"{ 'deleting-input': condition.isDeleting }\"\n        [isEditing]=\"condition.isEditing\"\n        [conditionCreatable]=\"conditionCreatable\"\n        [placeholder]=\"placeholder\"\n        [conditionConfig]=\"conditionConfig\"\n        [existingConditions]=\"existingConditions\"\n        [showFootAction]=\"showFootAction\"\n        [(ngModel)]=\"condition.actionModel\"\n        (completed)=\"\n          completed.emit({\n            activeCondition: $event.activeCondition,\n            toContinue: $event.toContinue,\n            manualFocus: $event.manualFocus,\n            index: index,\n          })\n        \"\n        (delete)=\"setConditionDeleting.emit(index - 1)\"\n        (editing)=\"setConditionEditing.emit(condition)\"\n        (search)=\"searchEvent.emit()\"\n      ></acl-multi-search-action-input>\n    }\n  }\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host .search-content{width:100%;min-height:30px;max-height:160px;flex:1;display:flex;flex-wrap:wrap;align-items:center}:host .search-content ::ng-deep aui-tag{max-width:calc(100% - 8px)}:host .search-content ::ng-deep .aui-tag{margin-left:0;max-width:100%}:host .search-content ::ng-deep .input-wrapper{padding-bottom:4px;max-width:100%;width:max-content;min-width:180px;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;flex-grow:1;flex-shrink:0}\n"] }]
+                    ], template: "<div class=\"search-content\">\n  @for (condition of existingConditions; track condition; let index = $index) {\n    @if (!conditionInAction(condition)) {\n      <aui-tag\n        class=\"tw-ml-6 tw-h-[22px] tw-mb-4\"\n        [ngClass]=\"condition.tagClass\"\n        [type]=\"condition.tagType || 'info'\"\n        [border]=\"true\"\n        [closeable]=\"true\"\n        (close)=\"removeCondition.emit(condition); search.emit()\"\n        (click)=\"setConditionEditing.emit(condition)\"\n        size=\"mini\"\n      >\n        <span\n          [title]=\"\n            (condition | pure: getConditionLabel) +\n            ' ' +\n            condition.operator +\n            ' ' +\n            (condition | pure: getValueContent)\n          \"\n        >\n          {{ condition | pure: getConditionLabel }}\n          {{ condition.operator }}\n          {{ condition | pure: getValueContent }}\n        </span>\n      </aui-tag>\n    } @else {\n      <acl-multi-search-action-input\n        #inputRef\n        class=\"input-wrapper\"\n        [ngClass]=\"{ 'deleting-input': condition.isDeleting }\"\n        [isEditing]=\"condition.isEditing\"\n        [conditionCreatable]=\"conditionCreatable\"\n        [placeholder]=\"placeholder\"\n        [conditionConfig]=\"conditionConfig\"\n        [existingConditions]=\"existingConditions\"\n        [showFootAction]=\"showFootAction\"\n        [(ngModel)]=\"condition.actionModel\"\n        (completed)=\"\n          completed.emit({\n            activeCondition: $event.activeCondition,\n            toContinue: $event.toContinue,\n            manualFocus: $event.manualFocus,\n            index: index,\n          })\n        \"\n        (delete)=\"setConditionDeleting.emit(index - 1)\"\n        (editing)=\"setConditionEditing.emit(condition)\"\n        (search)=\"search.emit()\"\n      ></acl-multi-search-action-input>\n    }\n  }\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}:host .search-content{width:100%;min-height:30px;max-height:160px;flex:1;display:flex;flex-wrap:wrap;align-items:center}:host .search-content ::ng-deep aui-tag{max-width:calc(100% - 8px)}:host .search-content ::ng-deep .aui-tag{margin-left:0;max-width:100%}:host .search-content ::ng-deep .input-wrapper{padding-bottom:4px;max-width:100%;width:max-content;min-width:180px;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;flex-grow:1;flex-shrink:0}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], conditionCreatable: [{
@@ -9044,7 +9069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 type: Output
             }], setConditionDeleting: [{
                 type: Output
-            }], searchEvent: [{
+            }], search: [{
                 type: Output
             }], completed: [{
                 type: Output
@@ -9066,7 +9091,7 @@ class MultiSearchComponent {
         this.autoScroll = true;
         this.searchSuffix = true;
         // 搜索操作
-        this.searchEvent = new EventEmitter();
+        this.search = new EventEmitter();
         // 条件变化
         this.conditionsChange = new EventEmitter();
         // 当前multi-search组件是否focus
@@ -9198,7 +9223,7 @@ class MultiSearchComponent {
         this.existingConditions$
             .pipe(take(1), takeUntil(this.destroy$$))
             .subscribe(exists => {
-            this.searchEvent.emit(this.getConditionModel(exists?.filter(exist => !this.conditionInAction(exist))));
+            this.search.emit(this.getConditionModel(exists?.filter(exist => !this.conditionInAction(exist))));
         });
     }
     // 清除所有已选条件
@@ -9313,7 +9338,7 @@ class MultiSearchComponent {
         this.destroy$$.next();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MultiSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MultiSearchComponent, isStandalone: true, selector: "acl-multi-search", inputs: { placeholder: "placeholder", conditionCreatable: "conditionCreatable", conditions: "conditions", conditionConfig: "conditionConfig", autoScroll: "autoScroll", searchSuffix: "searchSuffix", showFootAction: "showFootAction" }, outputs: { searchEvent: "searchEvent", conditionsChange: "conditionsChange" }, viewQueries: [{ propertyName: "normalInputComponent", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "tagsComponent", first: true, predicate: ["tagsRef"], descendants: true }, { propertyName: "multiSearchRef", first: true, predicate: ["multiSearch"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"aui-input multi-search\"\n  #multiSearch\n  [ngClass]=\"{\n    'search-focus': focus$$ | async,\n  }\"\n>\n  <!-- \u5DF2\u9009\u62E9\u7C7B\u76EEtags -->\n  <acl-multi-search-tags\n    #tagsRef\n    [ngClass]=\"{\n      'tags-width-with-delete': $any(existingConditions$ | async)?.length,\n      'tags-width': !$any(existingConditions$ | async)?.length,\n    }\"\n    [placeholder]=\"placeholder\"\n    [conditionCreatable]=\"conditionCreatable\"\n    [existingConditions]=\"existingConditions\"\n    [conditionConfig]=\"conditionConfig\"\n    (removeCondition)=\"removeCondition($event)\"\n    (setConditionEditing)=\"setConditionEditing($event)\"\n    (setConditionDeleting)=\"setConditionDeleting($event)\"\n    [showFootAction]=\"showFootAction\"\n    (search)=\"doSearch()\"\n    (completed)=\"complete($event)\"\n  >\n    <!-- \u672B\u5C3E\u8F93\u5165\u6846 -->\n    <acl-multi-search-action-input\n      #inputRef\n      class=\"input-wrapper\"\n      [isEditing]=\"true\"\n      [hidden]=\"addedInputShouldHidden$ | async\"\n      [placeholder]=\"placeholder\"\n      [conditionCreatable]=\"conditionCreatable\"\n      [conditionConfig]=\"conditionConfig\"\n      [existingConditions]=\"existingConditions$ | async\"\n      [autoScroll]=\"autoScroll\"\n      [(ngModel)]=\"addedCondition\"\n      [showFootAction]=\"showFootAction\"\n      (completed)=\"complete($event)\"\n      (delete)=\"setConditionDeleting()\"\n      (search)=\"doSearch()\"\n    ></acl-multi-search-action-input>\n  </acl-multi-search-tags>\n\n  <div class=\"search-suffix\">\n    @if ($any(existingConditions$ | async)?.length) {\n      <div class=\"search-clear\">\n        <aui-icon\n          class=\"tw-text-n-4 tw-cursor-pointer\"\n          [ngClass]=\"CLEAR_ICON_CLASS\"\n          icon=\"xmark_small\"\n          size=\"14\"\n          (click)=\"clearConditions(); doSearch(); $event.stopPropagation()\"\n        ></aui-icon>\n      </div>\n    }\n    @if (searchSuffix) {\n      <div class=\"search-suffix\">\n        <div class=\"suffix-wrapper\">\n          <aui-icon\n            class=\"tw-text-n-4 tw-cursor-pointer\"\n            [ngClass]=\"SEARCH_ICON_CLASS\"\n            icon=\"magnifier\"\n            (click)=\"doSearch(); $event.stopPropagation()\"\n          ></aui-icon>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{min-width:0}.multi-search{min-width:240px;height:max-content;display:flex;align-items:stretch;padding:0;overflow-y:auto}.multi-search .tags-width{width:calc(100% - 30px)}.multi-search .tags-width-with-delete{width:calc(100% - 48px)}.multi-search .search-clear{width:18px;display:flex;align-items:center}.multi-search .search-clear-icon ::ng-deep .aui-icon{border-radius:50%}.multi-search .search-clear-icon ::ng-deep .aui-icon:hover{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-5))!important}.multi-search .search-suffix{display:flex;text-align:center}.multi-search .search-suffix .suffix-wrapper{margin-top:4px;margin-bottom:4px;height:calc(100% - 8px);border-left:solid 1px rgb(var(--aui-color-n-7));min-width:30px;display:flex;align-items:center;justify-content:center}.multi-search .search-suffix .suffix-wrapper aui-icon:hover{color:rgb(var(--aui-color-blue))}.search-focus{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MultiSearchActionInputComponent, selector: "acl-multi-search-action-input", inputs: ["placeholder", "conditionCreatable", "isEditing", "hidden", "autoScroll", "conditionConfig", "showFootAction", "existingConditions"], outputs: ["completed", "editing", "delete", "searchEvent"] }, { kind: "component", type: MultiSearchTagsComponent, selector: "acl-multi-search-tags", inputs: ["placeholder", "conditionCreatable", "conditionConfig", "existingConditions", "showFootAction"], outputs: ["removeCondition", "setConditionEditing", "setConditionDeleting", "searchEvent", "completed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: MultiSearchComponent, isStandalone: true, selector: "acl-multi-search", inputs: { placeholder: "placeholder", conditionCreatable: "conditionCreatable", conditions: "conditions", conditionConfig: "conditionConfig", autoScroll: "autoScroll", searchSuffix: "searchSuffix", showFootAction: "showFootAction" }, outputs: { search: "search", conditionsChange: "conditionsChange" }, viewQueries: [{ propertyName: "normalInputComponent", first: true, predicate: ["inputRef"], descendants: true }, { propertyName: "tagsComponent", first: true, predicate: ["tagsRef"], descendants: true }, { propertyName: "multiSearchRef", first: true, predicate: ["multiSearch"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"aui-input multi-search\"\n  #multiSearch\n  [ngClass]=\"{\n    'search-focus': focus$$ | async,\n  }\"\n>\n  <!-- \u5DF2\u9009\u62E9\u7C7B\u76EEtags -->\n  <acl-multi-search-tags\n    #tagsRef\n    [ngClass]=\"{\n      'tags-width-with-delete': $any(existingConditions$ | async)?.length,\n      'tags-width': !$any(existingConditions$ | async)?.length,\n    }\"\n    [placeholder]=\"placeholder\"\n    [conditionCreatable]=\"conditionCreatable\"\n    [existingConditions]=\"existingConditions\"\n    [conditionConfig]=\"conditionConfig\"\n    (removeCondition)=\"removeCondition($event)\"\n    (setConditionEditing)=\"setConditionEditing($event)\"\n    (setConditionDeleting)=\"setConditionDeleting($event)\"\n    [showFootAction]=\"showFootAction\"\n    (search)=\"doSearch()\"\n    (completed)=\"complete($event)\"\n  >\n    <!-- \u672B\u5C3E\u8F93\u5165\u6846 -->\n    <acl-multi-search-action-input\n      #inputRef\n      class=\"input-wrapper\"\n      [isEditing]=\"true\"\n      [hidden]=\"addedInputShouldHidden$ | async\"\n      [placeholder]=\"placeholder\"\n      [conditionCreatable]=\"conditionCreatable\"\n      [conditionConfig]=\"conditionConfig\"\n      [existingConditions]=\"existingConditions$ | async\"\n      [autoScroll]=\"autoScroll\"\n      [(ngModel)]=\"addedCondition\"\n      [showFootAction]=\"showFootAction\"\n      (completed)=\"complete($event)\"\n      (delete)=\"setConditionDeleting()\"\n      (search)=\"doSearch()\"\n    ></acl-multi-search-action-input>\n  </acl-multi-search-tags>\n\n  <div class=\"search-suffix\">\n    @if ($any(existingConditions$ | async)?.length) {\n      <div class=\"search-clear\">\n        <aui-icon\n          class=\"tw-text-n-4 tw-cursor-pointer\"\n          [ngClass]=\"CLEAR_ICON_CLASS\"\n          icon=\"xmark_small\"\n          size=\"14\"\n          (click)=\"clearConditions(); doSearch(); $event.stopPropagation()\"\n        ></aui-icon>\n      </div>\n    }\n    @if (searchSuffix) {\n      <div class=\"search-suffix\">\n        <div class=\"suffix-wrapper\">\n          <aui-icon\n            class=\"tw-text-n-4 tw-cursor-pointer\"\n            [ngClass]=\"SEARCH_ICON_CLASS\"\n            icon=\"magnifier\"\n            (click)=\"doSearch(); $event.stopPropagation()\"\n          ></aui-icon>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{min-width:0}.multi-search{min-width:240px;height:max-content;display:flex;align-items:stretch;padding:0;overflow-y:auto}.multi-search .tags-width{width:calc(100% - 30px)}.multi-search .tags-width-with-delete{width:calc(100% - 48px)}.multi-search .search-clear{width:18px;display:flex;align-items:center}.multi-search .search-clear-icon ::ng-deep .aui-icon{border-radius:50%}.multi-search .search-clear-icon ::ng-deep .aui-icon:hover{color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-5))!important}.multi-search .search-suffix{display:flex;text-align:center}.multi-search .search-suffix .suffix-wrapper{margin-top:4px;margin-bottom:4px;height:calc(100% - 8px);border-left:solid 1px rgb(var(--aui-color-n-7));min-width:30px;display:flex;align-items:center;justify-content:center}.multi-search .search-suffix .suffix-wrapper aui-icon:hover{color:rgb(var(--aui-color-blue))}.search-focus{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MultiSearchActionInputComponent, selector: "acl-multi-search-action-input", inputs: ["placeholder", "conditionCreatable", "isEditing", "hidden", "autoScroll", "conditionConfig", "showFootAction", "existingConditions"], outputs: ["completed", "editing", "delete", "search"] }, { kind: "component", type: MultiSearchTagsComponent, selector: "acl-multi-search-tags", inputs: ["placeholder", "conditionCreatable", "conditionConfig", "existingConditions", "showFootAction"], outputs: ["removeCondition", "setConditionEditing", "setConditionDeleting", "search", "completed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ObservableInput(),
@@ -9345,7 +9370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 type: Input
             }], searchSuffix: [{
                 type: Input
-            }], searchEvent: [{
+            }], search: [{
                 type: Output
             }], showFootAction: [{
                 type: Input
@@ -10486,11 +10511,26 @@ const DEFAULT_PAGE_SIZE = 10;
 const DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
 const DEFAULT_PAGINATION_LAYOUT = 'total,pager,sizes,jumper';
 
+class TableHeaderCellDefDirective {
+    constructor() {
+        this.templateRef = inject((TemplateRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableHeaderCellDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TableHeaderCellDefDirective, isStandalone: true, selector: "[aclTableHeaderCellDef]", inputs: { aclTableHeaderCellDef: "aclTableHeaderCellDef" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableHeaderCellDefDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[aclTableHeaderCellDef]',
+                }]
+        }], propDecorators: { aclTableHeaderCellDef: [{
+                type: Input
+            }] } });
 class TableCellDefDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
+    constructor() {
+        this.templateRef = inject((TemplateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableCellDefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableCellDefDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TableCellDefDirective, isStandalone: true, selector: "[aclTableCellDef]", inputs: { aclTableCellDef: "aclTableCellDef" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableCellDefDirective, decorators: [{
@@ -10499,7 +10539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                     selector: '[aclTableCellDef]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { aclTableCellDef: [{
+        }], propDecorators: { aclTableCellDef: [{
                 type: Input
             }] } });
 
@@ -10520,8 +10560,8 @@ function defaultSorter(a, b) {
 
 const KNOWN_COLUMNS = new Set([NAME, CREATOR, CREATED_AT]);
 class TableUtilService {
-    constructor(k8sUtil) {
-        this.k8sUtil = k8sUtil;
+    constructor() {
+        this.k8sUtil = inject(K8sUtilService);
         this.getValueFromPath = this.getValueFromPath.bind(this);
         this.defaultFilterFn = this.defaultFilterFn.bind(this);
     }
@@ -10545,6 +10585,11 @@ class TableUtilService {
                     ? this.k8sUtil.getName(item)
                     : get(item, NAME);
             }
+            case NAMESPACE$1: {
+                return isK8s
+                    ? this.k8sUtil.getNamespace(item)
+                    : get(item, NAMESPACE$1);
+            }
             case CREATOR: {
                 return isK8s
                     ? this.k8sUtil.getCreator(item)
@@ -10557,7 +10602,6 @@ class TableUtilService {
             }
         }
     }
-    // eslint-disable-next-line sonarjs/cognitive-complexity
     defaultFilterFn(items, columnDefs, activeSort, filterParams, context) {
         context = context ?? this;
         if (items && filterParams) {
@@ -10579,7 +10623,7 @@ class TableUtilService {
         }
         return items;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableUtilService, deps: [{ token: K8sUtilService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableUtilService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableUtilService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableUtilService, decorators: [{
@@ -10587,10 +10631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [K8sUtilService]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class TableComponent {
     get finalContext() {
@@ -11180,6 +11221,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 }]
         }] });
 
+class TerminatingTagComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TerminatingTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TerminatingTagComponent, isStandalone: true, selector: "acl-deleting-tag", inputs: { resource: "resource" }, ngImport: i0, template: "@if (resource?.metadata?.deletionTimestamp) {\n  <aui-tag\n    type=\"error\"\n    size=\"mini\"\n    [border]=\"true\"\n  >\n    {{ 'deleting' | translate }}\n  </aui-tag>\n}\n", styles: ["aui-tag{display:inline-block;margin-left:8px;vertical-align:2px}\n"], dependencies: [{ kind: "component", type: TagComponent, selector: "aui-tag", inputs: ["type", "size", "closeable", "border", "solid", "invalid", "round", "color", "allowClick"], outputs: ["close"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TerminatingTagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-deleting-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TagComponent, TranslatePipe], template: "@if (resource?.metadata?.deletionTimestamp) {\n  <aui-tag\n    type=\"error\"\n    size=\"mini\"\n    [border]=\"true\"\n  >\n    {{ 'deleting' | translate }}\n  </aui-tag>\n}\n", styles: ["aui-tag{display:inline-block;margin-left:8px;vertical-align:2px}\n"] }]
+        }], propDecorators: { resource: [{
+                type: Input
+            }] } });
+
+class PluginClusterSelectorComponent {
+    constructor() {
+        this.valueChange = new EventEmitter();
+        this.isActive = false;
+        this.popupService = inject(ResourceSelectorPopupService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.elementRef = inject(ElementRef);
+        this.http = inject(HttpClient);
+        this.projectApi = inject(ProjectService);
+        this.displayFields = [
+            ConfigurableField.Status,
+            ConfigurableField.Time,
+        ];
+        this.filterClusters$ = this.disabled$.pipe(distinctUntilChanged(isEqual), switchMap(disabled => disabled
+            ? EMPTY$1
+            : this.projectApi
+                .getProjects()
+                .pipe(map(projects => projects
+                ?.find(p => p.metadata.name === this.projectName)
+                ?.spec?.clusters?.map(r => r.name)))), publishRef());
+    }
+    getFilterFn(filterClusters) {
+        return (clusters) => {
+            if (!filterClusters?.length) {
+                return clusters;
+            }
+            return clusters.filter(c => filterClusters.includes(c.name));
+        };
+    }
+    ngAfterViewInit() {
+        this.http
+            .get(`${API_GATEWAY$1}/auth/v1/clusters`)
+            .pipe(map(list => list.items), catchError(() => of([])))
+            .subscribe(clusters => {
+            this.onSelect({ name: clusters[0].metadata.name });
+        });
+    }
+    openPopup() {
+        if (this.disabled) {
+            return;
+        }
+        if (this.isActive) {
+            this.closePopup();
+        }
+        else {
+            this.isActive = true;
+            this.popupRef = this.popupService.open({
+                origin: this.elementRef,
+                content: this.popupTemplate,
+            });
+            this.popupRef.afterClosed().subscribe(() => {
+                this.isActive = false;
+                this.cdr.markForCheck();
+            });
+        }
+    }
+    closePopup() {
+        if (this.isActive) {
+            this.isActive = false;
+            this.popupRef.close();
+        }
+    }
+    onSelect(item) {
+        this.value = item.name;
+        this.valueChange.emit(item.name);
+        this.closePopup();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PluginClusterSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.1.1", type: PluginClusterSelectorComponent, isStandalone: true, selector: "acl-plugin-cluster-selector", inputs: { value: "value", disabled: ["disabled", "disabled", booleanAttribute], projectName: "projectName", fields: "fields" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "popupTemplate", first: true, predicate: ["popup"], descendants: true, static: true }], ngImport: i0, template: "<div\n  class=\"acl-resource-selector acl-resource-selector--bg\"\n  [ngClass]=\"{\n    'acl-resource-selector--active': isActive,\n    'acl-resource-selector--disabled': disabled,\n  }\"\n  (click)=\"openPopup()\"\n>\n  <div class=\"acl-resource-selector__item project\">\n    <span class=\"icon-wrapper tw-flex\">\n      <aui-icon icon=\"bicolor:server\"></aui-icon>\n    </span>\n    <span class=\"with-colon\">\n      {{ 'cluster' | translate }}\n    </span>\n    <span class=\"selected-name text-truncate\">{{ value }}</span>\n  </div>\n  <div class=\"acl-resource-selector__arrow\">\n    <aui-icon icon=\"caret_down_s\"></aui-icon>\n  </div>\n</div>\n\n<ng-template #popup>\n  <acl-cluster-list\n    context=\"popup\"\n    [fields]=\"fields || displayFields\"\n    [filterFn]=\"getFilterFn(filterClusters$ | async)\"\n    [value]=\"value\"\n    (selectItem)=\"onSelect($event)\"\n  ></acl-cluster-list>\n</ng-template>\n", styles: [":host{display:flex}:host::ng-deep .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media(prefers-color-scheme:dark){html[aui-theme-mode=system] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}:host::ng-deep .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}:host::ng-deep .with-colon:after{content:\":\";margin-right:8px}:host::ng-deep .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host::ng-deep .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}:host::ng-deep .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}:host::ng-deep .acl-resource-selector--active,:host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root :host::ng-deep .acl-resource-selector--active .icon-wrapper,:root :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media(prefers-color-scheme:dark){html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}:host::ng-deep .acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .selected-name{color:#fff}:host::ng-deep .acl-resource-selector--disabled{cursor:not-allowed}:host::ng-deep .acl-resource-selector--bg{background-color:rgb(var(--aui-color-p-6));flex:1}:host::ng-deep .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (width<=1280px){:host::ng-deep .acl-resource-selector__item{max-width:178px;margin-right:8px}}:host::ng-deep .acl-resource-selector__item .icon-wrapper{margin-right:4px}:host::ng-deep .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}@media screen and (width<=1280px){:host::ng-deep .acl-resource-selector__arrow{margin-left:-4px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClusterListComponent, selector: "acl-cluster-list", inputs: ["value", "filterFn"] }, { kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+__decorate([
+    ObservableInput(),
+    __metadata("design:type", Observable)
+], PluginClusterSelectorComponent.prototype, "disabled$", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PluginClusterSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-plugin-cluster-selector', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ClusterListComponent,
+                        NgClass,
+                        IconComponent,
+                        TranslatePipe,
+                    ], template: "<div\n  class=\"acl-resource-selector acl-resource-selector--bg\"\n  [ngClass]=\"{\n    'acl-resource-selector--active': isActive,\n    'acl-resource-selector--disabled': disabled,\n  }\"\n  (click)=\"openPopup()\"\n>\n  <div class=\"acl-resource-selector__item project\">\n    <span class=\"icon-wrapper tw-flex\">\n      <aui-icon icon=\"bicolor:server\"></aui-icon>\n    </span>\n    <span class=\"with-colon\">\n      {{ 'cluster' | translate }}\n    </span>\n    <span class=\"selected-name text-truncate\">{{ value }}</span>\n  </div>\n  <div class=\"acl-resource-selector__arrow\">\n    <aui-icon icon=\"caret_down_s\"></aui-icon>\n  </div>\n</div>\n\n<ng-template #popup>\n  <acl-cluster-list\n    context=\"popup\"\n    [fields]=\"fields || displayFields\"\n    [filterFn]=\"getFilterFn(filterClusters$ | async)\"\n    [value]=\"value\"\n    (selectItem)=\"onSelect($event)\"\n  ></acl-cluster-list>\n</ng-template>\n", styles: [":host{display:flex}:host::ng-deep .icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;font-size:var(--aui-icon-size-m)}:root :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}html[aui-theme-mode=light] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}@media(prefers-color-scheme:dark){html[aui-theme-mode=system] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}}html[aui-theme-mode=dark] :host::ng-deep .icon-wrapper{--bicolor-main: rgb(var(--aui-color-primary));--bicolor-secondary: rgb(var(--aui-color-p-3))}:host::ng-deep .with-colon{display:inline-flex;word-break:keep-all;flex-shrink:0;font-weight:500}:host::ng-deep .with-colon:after{content:\":\";margin-right:8px}:host::ng-deep .text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host::ng-deep .acl-resource-selector{user-select:none;display:flex;color:var(--acl-page-header-title-color);cursor:pointer;padding:0 8px}:host::ng-deep .acl-resource-selector .selected-name{color:var(--acl-page-header-text-color)}:host::ng-deep .acl-resource-selector--active,:host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover{background-color:rgb(var(--aui-color-primary));color:#fff;border-radius:2px}:root :host::ng-deep .acl-resource-selector--active .icon-wrapper,:root :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=light] :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: rgb(var(--aui-color-p-4))}@media(prefers-color-scheme:dark){html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=system] :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}}html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector--active .icon-wrapper,html[aui-theme-mode=dark] :host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .icon-wrapper{--bicolor-main: white;--bicolor-secondary: #b3d7fc}:host::ng-deep .acl-resource-selector--active .selected-name,:host::ng-deep .acl-resource-selector:not(.acl-resource-selector--disabled):hover .selected-name{color:#fff}:host::ng-deep .acl-resource-selector--disabled{cursor:not-allowed}:host::ng-deep .acl-resource-selector--bg{background-color:rgb(var(--aui-color-p-6));flex:1}:host::ng-deep .acl-resource-selector__item{margin-right:20px;height:32px;display:inline-flex;align-items:center;font-size:12px;max-width:270px}@media screen and (width<=1280px){:host::ng-deep .acl-resource-selector__item{max-width:178px;margin-right:8px}}:host::ng-deep .acl-resource-selector__item .icon-wrapper{margin-right:4px}:host::ng-deep .acl-resource-selector__arrow{margin-left:-16px;align-items:center;display:inline-flex;width:16px;justify-content:center}@media screen and (width<=1280px){:host::ng-deep .acl-resource-selector__arrow{margin-left:-4px}}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], disabled$: [], projectName: [{
+                type: Input
+            }], popupTemplate: [{
+                type: ViewChild,
+                args: ['popup', { static: true }]
+            }], fields: [{
+                type: Input
+            }] } });
+
 class UpdateDescriptionDialogComponent {
     constructor(dialogRef, k8sApi, k8sUtil, data) {
         this.dialogRef = dialogRef;
@@ -12211,6 +12362,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 type: Input
             }], kind: [{ type: i0.Input, args: [{ isSignal: true, alias: "kind", required: false }] }], apiVersion: [{ type: i0.Input, args: [{ isSignal: true, alias: "apiVersion", required: false }] }], resource: [{ type: i0.Input, args: [{ isSignal: true, alias: "resource", required: false }] }] } });
 
+class KubernetesSchemaService {
+    constructor() {
+        this.http = inject(HttpClient);
+        this.initialized = false;
+        this.schemaCache = new Map();
+        this.schemaCache$$ = new BehaviorSubject(new Map());
+        this.getDefinitionKey = memoize((k8sResourceDefinition, definitions) => {
+            return findKey(definitions, (def) => {
+                return some(def['x-kubernetes-group-version-kind'], ({ group, version, kind }) => {
+                    return ((k8sResourceDefinition?.apiGroup ?? '') === (group || '') &&
+                        k8sResourceDefinition?.apiVersion === version &&
+                        k8sResourceDefinition?.kind === kind);
+                });
+            });
+        }, k8sResourceDefinition => {
+            return [
+                k8sResourceDefinition.apiGroup || 'core',
+                k8sResourceDefinition.apiVersion,
+                k8sResourceDefinition.kind,
+            ].join('~');
+        });
+    }
+    // 延迟初始化方法
+    ensureInitialized() {
+        if (!this.initialized) {
+            this.clearCache();
+            this.initialized = true;
+        }
+    }
+    /**
+     * 获取当前集群的 OpenAPI schema
+     */
+    getOpenAPISchema(cluster) {
+        this.ensureInitialized();
+        const cached = this.schemaCache.get(cluster);
+        if (cached) {
+            return of(cached);
+        }
+        return this.fetchOpenAPISchema(cluster).pipe(tap(schema => {
+            if (schema) {
+                this.schemaCache.set(cluster, schema);
+                this.schemaCache$$.next(new Map(this.schemaCache));
+            }
+        }), catchError(error => {
+            console.error(`Failed to fetch OpenAPI schema for cluster ${cluster}:`, error);
+            return of(null);
+        }), shareReplay(1));
+    }
+    /**
+     * 根据 Kubernetes 资源类型获取对应的 schema
+     */
+    getResourceSchema(apiVersion, kind, cluster) {
+        return this.getOpenAPISchema(cluster).pipe(switchMap(openApiDoc => {
+            if (!openApiDoc?.definitions) {
+                return of(null);
+            }
+            const parts = apiVersion.split('/');
+            const group = parts.length === 1 ? '' : parts[0];
+            const version = parts.length === 1 ? parts[0] : parts[1];
+            const definitionKey = this.getDefinitionKey({
+                apiGroup: group,
+                apiVersion: version,
+                kind,
+            }, openApiDoc.definitions);
+            const schema = openApiDoc.definitions[definitionKey];
+            return of(schema || null);
+        }));
+    }
+    /**
+     * 获取所有可用的资源定义
+     */
+    getAllResourceDefinitions(cluster) {
+        return this.getOpenAPISchema(cluster).pipe(switchMap(openApiDoc => {
+            return of(openApiDoc?.definitions || null);
+        }));
+    }
+    /**
+     * 清理缓存
+     */
+    clearCache() {
+        this.schemaCache.clear();
+        this.schemaCache$$.next(new Map());
+    }
+    /**
+     * 获取缓存状态
+     */
+    getCacheStatus() {
+        return this.schemaCache$$.asObservable();
+    }
+    /**
+     * 从 Kubernetes API 获取 OpenAPI schema
+     */
+    fetchOpenAPISchema(cluster) {
+        const url = `${API_GATEWAY$1}/kubernetes/${cluster}/openapi/v2`;
+        return this.http.get(url).pipe(debounceTime(500), catchError(error => {
+            console.error(`Failed to fetch OpenAPI schema for cluster ${cluster}:`, error);
+            return of(null);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: KubernetesSchemaService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: KubernetesSchemaService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: KubernetesSchemaService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
  * @packageDocumentation
  * @module k8s-shared
@@ -12231,7 +12489,7 @@ class CodeDisplayDialogComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: CodeDisplayDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: CodeDisplayDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <aui-code-editor\n    style=\"display: block; height: 65vh\"\n    [ngModel]=\"data.code || ''\"\n    [options]=\"codeEditorOptions\"\n    [actionsConfig]=\"editorActions\"\n  ></aui-code-editor>\n</aui-dialog-content>\n", dependencies: [{ kind: "component", type: i1.DialogHeaderComponent, selector: "aui-dialog-header", inputs: ["divider", "closeable", "result"] }, { kind: "component", type: i1.DialogContentComponent, selector: "aui-dialog-content" }, { kind: "ngmodule", type: CodeEditorModule }, { kind: "component", type: i2$3.CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: CodeDisplayDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <aui-code-editor\n    style=\"display: block; height: 65vh\"\n    [ngModel]=\"data.code || ''\"\n    [options]=\"codeEditorOptions\"\n    [actionsConfig]=\"editorActions\"\n  ></aui-code-editor>\n</aui-dialog-content>\n", dependencies: [{ kind: "component", type: i1.DialogHeaderComponent, selector: "aui-dialog-header", inputs: ["divider", "closeable", "result"] }, { kind: "component", type: i1.DialogContentComponent, selector: "aui-dialog-content" }, { kind: "ngmodule", type: CodeEditorModule }, { kind: "component", type: i3.CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: CodeDisplayDialogComponent, decorators: [{
             type: Component,
@@ -12261,7 +12519,7 @@ class ResourceYamlDisplayComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ResourceYamlDisplayComponent, isStandalone: true, selector: "acl-resource-yaml-display", inputs: { hasWrapper: "hasWrapper", conciseEnable: "conciseEnable", manageFieldActionEnable: "manageFieldActionEnable", resource: "resource" }, ngImport: i0, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n}\n<ng-template #content>\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}\n"], dependencies: [{ kind: "component", type: i1.CardComponent, selector: "aui-card", inputs: ["divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "ngmodule", type: CodeEditorModule }, { kind: "component", type: i2$3.CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ResourceYamlDisplayComponent, isStandalone: true, selector: "acl-resource-yaml-display", inputs: { hasWrapper: "hasWrapper", conciseEnable: "conciseEnable", manageFieldActionEnable: "manageFieldActionEnable", resource: "resource" }, ngImport: i0, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n}\n<ng-template #content>\n  <aui-code-editor\n    name=\"yaml\"\n    [ngModel]=\"yaml$ | async\"\n    [options]=\"editorOptions\"\n    [actionsConfig]=\"viewActions\"\n  >\n    <ng-container auiCodeEditorToolbarLeft>\n      @if (conciseEnable) {\n        <aui-checkbox\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"concise$$ | async\"\n          (ngModelChange)=\"conciseChange($event)\"\n        >\n          {{ 'preview_concise_yaml' | translate }}\n        </aui-checkbox>\n      }\n      @if (manageFieldActionEnable) {\n        <aui-checkbox\n          [hidden]=\"concise$$ | async\"\n          class=\"aui-code-editor-toolbar__control-button\"\n          [ngModel]=\"reduce$$ | async\"\n          (ngModelChange)=\"reduce$$.next($event)\"\n        >\n          {{ 'hide_manage_fields_field' | translate }}\n        </aui-checkbox>\n      }\n    </ng-container>\n  </aui-code-editor>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}\n"], dependencies: [{ kind: "component", type: i1.CardComponent, selector: "aui-card", inputs: ["divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i1.CheckboxComponent, selector: "aui-checkbox", inputs: ["name", "type", "label", "indeterminate"] }, { kind: "ngmodule", type: CodeEditorModule }, { kind: "component", type: i3.CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ObservableInput(),
@@ -12304,6 +12562,1104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
             args: [{ preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DIALOG_MODULE, TranslatePipe, ResourceYamlDisplayComponent], template: "<aui-dialog-header [divider]=\"false\">\n  <div [class.ellipsis-dialog-header]=\"data.ellipsis\">\n    <span [class.text-ellipsis]=\"data.ellipsis\">\n      {{ data.title || ('view_yaml' | translate) }}\n    </span>\n    @if (data.extra) {\n      <span class=\"extra\">{{ data.extra }}</span>\n    }\n  </div>\n</aui-dialog-header>\n<aui-dialog-content>\n  <acl-resource-yaml-display\n    [resource]=\"data.resource\"\n    [hasWrapper]=\"false\"\n    class=\"dialog-content\"\n  ></acl-resource-yaml-display>\n</aui-dialog-content>\n" }]
         }] });
 
+/**
+ * 自动折叠 managedFields 字段
+ * @param monacoEditor Monaco 编辑器实例
+ */
+function foldManagedFields(monacoEditor) {
+    if (!monacoEditor) {
+        return;
+    }
+    const model = monacoEditor.getModel();
+    if (!model) {
+        return;
+    }
+    try {
+        // 查找所有 managedFields 字段（只在 metadata 下的）
+        const managedFieldsMatches = model.findMatches('^(\\s+)managedFields:', false, true, false, null, true);
+        if (managedFieldsMatches && managedFieldsMatches.length > 0) {
+            const foldingRanges = [];
+            for (const match of managedFieldsMatches) {
+                const startLine = match.range.startLineNumber;
+                const endLine = findManagedFieldsEndLine(model, startLine);
+                if (endLine > startLine) {
+                    foldingRanges.push({
+                        startLineNumber: startLine,
+                        startColumn: 1,
+                        endLineNumber: endLine,
+                        endColumn: model.getLineMaxColumn(endLine),
+                    });
+                }
+            }
+            if (foldingRanges.length > 0) {
+                // 递归折叠每个 managedFields 区域，确保每次折叠完成后再进行下一次
+                foldRangesSequentially(monacoEditor, foldingRanges?.reverse(), 0);
+            }
+        }
+    }
+    catch (error) {
+        console.warn('Failed to fold managedFields:', error);
+    }
+}
+/**
+ * 递归折叠多个区域，确保每次折叠完成后再进行下一次
+ * @param monacoEditor Monaco 编辑器实例
+ * @param foldingRanges 折叠区域数组
+ * @param index 当前折叠的索引
+ */
+async function foldRangesSequentially(monacoEditor, foldingRanges, index) {
+    if (index >= foldingRanges.length) {
+        return;
+    }
+    const range = foldingRanges[index];
+    monacoEditor.setSelection(range);
+    await Promise.resolve(monacoEditor.getAction('editor.fold')?.run());
+    return foldRangesSequentially(monacoEditor, foldingRanges, index + 1);
+}
+/**
+ * 查找 managedFields 字段的结束行
+ * @param model Monaco 编辑器模型
+ * @param startLine 起始行号
+ * @returns 结束行号
+ */
+function findManagedFieldsEndLine(model, startLine) {
+    const totalLines = model.getLineCount();
+    const startIndent = getLineIndentation(model, startLine);
+    // 从下一行开始查找
+    for (let line = startLine + 1; line <= totalLines; line++) {
+        const lineContent = model.getLineContent(line).trim();
+        // 跳过空行
+        if (!lineContent) {
+            continue;
+        }
+        const currentIndent = getLineIndentation(model, line);
+        // 如果缩进小于等于起始行，说明 managedFields 字段结束
+        if (currentIndent <= startIndent) {
+            return line - 1;
+        }
+    }
+    return totalLines;
+}
+/**
+ * 获取行的缩进级别
+ * @param model Monaco 编辑器模型
+ * @param lineNumber 行号
+ * @returns 缩进级别（空格数）
+ */
+function getLineIndentation(model, lineNumber) {
+    const lineContent = model.getLineContent(lineNumber);
+    const match = lineContent.match(/^(\s*)/);
+    return match ? match[1].length : 0;
+}
+/**
+ * ManagedFields 自动折叠器
+ * 用于在内容变化时自动折叠 managedFields 字段
+ */
+class ManagedFieldsAutoFolder {
+    constructor() {
+        this.lastFoldedContent = '';
+    }
+    /**
+     * 开始监听内容变化并自动折叠
+     * @param editorProvider 编辑器实例提供者
+     * @param contentObservable 内容变化的 Observable
+     */
+    startAutoFold(editorProvider, contentObservable) {
+        this.stopAutoFold();
+        this.subscription = contentObservable.subscribe(() => {
+            setTimeout(() => {
+                const editor = editorProvider.getEditorInstance();
+                if (editor) {
+                    const model = editor.getModel();
+                    if (model) {
+                        const currentContent = model.getValue();
+                        // 只有当内容真正发生变化时才执行折叠
+                        if (currentContent.includes('managedFields:') &&
+                            currentContent !== this.lastFoldedContent) {
+                            foldManagedFields(editor);
+                            this.lastFoldedContent = currentContent;
+                        }
+                    }
+                }
+            }, 100);
+        });
+    }
+    /**
+     * 停止自动折叠
+     */
+    stopAutoFold() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+            this.subscription = undefined;
+        }
+    }
+    /**
+     * 手动执行一次折叠
+     * @param editorProvider 编辑器实例提供者
+     */
+    foldOnce(editorProvider) {
+        const editor = editorProvider.getEditorInstance();
+        if (editor) {
+            foldManagedFields(editor);
+            const model = editor.getModel();
+            if (model) {
+                this.lastFoldedContent = model.getValue();
+            }
+        }
+    }
+}
+
+/**
+ * Kubernetes 资源的内置 YAML 示例
+ * 按照 apiVersion.kind 的格式组织
+ */
+const BUILT_IN_YAML_EXAMPLES = {
+    'apps/v1.Deployment': [
+        {
+            title: 'Basic Deployment',
+            description: 'A basic deployment example with nginx container',
+            yaml: `apiVersion: apps/v1
+kind: Deployment
+metadata:
+  labels:
+    app: nginx
+  name: nginx-deployment
+  namespace: ''
+spec:
+  selector:
+    matchLabels:
+      app: nginx
+  template:
+    metadata:
+      labels:
+        app: nginx
+    spec:
+      containers:
+        - image: nginx:1.7.9
+          name: nginx
+          ports:
+            - containerPort: 80
+          securityContext:
+            allowPrivilegeEscalation: false
+            capabilities:
+              drop:
+                - ALL
+            runAsNonRoot: true
+            seccompProfile:
+              type: RuntimeDefault
+      securityContext:
+        runAsNonRoot: true
+        seccompProfile:
+          type: RuntimeDefault`,
+        },
+    ],
+    'v1.ConfigMap': [
+        {
+            title: 'Basic ConfigMap',
+            description: 'A basic ConfigMap example with properties and file data',
+            yaml: `apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: example
+  namespace: ''
+data:
+  example.property.1: hello
+  example.property.2: world
+  example.property.file: |-
+    property.1=value-1
+    property.2=value-2
+    property.3=value-3`,
+        },
+    ],
+    'batch/v1.CronJob': [
+        {
+            title: 'Basic CronJob',
+            description: 'A basic CronJob example that runs daily',
+            yaml: `apiVersion: batch/v1
+kind: CronJob
+metadata:
+  name: hello
+spec:
+  jobTemplate:
+    metadata:
+      labels:
+        cronjob.cpaas.io/name: hello
+    spec:
+      template:
+        metadata:
+          labels:
+            cronjob.cpaas.io/name: hello
+        spec:
+          containers:
+            - args:
+                - /bin/sh
+                - -c
+                - date; echo Hello from the Kubernetes cluster
+              image: busybox
+              name: hello
+              securityContext:
+                allowPrivilegeEscalation: false
+                capabilities:
+                  drop:
+                    - ALL
+                runAsNonRoot: true
+                seccompProfile:
+                  type: RuntimeDefault
+          securityContext:
+            runAsNonRoot: true
+            seccompProfile:
+              type: RuntimeDefault
+          restartPolicy: Never
+  schedule: "*/1 * * * *"`,
+        },
+    ],
+    'v1.PersistentVolume': [
+        {
+            title: 'Basic PersistentVolume',
+            description: 'A basic PersistentVolume example with NFS storage',
+            yaml: `apiVersion: v1
+kind: PersistentVolume
+metadata:
+  name: example
+  namespace: ''
+spec:
+  capacity:
+    storage: 5Gi
+  accessModes:
+    - ReadWriteOnce
+  persistentVolumeReclaimPolicy: Retain
+  storageClassName: slow
+  nfs:
+    path: /tmp
+    server: 172.17.0.2`,
+        },
+    ],
+    'autoscaling/v2.HorizontalPodAutoscaler': [
+        {
+            title: 'Basic HorizontalPodAutoscaler',
+            description: 'A basic HPA example with CPU utilization target',
+            yaml: `apiVersion: autoscaling/v2
+kind: HorizontalPodAutoscaler
+metadata:
+  name: example
+  namespace: ''
+spec:
+  scaleTargetRef:
+    apiVersion: apps/v1
+    kind: Deployment
+    name: example
+  minReplicas: 1
+  maxReplicas: 3
+  metrics:
+  - type: Resource
+    resource:
+      name: cpu
+      target:
+        averageUtilization: 50
+        type: Utilization`,
+        },
+    ],
+    'apps/v1.DaemonSet': [
+        {
+            title: 'Basic DaemonSet',
+            description: 'A basic DaemonSet example with nginx container',
+            yaml: `apiVersion: apps/v1
+kind: DaemonSet
+metadata:
+  name: fluentd-elasticsearch
+  namespace: ''
+  labels:
+    k8s-app: fluentd-logging
+spec:
+  selector:
+    matchLabels:
+      name: fluentd-elasticsearch
+  template:
+    metadata:
+      labels:
+        name: fluentd-elasticsearch
+    spec:
+      tolerations:
+      - key: node-role.kubernetes.io/control-plane
+        operator: Exists
+        effect: NoSchedule
+      - key: node-role.kubernetes.io/master
+        operator: Exists
+        effect: NoSchedule
+      containers:
+      - name: fluentd-elasticsearch
+        image: quay.io/fluentd_elasticsearch/fluentd:v2.5.2
+        resources:
+          limits:
+            memory: 200Mi
+          requests:
+            cpu: 100m
+            memory: 200Mi
+        volumeMounts:
+        - name: varlog
+          mountPath: /var/log
+        securityContext:
+          allowPrivilegeEscalation: false
+          capabilities:
+            drop:
+              - ALL
+          runAsNonRoot: true
+          runAsUser: 1000
+          runAsGroup: 1000
+          seccompProfile:
+            type: RuntimeDefault
+      securityContext:
+        runAsNonRoot: true
+        seccompProfile:
+          type: RuntimeDefault
+      terminationGracePeriodSeconds: 30
+      volumes:
+      - name: varlog
+        emptyDir: {}`,
+        },
+    ],
+    'v1.PersistentVolumeClaim': [
+        {
+            title: 'Basic PersistentVolumeClaim',
+            description: 'A basic PVC example requesting 1Gi storage',
+            yaml: `apiVersion: v1
+kind: PersistentVolumeClaim
+metadata:
+  name: example
+  namespace:: ''
+spec:
+  accessModes:
+    - ReadWriteOnce
+  volumeMode: Filesystem
+  resources:
+    requests:
+      storage: 1Gi`,
+        },
+    ],
+    'v1.ResourceQuota': [
+        {
+            title: 'Compute ResourceQuota',
+            description: 'A ResourceQuota example for compute resources',
+            yaml: `apiVersion: v1
+kind: ResourceQuota
+metadata:
+  name: compute-quota
+  namespace: ''
+spec:
+  hard:
+    requests.cpu: '1'
+    requests.memory: 1Gi
+    limits.cpu: '2'
+    limits.memory: 2Gi`,
+        },
+        {
+            title: 'Storage Class ResourceQuota',
+            description: 'A ResourceQuota example for storage class specific quotas',
+            yaml: `apiVersion: v1
+kind: ResourceQuota
+metadata:
+  name: storage-class-quota
+  namespace: ''
+spec:
+  hard:
+    requests.storage: 100Gi
+    persistentvolumeclaims: '100'
+    # For quota specific to a storage class, the storage class must have the same name
+    gold.storage-class.kubernetes.io/requests.storage: 3Gi
+    gold.storage-class.kubernetes.io/persistentvolumeclaims: '5'
+    silver.storage-class.kubernetes.io/requests.storage: 2Gi
+    silver.storage-class.kubernetes.io/persistentvolumeclaims: '3'
+    bronze.storage-class.kubernetes.io/requests.storage: 1Gi
+    bronze.storage-class.kubernetes.io/persistentvolumeclaims: '1'`,
+        },
+        {
+            title: 'Object Counts ResourceQuota',
+            description: 'A ResourceQuota example for object count limits',
+            yaml: `apiVersion: v1
+kind: ResourceQuota
+metadata:
+  name: object-counts
+  namespace: ''
+spec:
+  hard:
+    configmaps: "10"
+    persistentvolumeclaims: "4"
+    replicationcontrollers: "20"
+    secrets: "10"
+    services: "10"
+    services.loadbalancers: "2"`,
+        },
+    ],
+    'v1.LimitRange': [
+        {
+            title: 'Memory LimitRange',
+            description: 'A LimitRange example for container memory limits',
+            yaml: `apiVersion: v1
+kind: LimitRange
+metadata:
+  name: mem-limit-range
+  namespace: ''
+spec:
+  limits:
+  - default:
+      memory: 512Mi
+    defaultRequest:
+      memory: 256Mi
+    type: Container`,
+        },
+    ],
+    'apps/v1.StatefulSet': [
+        {
+            title: 'Basic StatefulSet',
+            description: 'A basic StatefulSet example with persistent storage',
+            yaml: `apiVersion: apps/v1
+kind: StatefulSet
+metadata:
+  name: example
+  namespace: ''
+spec:
+  replicas: 3
+  selector:
+    matchLabels:
+      app: httpd
+  serviceName: httpd
+  template:
+    metadata:
+      labels:
+        app: httpd
+    spec:
+      containers:
+        - image: nginx:1.7.9
+          name: httpd
+          ports:
+            - containerPort: 8080
+              name: web
+          volumeMounts:
+            - mountPath: /var/www/html
+              name: www
+          securityContext:
+            allowPrivilegeEscalation: false
+            capabilities:
+              drop:
+                - ALL
+            runAsNonRoot: true
+            seccompProfile:
+              type: RuntimeDefault
+      securityContext:
+        runAsNonRoot: true
+        seccompProfile:
+          type: RuntimeDefault
+      terminationGracePeriodSeconds: 10
+  volumeClaimTemplates:
+    - metadata:
+        name: www
+      spec:
+        accessModes:
+          - ReadWriteOnce
+        resources:
+          requests:
+            storage: 1Gi`,
+        },
+    ],
+    'storage.k8s.io/v1.StorageClass': [
+        {
+            title: 'Fast StorageClass',
+            description: 'Ceph fast storage class example',
+            yaml: `apiVersion: storage.k8s.io/v1
+kind: StorageClass
+metadata:
+  name: example
+  namespace: ''
+provisioner: my-provisioner
+reclaimPolicy: Delete
+`,
+        },
+    ],
+    'v1.Secret': [
+        {
+            title: 'Basic Secret',
+            description: 'A basic Secret example with username and password',
+            yaml: `apiVersion: v1
+kind: Secret
+metadata:
+  name: example
+  namespace: ''
+type: Opaque
+stringData:
+  username: admin
+  password: opensec`,
+        },
+    ],
+    'app.k8s.io/v1beta1.Application': [
+        {
+            title: 'Basic Application',
+            description: 'A basic Application example with Deployment and Service',
+            yaml: `apiVersion: apps/v1
+kind: Deployment
+metadata:
+  labels:
+    app: nginx
+  name: nginx-deployment
+  namespace: ''
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: nginx
+  template:
+    metadata:
+      labels:
+        app: nginx
+    spec:
+      containers:
+        - image: nginx:1.7.9
+          name: nginx
+          ports:
+            - containerPort: 80
+          securityContext:
+            allowPrivilegeEscalation: false
+            capabilities:
+              drop:
+                - ALL
+            runAsNonRoot: true
+            seccompProfile:
+              type: RuntimeDefault
+      securityContext:
+        runAsNonRoot: true
+        seccompProfile:
+          type: RuntimeDefault
+---
+apiVersion: v1
+kind: Service
+metadata:
+  labels:
+    app: nginx
+  name: nginx
+spec:
+  ports:
+    - port: 80
+      protocol: TCP
+      targetPort: 80
+  selector:
+    app: nginx
+  type: ClusterIP`,
+        },
+    ],
+};
+
+class ResourceYamlSidebarComponent {
+    constructor() {
+        this.close = new EventEmitter();
+        this.tryYaml = new EventEmitter();
+        this.schemaEnable = true;
+        this.exampleEnable = true;
+        this.DEFINITIONS_PREFIX = '#/definitions/';
+        this.path = [];
+        this.examples = [];
+        this.hasSchema = false;
+        this.hasExamples = false;
+        this.http = inject(HttpClient);
+        this.cdr = inject(ChangeDetectorRef);
+        this.host = inject((ElementRef));
+    }
+    ngOnInit() {
+        this.refresh();
+        this.loadExamples();
+    }
+    ngOnChanges(changes) {
+        if (changes.schema || changes.resource) {
+            this.refresh();
+            this.loadExamples();
+        }
+    }
+    refresh() {
+        if (this.schema) {
+            this.currentSchema = this.schema;
+            this.currentSchemaDescription = this.schema.description;
+            this.properties = this.schema.properties || {};
+            this.path = [];
+            this.hasSchema = true;
+        }
+        else {
+            this.hasSchema = false;
+        }
+        if (this.resource) {
+            this.resourceKind = this.resource.kind || 'Resource';
+        }
+    }
+    loadExamples() {
+        if (!this.resource) {
+            this.examples = [];
+            this.hasExamples = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        const resourceKey = `${this.resource.apiVersion}.${this.resource.kind}`;
+        const builtInExamples = BUILT_IN_YAML_EXAMPLES[resourceKey] || [];
+        // 加载 ConsoleYAMLSample CRD 中的示例
+        this.loadConsoleYAMLSamples().subscribe({
+            next: crdExamples => {
+                this.examples = [
+                    ...builtInExamples,
+                    ...(this.extraExamples || []),
+                    ...crdExamples,
+                ];
+                this.hasExamples = this.examples.length > 0;
+                this.cdr.markForCheck();
+            },
+            error: () => {
+                // 如果加载 CRD 示例失败，只使用内置示例
+                this.examples = builtInExamples;
+                this.hasExamples = this.examples.length > 0;
+                this.cdr.markForCheck();
+            },
+        });
+    }
+    loadConsoleYAMLSamples() {
+        if (!this.resource) {
+            return of([]);
+        }
+        // 构建查询 ConsoleYAMLSample 的 API 路径
+        const apiPath = '{{API_GATEWAY}}/kubernetes/business-1/apis/console.alauda.io/v1/consoleyamlsamples';
+        return this.http.get(apiPath).pipe(map(response => {
+            return response.items
+                .filter(sample => {
+                const target = sample.spec.targetResource;
+                return (target.apiVersion === this.resource.apiVersion &&
+                    target.kind === this.resource.kind);
+            })
+                .map(sample => ({
+                title: sample.spec.title,
+                description: sample.spec.description,
+                yaml: sample.spec.yaml,
+                snippet: sample.spec.snippet,
+            }));
+        }), catchError(() => of([])));
+    }
+    drillDownToProperty(name) {
+        const property = this.currentSchema.properties?.[name];
+        if (property) {
+            this.currentSchemaDescription = property.description;
+            let targetSchema = null;
+            // 处理 $ref 引用
+            if (property.$ref || property.items?.$ref) {
+                const ref = property.$ref || property.items?.$ref;
+                if (ref.startsWith(this.DEFINITIONS_PREFIX)) {
+                    // const definitionName = ref.replace(this.DEFINITIONS_PREFIX, '');
+                    // 从根 schema 的 definitions 中获取定义
+                    // todo: 书勋
+                    // const rootDefinitions = this.schemaService.definitions;
+                    // targetSchema = rootDefinitions?.[definitionName] || null;
+                }
+            }
+            // 处理普通的嵌套属性
+            else if (property.properties || property.items?.properties) {
+                targetSchema = property.items?.properties ? property.items : property;
+            }
+            if (targetSchema) {
+                this.currentSchema = targetSchema;
+                this.path.push(name);
+                this.properties = targetSchema.properties || {};
+                this.scrollTop();
+            }
+        }
+    }
+    navigateToPath(index) {
+        const targetPath = this.path.slice(0, index + 1);
+        this.path = [...targetPath];
+        let currentObj = this.schema;
+        for (const pathSegment of targetPath) {
+            const property = currentObj.properties?.[pathSegment];
+            if (property) {
+                this.currentSchemaDescription = property.description;
+                // 处理 $ref 引用
+                if (property.$ref || property.items?.$ref) {
+                    const ref = property.$ref || property.items?.$ref;
+                    if (ref.startsWith(this.DEFINITIONS_PREFIX)) {
+                        // const definitionName = ref.replace(this.DEFINITIONS_PREFIX, '');
+                        // todo: 书勋
+                        // const rootDefinitions = this.schemaService.definitions;
+                        // const definition = rootDefinitions?.[definitionName];
+                        // if (definition) {
+                        //   currentObj = definition;
+                        // }
+                    }
+                }
+                // 处理普通的嵌套属性
+                else {
+                    currentObj = property.items?.properties ? property.items : property;
+                }
+            }
+        }
+        this.currentSchema = currentObj;
+        this.properties = currentObj.properties || {};
+    }
+    /**
+     * 检查属性是否有 $ref 引用或嵌套属性
+     */
+    hasViewableContent(property) {
+        return (
+        // 有 properties 的对象
+        (property.type === 'object' &&
+            property.properties &&
+            Object.keys(property.properties).length > 0) ||
+            // 有 properties 的数组项
+            (property.type === 'array' &&
+                property.items &&
+                typeof property.items === 'object' &&
+                property.items.properties &&
+                Object.keys(property.items.properties || {})
+                    .length > 0) ||
+            // 有 $ref 引用
+            !!property.$ref ||
+            !!property?.items?.$ref);
+    }
+    // Examples 相关方法
+    tryExample(example) {
+        // 触发事件，让父组件处理 try it 功能，将 YAML 内容发送给父组件
+        this.tryYaml.emit(example.yaml);
+    }
+    downloadYaml(example) {
+        const blob = new Blob([example.yaml], { type: 'text/yaml' });
+        const url = window.URL.createObjectURL(blob);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = `${example.title.toLowerCase().replace(/\s+/g, '-')}.yaml`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(url);
+    }
+    // 处理描述中的链接
+    processDescription(description) {
+        if (!description)
+            return '';
+        // 将 URL 转换为可点击的链接
+        const urlRegex = /(https?:\/\/[^\s]+)/g;
+        return description
+            .replace(urlRegex, '<a href="$1" target="_blank" rel="noopener noreferrer">$1</a>')
+            .replace(/\n/g, '<br>'); // 保留换行符
+    }
+    scrollTop() {
+        this.host.nativeElement.scrollTo({
+            top: 0,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ResourceYamlSidebarComponent, isStandalone: true, selector: "acl-resource-yaml-sidebar", inputs: { resource: "resource", schema: "schema", schemaEnable: "schemaEnable", exampleEnable: "exampleEnable", extraExamples: "extraExamples" }, outputs: { close: "close", tryYaml: "tryYaml" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"schema-header\">\n  <span>{{ resourceKind }}</span>\n  <aui-icon\n    icon=\"xmark\"\n    (click)=\"close.next()\"\n  ></aui-icon>\n</div>\n<aui-tab-group type=\"card\">\n  @if (schemaEnable && hasSchema) {\n    <aui-tab>\n      <ng-container *auiTabLabel> Schema </ng-container>\n      <ng-container *auiTabContent>\n        @if (schema) {\n          <div class=\"schema-content\">\n            <div class=\"schema-path\">\n              @if (path.length) {\n                <a\n                  href=\"javascript:\"\n                  (click)=\"refresh()\"\n                  >{{ resourceKind }}</a\n                >\n              }\n              @for (p of path; track p; let i = $index; let isLast = $last) {\n                @if (!isLast) {\n                  <span class=\"path-mark\">></span>\n                  <a\n                    href=\"javascript:\"\n                    (click)=\"navigateToPath(i)\"\n                    >{{ p }}</a\n                  >\n                }\n                @if (isLast) {\n                  <span class=\"path-mark\">></span>\n                  <span>{{ p }}</span>\n                }\n              }\n            </div>\n            @if (currentSchemaDescription) {\n              <div\n                class=\"schema-desc\"\n                [innerHTML]=\"\n                  currentSchemaDescription\n                    | aclParseJsonTranslate\n                    | pure: processDescription\n                \"\n              ></div>\n            }\n            <div class=\"schema-list\">\n              @for (item of properties | keyvalue; track item) {\n                <div class=\"schema-item\">\n                  <h3>\n                    <span>{{ item.key }}</span>\n                    <span class=\"obj-type\">{{ item.value.type }}</span>\n                  </h3>\n                  <p\n                    [innerHTML]=\"\n                      item.value.description | pure: processDescription\n                    \"\n                  ></p>\n                  @if (item.value | pure: hasViewableContent) {\n                    <p>\n                      <a\n                        href=\"javascript:\"\n                        (click)=\"drillDownToProperty(item.key)\"\n                      >\n                        {{ 'view_detail' | translate }}\n                      </a>\n                    </p>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </ng-container>\n    </aui-tab>\n  }\n  @if (exampleEnable && hasExamples) {\n    <aui-tab>\n      <ng-container *auiTabLabel> Examples </ng-container>\n      <ng-container *auiTabContent>\n        <div class=\"example-list\">\n          @for (example of examples; track example; let i = $index) {\n            <div class=\"example-item\">\n              <h3>\n                {{ i + 1 }}. <span>{{ example.title }}</span>\n              </h3>\n              <p\n                [innerHTML]=\"example.description | pure: processDescription\"\n              ></p>\n              <p class=\"tw-flex tw-justify-between\">\n                <a\n                  href=\"javascript:\"\n                  (click)=\"tryExample(example)\"\n                >\n                  <aui-icon\n                    icon=\"arrow_turn_up\"\n                    size=\"14\"\n                    margin=\"right\"\n                  ></aui-icon>\n                  <span>Try it</span>\n                </a>\n                <a\n                  href=\"javascript:\"\n                  (click)=\"downloadYaml(example)\"\n                >\n                  <aui-icon\n                    icon=\"download\"\n                    size=\"14\"\n                    margin=\"right\"\n                  ></aui-icon>\n                  <span>Download YAML</span>\n                </a>\n              </p>\n            </div>\n          }\n        </div>\n      </ng-container>\n    </aui-tab>\n  }\n</aui-tab-group>\n", styles: [":host{display:block;box-sizing:border-box;min-width:360px;padding:16px;background-color:rgb(var(--aui-color-n-10));box-shadow:0 0 4px rgba(var(--aui-color-n-1),.16);margin-left:12px;overflow-y:scroll}:host::-webkit-scrollbar{width:8px;height:4px}:host::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}:host::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}:host::-webkit-scrollbar-corner{background-color:transparent}aui-tab-group{display:block;margin-top:5px}.schema-header{height:40px;display:flex;justify-content:space-between;align-items:center;font-size:18px}.schema-header aui-icon{font-size:16px;color:rgb(var(--aui-color-n-6));cursor:pointer}.schema-header aui-icon:hover{color:rgb(var(--aui-color-primary))}.schema-content{line-height:20px;overflow-y:auto;height:calc(100% - 40px)}.schema-content::-webkit-scrollbar{width:8px;height:4px}.schema-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.schema-content::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.schema-content::-webkit-scrollbar-corner{background-color:transparent}.schema-desc{margin-bottom:12px}.schema-desc a{color:#007bff;text-decoration:none}.schema-desc a:hover{text-decoration:underline}.schema-path{display:flex;flex-wrap:wrap}.schema-path *{margin-left:2px;word-break:break-all}.schema-path span:first-child{margin-right:2px}.schema-path .path-mark{margin:0 4px;color:rgb(var(--aui-color-n-6))}.schema-path{margin-bottom:12px}.schema-list .schema-item:not(:last-of-type),.schema-list .example-item:not(:last-of-type),.example-list .schema-item:not(:last-of-type),.example-list .example-item:not(:last-of-type){border-bottom:1px solid rgb(var(--aui-color-border));margin-bottom:12px}.schema-list .schema-item,.schema-list .example-item,.example-list .schema-item,.example-list .example-item{padding-left:16px}.schema-list .schema-item h3:before,.example-list .schema-item h3:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%;background-color:rgb(var(--aui-color-n-6));position:absolute;left:-12px;top:8px}.schema-list h3,.example-list h3{position:relative;font-weight:500;margin-bottom:12px;word-break:break-word}.schema-list h3 span,.example-list h3 span{margin-right:4px}.schema-list h3 .obj-type,.example-list h3 .obj-type{color:rgb(var(--aui-color-n-4))}.schema-list p,.example-list p{margin-bottom:12px;word-break:break-word}.schema-list p a,.example-list p a{color:#007bff;text-decoration:none}.schema-list p a:hover,.example-list p a:hover{text-decoration:underline}.schema-examples{padding:16px}.examples-header{margin-bottom:16px}.examples-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.examples-content .examples-list .example-item{margin-bottom:24px;border:1px solid #e1e5e9;border-radius:6px;overflow:hidden}.examples-content .examples-list .example-item:last-child{margin-bottom:0}.examples-content .examples-list .example-item .example-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e1e5e9}.examples-content .examples-list .example-item .example-header .example-title{margin:0;font-size:16px;font-weight:600;color:#333}.examples-content .examples-list .example-item .example-header .example-actions{display:flex;gap:8px}.examples-content .examples-list .example-item .example-header .example-actions .btn{padding:4px 12px;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s ease}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-primary{color:#007bff;border:1px solid #007bff;background-color:transparent}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-primary:hover{color:#fff;background-color:#007bff}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-secondary{color:#6c757d;border:1px solid #6c757d;background-color:transparent}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-secondary:hover{color:#fff;background-color:#6c757d}.examples-content .examples-list .example-item .example-description{padding:12px 16px;color:#666;font-size:14px;line-height:1.5;border-bottom:1px solid #e1e5e9}.examples-content .examples-list .example-item .example-description a{color:#007bff;text-decoration:none}.examples-content .examples-list .example-item .example-description a:hover{text-decoration:underline}.examples-content .examples-list .example-item .example-yaml{background-color:#f8f9fa}.examples-content .examples-list .example-item .example-yaml pre{margin:0;padding:16px;background-color:transparent;border:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;color:#333;overflow-x:auto}.examples-content .examples-list .example-item .example-yaml pre code{background-color:transparent;padding:0;color:inherit}\n"], dependencies: [{ 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: TabsModule }, { kind: "component", type: i1.TabGroupComponent, selector: "aui-tab-group", inputs: ["selectedIndex", "tab", "type", "title", "size", "lazy"], outputs: ["selectedIndexChange", "tabChange", "selectedTabChange", "focusChange"], exportAs: ["auiTabGroup"] }, { kind: "component", type: i1.TabComponent, selector: "aui-tab", inputs: ["name", "label", "closeable", "disabled"], outputs: ["close"], exportAs: ["auiTab"] }, { kind: "directive", type: i1.TabLabelDirective, selector: "[auiTabLabel]" }, { kind: "directive", type: i1.TabContentDirective, selector: "[auiTabContent]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ParseJsonTranslatePipe, name: "aclParseJsonTranslate" }, { kind: "pipe", type: PurePipe, name: "pure" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-resource-yaml-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        TranslatePipe,
+                        KeyValuePipe,
+                        ParseJsonTranslatePipe,
+                        IconModule,
+                        TabsModule,
+                        ButtonModule,
+                        PurePipe,
+                    ], template: "<div class=\"schema-header\">\n  <span>{{ resourceKind }}</span>\n  <aui-icon\n    icon=\"xmark\"\n    (click)=\"close.next()\"\n  ></aui-icon>\n</div>\n<aui-tab-group type=\"card\">\n  @if (schemaEnable && hasSchema) {\n    <aui-tab>\n      <ng-container *auiTabLabel> Schema </ng-container>\n      <ng-container *auiTabContent>\n        @if (schema) {\n          <div class=\"schema-content\">\n            <div class=\"schema-path\">\n              @if (path.length) {\n                <a\n                  href=\"javascript:\"\n                  (click)=\"refresh()\"\n                  >{{ resourceKind }}</a\n                >\n              }\n              @for (p of path; track p; let i = $index; let isLast = $last) {\n                @if (!isLast) {\n                  <span class=\"path-mark\">></span>\n                  <a\n                    href=\"javascript:\"\n                    (click)=\"navigateToPath(i)\"\n                    >{{ p }}</a\n                  >\n                }\n                @if (isLast) {\n                  <span class=\"path-mark\">></span>\n                  <span>{{ p }}</span>\n                }\n              }\n            </div>\n            @if (currentSchemaDescription) {\n              <div\n                class=\"schema-desc\"\n                [innerHTML]=\"\n                  currentSchemaDescription\n                    | aclParseJsonTranslate\n                    | pure: processDescription\n                \"\n              ></div>\n            }\n            <div class=\"schema-list\">\n              @for (item of properties | keyvalue; track item) {\n                <div class=\"schema-item\">\n                  <h3>\n                    <span>{{ item.key }}</span>\n                    <span class=\"obj-type\">{{ item.value.type }}</span>\n                  </h3>\n                  <p\n                    [innerHTML]=\"\n                      item.value.description | pure: processDescription\n                    \"\n                  ></p>\n                  @if (item.value | pure: hasViewableContent) {\n                    <p>\n                      <a\n                        href=\"javascript:\"\n                        (click)=\"drillDownToProperty(item.key)\"\n                      >\n                        {{ 'view_detail' | translate }}\n                      </a>\n                    </p>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </ng-container>\n    </aui-tab>\n  }\n  @if (exampleEnable && hasExamples) {\n    <aui-tab>\n      <ng-container *auiTabLabel> Examples </ng-container>\n      <ng-container *auiTabContent>\n        <div class=\"example-list\">\n          @for (example of examples; track example; let i = $index) {\n            <div class=\"example-item\">\n              <h3>\n                {{ i + 1 }}. <span>{{ example.title }}</span>\n              </h3>\n              <p\n                [innerHTML]=\"example.description | pure: processDescription\"\n              ></p>\n              <p class=\"tw-flex tw-justify-between\">\n                <a\n                  href=\"javascript:\"\n                  (click)=\"tryExample(example)\"\n                >\n                  <aui-icon\n                    icon=\"arrow_turn_up\"\n                    size=\"14\"\n                    margin=\"right\"\n                  ></aui-icon>\n                  <span>Try it</span>\n                </a>\n                <a\n                  href=\"javascript:\"\n                  (click)=\"downloadYaml(example)\"\n                >\n                  <aui-icon\n                    icon=\"download\"\n                    size=\"14\"\n                    margin=\"right\"\n                  ></aui-icon>\n                  <span>Download YAML</span>\n                </a>\n              </p>\n            </div>\n          }\n        </div>\n      </ng-container>\n    </aui-tab>\n  }\n</aui-tab-group>\n", styles: [":host{display:block;box-sizing:border-box;min-width:360px;padding:16px;background-color:rgb(var(--aui-color-n-10));box-shadow:0 0 4px rgba(var(--aui-color-n-1),.16);margin-left:12px;overflow-y:scroll}:host::-webkit-scrollbar{width:8px;height:4px}:host::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}:host::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}:host::-webkit-scrollbar-corner{background-color:transparent}aui-tab-group{display:block;margin-top:5px}.schema-header{height:40px;display:flex;justify-content:space-between;align-items:center;font-size:18px}.schema-header aui-icon{font-size:16px;color:rgb(var(--aui-color-n-6));cursor:pointer}.schema-header aui-icon:hover{color:rgb(var(--aui-color-primary))}.schema-content{line-height:20px;overflow-y:auto;height:calc(100% - 40px)}.schema-content::-webkit-scrollbar{width:8px;height:4px}.schema-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgb(var(--aui-color-n-7))}.schema-content::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--aui-color-n-5))}.schema-content::-webkit-scrollbar-corner{background-color:transparent}.schema-desc{margin-bottom:12px}.schema-desc a{color:#007bff;text-decoration:none}.schema-desc a:hover{text-decoration:underline}.schema-path{display:flex;flex-wrap:wrap}.schema-path *{margin-left:2px;word-break:break-all}.schema-path span:first-child{margin-right:2px}.schema-path .path-mark{margin:0 4px;color:rgb(var(--aui-color-n-6))}.schema-path{margin-bottom:12px}.schema-list .schema-item:not(:last-of-type),.schema-list .example-item:not(:last-of-type),.example-list .schema-item:not(:last-of-type),.example-list .example-item:not(:last-of-type){border-bottom:1px solid rgb(var(--aui-color-border));margin-bottom:12px}.schema-list .schema-item,.schema-list .example-item,.example-list .schema-item,.example-list .example-item{padding-left:16px}.schema-list .schema-item h3:before,.example-list .schema-item h3:before{content:\"\";display:block;width:6px;height:6px;border-radius:50%;background-color:rgb(var(--aui-color-n-6));position:absolute;left:-12px;top:8px}.schema-list h3,.example-list h3{position:relative;font-weight:500;margin-bottom:12px;word-break:break-word}.schema-list h3 span,.example-list h3 span{margin-right:4px}.schema-list h3 .obj-type,.example-list h3 .obj-type{color:rgb(var(--aui-color-n-4))}.schema-list p,.example-list p{margin-bottom:12px;word-break:break-word}.schema-list p a,.example-list p a{color:#007bff;text-decoration:none}.schema-list p a:hover,.example-list p a:hover{text-decoration:underline}.schema-examples{padding:16px}.examples-header{margin-bottom:16px}.examples-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.examples-content .examples-list .example-item{margin-bottom:24px;border:1px solid #e1e5e9;border-radius:6px;overflow:hidden}.examples-content .examples-list .example-item:last-child{margin-bottom:0}.examples-content .examples-list .example-item .example-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e1e5e9}.examples-content .examples-list .example-item .example-header .example-title{margin:0;font-size:16px;font-weight:600;color:#333}.examples-content .examples-list .example-item .example-header .example-actions{display:flex;gap:8px}.examples-content .examples-list .example-item .example-header .example-actions .btn{padding:4px 12px;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s ease}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-primary{color:#007bff;border:1px solid #007bff;background-color:transparent}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-primary:hover{color:#fff;background-color:#007bff}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-secondary{color:#6c757d;border:1px solid #6c757d;background-color:transparent}.examples-content .examples-list .example-item .example-header .example-actions .btn.btn-outline-secondary:hover{color:#fff;background-color:#6c757d}.examples-content .examples-list .example-item .example-description{padding:12px 16px;color:#666;font-size:14px;line-height:1.5;border-bottom:1px solid #e1e5e9}.examples-content .examples-list .example-item .example-description a{color:#007bff;text-decoration:none}.examples-content .examples-list .example-item .example-description a:hover{text-decoration:underline}.examples-content .examples-list .example-item .example-yaml{background-color:#f8f9fa}.examples-content .examples-list .example-item .example-yaml pre{margin:0;padding:16px;background-color:transparent;border:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;color:#333;overflow-x:auto}.examples-content .examples-list .example-item .example-yaml pre code{background-color:transparent;padding:0;color:inherit}\n"] }]
+        }], propDecorators: { resource: [{
+                type: Input
+            }], schema: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], tryYaml: [{
+                type: Output
+            }], schemaEnable: [{
+                type: Input
+            }], exampleEnable: [{
+                type: Input
+            }], extraExamples: [{
+                type: Input
+            }] } });
+
+class ResourceYamlEditorComponent {
+    set originalValue(value) {
+        this._originalValue = value || '';
+    }
+    get originalValue() {
+        return this._originalValue;
+    }
+    constructor() {
+        this.destroy$ = new Subject();
+        this._value = '';
+        this._originalValue = '';
+        this.onChange = (_value) => {
+            // Placeholder for form control change callback
+        };
+        this.onTouched = () => {
+            // Placeholder for form control touched callback
+        };
+        this.showSidebar$$ = new BehaviorSubject(true);
+        this.showDebugPanel$$ = new BehaviorSubject(true);
+        this.monacoEditor = null;
+        this.registeredSchemas = new Set();
+        this.yamlUtil = inject(YamlUtilService);
+        this.schemaService = inject(KubernetesSchemaService);
+        this.monacoLanguageService = inject(MonacoLanguageService);
+        this.hasWrapper = true;
+        this.showDebugInfo = false;
+        this.sidebarEnable = true;
+        this.schemaEnable = true;
+        this.exampleEnable = true;
+        this.autoFoldManagedFields = true;
+        this.options = yamlWriteMinimapOptions;
+        this.actionsConfig = updateActions;
+        this.tryYaml = new EventEmitter();
+        this.autoFillNamespace = true;
+        this.hasFolded = false;
+        /**
+         * 自动获取的 schema，当没有手动提供 schema 时使用
+         */
+        this.autoSchema$ = this.resource$.pipe(switchMap(resource => {
+            if (!resource) {
+                return of(null);
+            }
+            const firstResource = (Array.isArray(resource) ? resource[0] : resource);
+            if (!firstResource?.apiVersion || !firstResource?.kind) {
+                return of(null);
+            }
+            return this.schemaService.getResourceSchema(firstResource.apiVersion, firstResource.kind, this.clusterName);
+        }), publishRef());
+        /**
+         * 最终使用的 schema，优先使用手动提供的，否则使用自动获取的
+         */
+        this.finalSchema$ = combineLatest([this.schema$, this.autoSchema$]).pipe(map(([manualSchema, autoSchema]) => manualSchema || autoSchema), distinctUntilChanged(), shareReplay(1));
+        this.yamlSchemaService =
+            this.monacoLanguageService.getLanguageSchemaService(['yaml', 'yamlDefaults'], yamlDefaults);
+        // 自动设置 schema
+        combineLatest([this.resource$, this.finalSchema$])
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(([resource, schema]) => {
+            if (resource && schema) {
+                const firstResource = Array.isArray(resource)
+                    ? resource[0]
+                    : resource;
+                if (firstResource && !Array.isArray(firstResource)) {
+                    this.setYamlSchema(firstResource, schema);
+                }
+            }
+        });
+        this.autoSchema$.pipe(takeUntil(this.destroy$)).subscribe();
+    }
+    ngAfterViewInit() {
+        // 监听 YAML 内容变化，自动折叠 managedFields
+        // if (this.autoFoldManagedFields && this.schemaService.definitions) {
+        //   this.selfFoldManagedFields();
+        // }
+        if (this.autoFoldManagedFields) {
+            this.selfFoldManagedFields();
+        }
+    }
+    selfFoldManagedFields() {
+        if (this.hasFolded) {
+            return;
+        }
+        this.hasFolded = true;
+        setTimeout(() => {
+            const editor = this.getEditorInstance();
+            if (editor) {
+                foldManagedFields(editor);
+            }
+        }, 0);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.onChange(val);
+        this.onTouched();
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this._value = value || '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    toggleSidebar() {
+        this.showSidebar$$.next(!this.showSidebar$$.value);
+    }
+    toggleDebugInfo() {
+        this.showDebugPanel$$.next(!this.showDebugPanel$$.value);
+    }
+    getCurrentResource() {
+        const resource = this.resource;
+        if (Array.isArray(resource)) {
+            return resource.length > 0 ? resource[0] : null;
+        }
+        return resource || null;
+    }
+    getCurrentSchema() {
+        return this.schema || null;
+    }
+    getDebugInfo() {
+        const resource = this.getCurrentResource();
+        return {
+            hasResource: !!resource,
+            resourceApiVersion: resource?.apiVersion,
+            resourceKind: resource?.kind,
+            hasManualSchema: !!this.schema,
+        };
+    }
+    onTryYaml(yamlContent) {
+        let targetYaml = yamlContent;
+        if (this.autoFillNamespace && this.namespace) {
+            targetYaml = parseAll(yamlContent)
+                .filter(r => !!r)
+                .map((r) => {
+                if (!r?.metadata?.namespace) {
+                    return {
+                        ...r,
+                        metadata: {
+                            ...r.metadata,
+                            namespace: this.namespace,
+                        },
+                    };
+                }
+                return r;
+            })
+                .map(r => stringify$1(r, { sortMapEntries: true }))
+                .join('---\r\n');
+        }
+        this.tryYaml.emit(targetYaml);
+    }
+    /**
+     * 设置 YAML schema 以提供 hover 提示和自动完成
+     */
+    setYamlSchema(resource, schema) {
+        if (!schema) {
+            return;
+        }
+        // 使用 apiVersion + kind 组合作为标识
+        const apiVersion = resource?.apiVersion || 'unknown';
+        const kind = resource?.kind || 'unknown';
+        const schemaKey = `${apiVersion}/${kind}`;
+        this.modelUri = `${schemaKey}.yaml`;
+        this.selfFoldManagedFields();
+        // 检查是否已经注册过相同的 schema，避免重复注册
+        if (this.registeredSchemas.has(schemaKey)) {
+            return;
+        }
+        // 获取完整的 definitions 以支持 $ref 引用
+        // todo: 书勋，这里为啥还需要取 definitions
+        // const definitions = this.schemaService.definitions || {};
+        // 创建包含完整 definitions 的 schema 对象
+        // const fullSchema = {
+        //   ...schema,
+        //   definitions,
+        // };
+        // 确保schema被正确注册，并启用自动完成功能
+        this.yamlSchemaService.addSchema({
+            uri: `k8s://${schemaKey}.schema.json`,
+            fileMatch: [this.modelUri],
+            schema,
+        });
+        this.registeredSchemas.add(schemaKey);
+    }
+    /**
+     * 获取 Monaco 编辑器实例
+     */
+    getEditorInstance() {
+        if (!this.monacoEditor && this.codeEditorRef?.editor) {
+            this.monacoEditor = this.codeEditorRef.editor;
+        }
+        return this.monacoEditor;
+    }
+    /**
+     * 手动折叠 managedFields
+     */
+    foldManagedFields() {
+        const editor = this.getEditorInstance();
+        if (editor) {
+            foldManagedFields(editor);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ResourceYamlEditorComponent, isStandalone: true, selector: "acl-resource-yaml-editor", inputs: { hasWrapper: "hasWrapper", showDebugInfo: "showDebugInfo", sidebarEnable: "sidebarEnable", schema: "schema", schemaEnable: "schemaEnable", exampleEnable: "exampleEnable", resource: "resource", autoFoldManagedFields: "autoFoldManagedFields", originalValue: "originalValue", options: "options", actionsConfig: "actionsConfig", autoFillNamespace: "autoFillNamespace", extraExamples: "extraExamples", clusterName: "clusterName", namespace: "namespace" }, outputs: { tryYaml: "tryYaml" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ResourceYamlEditorComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "codeEditorRef", first: true, predicate: ["codeEditor"], descendants: true }], ngImport: i0, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <div\n    class=\"yaml-editor-container\"\n    [class.with-sidebar]=\"showSidebar$$ | async\"\n  >\n    <div class=\"yaml-editor-section\">\n      <aui-code-editor\n        #codeEditor\n        name=\"yaml\"\n        [originalValue]=\"originalValue\"\n        [(ngModel)]=\"value\"\n        [options]=\"options\"\n        [actionsConfig]=\"actionsConfig\"\n        [modelUri]=\"modelUri\"\n      >\n        <ng-container auiCodeEditorToolbarRightSide>\n          <!-- Schema \u6309\u94AE\uFF1A\u5F53\u542F\u7528\u4FA7\u8FB9\u680F\u65F6\u663E\u793A -->\n          @if (sidebarEnable && !!(resource$ | async)) {\n            <button\n              [hidden]=\"!!codeEditor.fullscreenDialog\"\n              class=\"aui-code-editor-toolbar__control-button\"\n              type=\"button\"\n              [disabled]=\"!(finalSchema$ | async) && !exampleEnable\"\n              (click)=\"toggleSidebar()\"\n              [auiTooltip]=\"\n                ((showSidebar$$ | async) ? 'hide_sidebar' : 'view_sidebar')\n                  | translate\n              \"\n            >\n              <aui-icon\n                [icon]=\"\n                  (showSidebar$$ | async)\n                    ? 'prod:expand_sidebar'\n                    : 'prod:collapse_sidebar'\n                \"\n              ></aui-icon>\n            </button>\n          }\n        </ng-container>\n      </aui-code-editor>\n    </div>\n    @if ((showSidebar$$ | async) && (resource$ | async)) {\n      <div class=\"yaml-sidebar-section\">\n        <acl-resource-yaml-sidebar\n          [resource]=\"getCurrentResource()\"\n          [schema]=\"finalSchema$ | async\"\n          [schemaEnable]=\"schemaEnable\"\n          [exampleEnable]=\"exampleEnable\"\n          [extraExamples]=\"extraExamples\"\n          (close)=\"toggleSidebar()\"\n          (tryYaml)=\"onTryYaml($event)\"\n        ></acl-resource-yaml-sidebar>\n      </div>\n    }\n  </div>\n}\n<ng-template #content>\n  <div\n    class=\"yaml-editor-container\"\n    [class.with-sidebar]=\"showSidebar$$ | async\"\n  >\n    <div class=\"yaml-editor-section\">\n      <aui-code-editor\n        #codeEditor\n        name=\"yaml\"\n        [originalValue]=\"originalValue\"\n        [(ngModel)]=\"value\"\n        [options]=\"options\"\n        [actionsConfig]=\"actionsConfig\"\n        [modelUri]=\"modelUri\"\n      >\n        <ng-container auiCodeEditorToolbarRightSide>\n          <!-- Schema \u6309\u94AE\uFF1A\u5F53\u542F\u7528\u4FA7\u8FB9\u680F\u65F6\u663E\u793A -->\n          @if (sidebarEnable && !!(resource$ | async)) {\n            <button\n              [hidden]=\"!!codeEditor.fullscreenDialog\"\n              class=\"aui-code-editor-toolbar__control-button\"\n              type=\"button\"\n              [disabled]=\"!(finalSchema$ | async) && !exampleEnable\"\n              (click)=\"toggleSidebar()\"\n              [auiTooltip]=\"\n                ((showSidebar$$ | async) ? 'hide_sidebar' : 'view_sidebar')\n                  | translate\n              \"\n            >\n              <aui-icon\n                [icon]=\"\n                  (showSidebar$$ | async)\n                    ? 'prod:expand_sidebar'\n                    : 'prod:collapse_sidebar'\n                \"\n              ></aui-icon>\n            </button>\n          }\n        </ng-container>\n      </aui-code-editor>\n    </div>\n    @if ((showSidebar$$ | async) && (resource$ | async)) {\n      <div class=\"yaml-sidebar-section\">\n        <acl-resource-yaml-sidebar\n          [resource]=\"getCurrentResource()\"\n          [schema]=\"finalSchema$ | async\"\n          [schemaEnable]=\"schemaEnable\"\n          [exampleEnable]=\"exampleEnable\"\n          [extraExamples]=\"extraExamples\"\n          (close)=\"toggleSidebar()\"\n          (tryYaml)=\"onTryYaml($event)\"\n        ></acl-resource-yaml-sidebar>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}.yaml-editor-container{display:flex;height:100%}.yaml-editor-container.with-sidebar .yaml-editor-section{flex:2;min-width:0}.yaml-editor-container.with-sidebar .yaml-sidebar-section{flex:1 0 0%}.yaml-editor-container:not(.with-sidebar) .yaml-editor-section{flex:1}.yaml-editor-section{display:flex;flex-direction:column;height:100%}.yaml-editor-section aui-code-editor{flex:1;height:100%}.yaml-sidebar-section{display:flex;flex-direction:column;height:100%}.yaml-sidebar-section acl-resource-yaml-sidebar{flex:1;height:100%}.yaml-debug-section{position:absolute;top:0;right:0;width:350px;height:100%;background:var(--aui-color-bg-container);border-left:1px solid var(--aui-color-border-default);z-index:1000;overflow-y:auto}.debug-panel{padding:16px;font-size:12px}.debug-panel h4{margin:0 0 12px;font-size:14px;color:var(--aui-color-text-primary)}.debug-panel .debug-item{margin-bottom:16px}.debug-panel .debug-item strong{color:var(--aui-color-text-primary);display:block;margin-bottom:4px}.debug-panel .debug-item ul{margin:0;padding-left:16px}.debug-panel .debug-item ul li{margin-bottom:2px;color:var(--aui-color-text-secondary)}.debug-panel .debug-actions{border-top:1px solid var(--aui-color-border-default);padding-top:12px;text-align:right}@media(width<=1200px){.yaml-editor-container.with-sidebar .yaml-sidebar-section{width:350px}}@media(width<=992px){.yaml-editor-container.with-sidebar{flex-direction:column}.yaml-editor-container.with-sidebar .yaml-editor-section{flex:1;min-height:50%}.yaml-editor-container.with-sidebar .yaml-sidebar-section{width:100%;height:50%;border-top:1px solid var(--aui-color-border, #e0e0e0);border-left:none}}\n"], dependencies: [{ kind: "component", type: i1.CardComponent, selector: "aui-card", inputs: ["divider"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: CodeEditorModule }, { kind: "component", type: i3.CodeEditorComponent, selector: "aui-code-editor", inputs: ["options", "plain", "showLanguageLabel", "value", "originalValue", "actionsConfig", "previewMode", "diffMode", "modelUri"], outputs: ["editorChange", "editorBlur"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResourceYamlSidebarComponent, selector: "acl-resource-yaml-sidebar", inputs: ["resource", "schema", "schemaEnable", "exampleEnable", "extraExamples"], outputs: ["close", "tryYaml"] }, { 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: TooltipModule }, { kind: "directive", type: i1.TooltipDirective, selector: "[auiTooltip]", inputs: ["auiTooltip", "auiTooltipContext", "auiTooltipClass", "auiTooltipType", "auiTooltipPosition", "auiTooltipTrigger", "auiTooltipDisabled", "auiTooltipHideOnClick", "auiTooltipAnimType"], outputs: ["auiTooltipVisibleChange"], exportAs: ["auiTooltip"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+__decorate([
+    ObservableInput(),
+    __metadata("design:type", Observable)
+], ResourceYamlEditorComponent.prototype, "resource$", void 0);
+__decorate([
+    ObservableInput(),
+    __metadata("design:type", Observable)
+], ResourceYamlEditorComponent.prototype, "schema$", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ResourceYamlEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'acl-resource-yaml-editor', preserveWhitespaces: false, standalone: true, imports: [
+                        CARD_MODULE,
+                        FormsModule,
+                        CHECKBOX_MODULE,
+                        ButtonModule,
+                        CodeEditorModule,
+                        AsyncPipe,
+                        NgTemplateOutlet,
+                        ResourceYamlSidebarComponent,
+                        IconModule,
+                        TooltipModule,
+                        TranslatePipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ResourceYamlEditorComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasWrapper) {\n  <aui-card>\n    <ng-container *ngTemplateOutlet=\"content\" />\n  </aui-card>\n} @else {\n  <div\n    class=\"yaml-editor-container\"\n    [class.with-sidebar]=\"showSidebar$$ | async\"\n  >\n    <div class=\"yaml-editor-section\">\n      <aui-code-editor\n        #codeEditor\n        name=\"yaml\"\n        [originalValue]=\"originalValue\"\n        [(ngModel)]=\"value\"\n        [options]=\"options\"\n        [actionsConfig]=\"actionsConfig\"\n        [modelUri]=\"modelUri\"\n      >\n        <ng-container auiCodeEditorToolbarRightSide>\n          <!-- Schema \u6309\u94AE\uFF1A\u5F53\u542F\u7528\u4FA7\u8FB9\u680F\u65F6\u663E\u793A -->\n          @if (sidebarEnable && !!(resource$ | async)) {\n            <button\n              [hidden]=\"!!codeEditor.fullscreenDialog\"\n              class=\"aui-code-editor-toolbar__control-button\"\n              type=\"button\"\n              [disabled]=\"!(finalSchema$ | async) && !exampleEnable\"\n              (click)=\"toggleSidebar()\"\n              [auiTooltip]=\"\n                ((showSidebar$$ | async) ? 'hide_sidebar' : 'view_sidebar')\n                  | translate\n              \"\n            >\n              <aui-icon\n                [icon]=\"\n                  (showSidebar$$ | async)\n                    ? 'prod:expand_sidebar'\n                    : 'prod:collapse_sidebar'\n                \"\n              ></aui-icon>\n            </button>\n          }\n        </ng-container>\n      </aui-code-editor>\n    </div>\n    @if ((showSidebar$$ | async) && (resource$ | async)) {\n      <div class=\"yaml-sidebar-section\">\n        <acl-resource-yaml-sidebar\n          [resource]=\"getCurrentResource()\"\n          [schema]=\"finalSchema$ | async\"\n          [schemaEnable]=\"schemaEnable\"\n          [exampleEnable]=\"exampleEnable\"\n          [extraExamples]=\"extraExamples\"\n          (close)=\"toggleSidebar()\"\n          (tryYaml)=\"onTryYaml($event)\"\n        ></acl-resource-yaml-sidebar>\n      </div>\n    }\n  </div>\n}\n<ng-template #content>\n  <div\n    class=\"yaml-editor-container\"\n    [class.with-sidebar]=\"showSidebar$$ | async\"\n  >\n    <div class=\"yaml-editor-section\">\n      <aui-code-editor\n        #codeEditor\n        name=\"yaml\"\n        [originalValue]=\"originalValue\"\n        [(ngModel)]=\"value\"\n        [options]=\"options\"\n        [actionsConfig]=\"actionsConfig\"\n        [modelUri]=\"modelUri\"\n      >\n        <ng-container auiCodeEditorToolbarRightSide>\n          <!-- Schema \u6309\u94AE\uFF1A\u5F53\u542F\u7528\u4FA7\u8FB9\u680F\u65F6\u663E\u793A -->\n          @if (sidebarEnable && !!(resource$ | async)) {\n            <button\n              [hidden]=\"!!codeEditor.fullscreenDialog\"\n              class=\"aui-code-editor-toolbar__control-button\"\n              type=\"button\"\n              [disabled]=\"!(finalSchema$ | async) && !exampleEnable\"\n              (click)=\"toggleSidebar()\"\n              [auiTooltip]=\"\n                ((showSidebar$$ | async) ? 'hide_sidebar' : 'view_sidebar')\n                  | translate\n              \"\n            >\n              <aui-icon\n                [icon]=\"\n                  (showSidebar$$ | async)\n                    ? 'prod:expand_sidebar'\n                    : 'prod:collapse_sidebar'\n                \"\n              ></aui-icon>\n            </button>\n          }\n        </ng-container>\n      </aui-code-editor>\n    </div>\n    @if ((showSidebar$$ | async) && (resource$ | async)) {\n      <div class=\"yaml-sidebar-section\">\n        <acl-resource-yaml-sidebar\n          [resource]=\"getCurrentResource()\"\n          [schema]=\"finalSchema$ | async\"\n          [schemaEnable]=\"schemaEnable\"\n          [exampleEnable]=\"exampleEnable\"\n          [extraExamples]=\"extraExamples\"\n          (close)=\"toggleSidebar()\"\n          (tryYaml)=\"onTryYaml($event)\"\n        ></acl-resource-yaml-sidebar>\n      </div>\n    }\n  </div>\n</ng-template>\n", styles: [":host(:not(.dialog-content)) ::ng-deep .aui-code-editor{min-height:100%}:host(:not(.dialog-content)){display:block;height:calc(100vh - (var(--acl-page-header-height) + 44px) - 147px)}:host(:not(.dialog-content))>.aui-card{height:100%}:host(:not(.dialog-content))>.aui-card .aui-card__content,:host(:not(.dialog-content))>.aui-card aui-code-editor,:host(:not(.dialog-content))>.aui-card .aui-code-editor{height:100%;min-height:100%}:host{display:block}:host ::ng-deep aui-card,:host ::ng-deep .aui-card,:host ::ng-deep .aui-card__content{height:100%}:host ::ng-deep .aui-checkbox{margin-right:0}:host aui-code-editor{height:100%}.yaml-editor-container{display:flex;height:100%}.yaml-editor-container.with-sidebar .yaml-editor-section{flex:2;min-width:0}.yaml-editor-container.with-sidebar .yaml-sidebar-section{flex:1 0 0%}.yaml-editor-container:not(.with-sidebar) .yaml-editor-section{flex:1}.yaml-editor-section{display:flex;flex-direction:column;height:100%}.yaml-editor-section aui-code-editor{flex:1;height:100%}.yaml-sidebar-section{display:flex;flex-direction:column;height:100%}.yaml-sidebar-section acl-resource-yaml-sidebar{flex:1;height:100%}.yaml-debug-section{position:absolute;top:0;right:0;width:350px;height:100%;background:var(--aui-color-bg-container);border-left:1px solid var(--aui-color-border-default);z-index:1000;overflow-y:auto}.debug-panel{padding:16px;font-size:12px}.debug-panel h4{margin:0 0 12px;font-size:14px;color:var(--aui-color-text-primary)}.debug-panel .debug-item{margin-bottom:16px}.debug-panel .debug-item strong{color:var(--aui-color-text-primary);display:block;margin-bottom:4px}.debug-panel .debug-item ul{margin:0;padding-left:16px}.debug-panel .debug-item ul li{margin-bottom:2px;color:var(--aui-color-text-secondary)}.debug-panel .debug-actions{border-top:1px solid var(--aui-color-border-default);padding-top:12px;text-align:right}@media(width<=1200px){.yaml-editor-container.with-sidebar .yaml-sidebar-section{width:350px}}@media(width<=992px){.yaml-editor-container.with-sidebar{flex-direction:column}.yaml-editor-container.with-sidebar .yaml-editor-section{flex:1;min-height:50%}.yaml-editor-container.with-sidebar .yaml-sidebar-section{width:100%;height:50%;border-top:1px solid var(--aui-color-border, #e0e0e0);border-left:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { codeEditorRef: [{
+                type: ViewChild,
+                args: ['codeEditor', { static: false }]
+            }], hasWrapper: [{
+                type: Input
+            }], showDebugInfo: [{
+                type: Input
+            }], sidebarEnable: [{
+                type: Input
+            }], schema: [{
+                type: Input
+            }], schemaEnable: [{
+                type: Input
+            }], exampleEnable: [{
+                type: Input
+            }], resource: [{
+                type: Input
+            }], autoFoldManagedFields: [{
+                type: Input
+            }], originalValue: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], actionsConfig: [{
+                type: Input
+            }], tryYaml: [{
+                type: Output
+            }], resource$: [], schema$: [], autoFillNamespace: [{
+                type: Input
+            }], extraExamples: [{
+                type: Input
+            }], clusterName: [{
+                type: Input
+            }], namespace: [{
+                type: Input
+            }] } });
+
 /**
  * [[include:code/README.md]]
  * @module code
@@ -12659,5 +14015,5 @@ const ASYNC_DATA_MODULE = [
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION, AIT_API_GROUP, ALL, ALL_VALUE, ANNOTATIONS, API_GATEWAY, ARGOCD_GROUP, ARRAY_FORM_TABLE_MODULE, ARRAY_TABLE_FORM_ERROR_BG, ASSIGN_ALL, ASYNC_DATA_MODULE, AccessMode, AccessModes, AclTableVirtualComponent, AclTableVirtualHeaderDefDirective, AclTableVirtualModule, AclTableVirtualPlaceholderDefDirective, AclTableVirtualRowDefDirective, AlaudaDeployStatus, AlaudaRunningStatus, ArrayFormTableComponent, ArrayFormTableFooterDirective, ArrayFormTableHeaderDirective, ArrayFormTableRowControlDirective, ArrayFormTableRowDirective, ArrayFormTableRowErrorDirective, ArrayFormTableRowSeparatorDirective, ArrayFormTableZeroStateDirective, AsyncDataLoader, AsyncFunctionValidatorDirective, AuiCodeEditorHelperDirective, BASE_TIMEZONE, BaseFormContainer, BaseNestedFormControl, BaseNestedFormControlPure, BaseStringMapFormComponent, Bracket, CHART_PICKER_TIME_RANGES, CLUSTER, COMMON_RESOURCE_DEFINITIONS, CORE_UNITS, CORE_UNIT_REG, CREATE, CREATED_AT, CREATION_TIMESTAMP, CREATOR, CRON_ENABLE_7_FOR_SUNDAY, CRON_FORMAT_ERROR, CRON_MIN_INTERVAL_ERROR, CRYPTO_HEADER_KEY, CRYPTO_KEY, CRYPTO_RANDOM_HEADER_KEY, CRYPTO_TYPE, CUSTOM, CUSTOMIZED, CUSTOM_RANGE, CalcPipe, CardSectionComponent, ClickOutsideDirective, CloudHelmRequestStateEnum, CodeDisplayDialogComponent, CoerceNumberDirective, ConfirmDeleteComponent, ConfirmDeleteContentDirective, ConfirmDeleteLabelDirective, ConfirmDeleteTipDirective, ControlValueTraceDirective, CronHumanReadablePipe, CronWeekDays, CrontabNextPipe, CurrentTimeComponent, DATE_FORMAT, DATE_TIME_FORMAT, DEFAULT_CODE_EDITOR_OPTIONS, DEFAULT_CONTAINER_ANNOTATION, DEFAULT_OPERATOR, DEFAULT_OPTIONS, DEFAULT_REASON, DELIMITER, DESCRIPTION, DISPLAY_NAME, DNS1123SubdomainValidator, DOMAIN_PATTERN, DOMAIN_PATTERN_BASE, DOT, DOWNGRADE_WATCH_ENABLED, DOWNGRADE_WATCH_POLLING, DUPLICATE_ERROR_KEY, DUPLICATION_JUSTIFY_STRATEGY, DataSource, DateRangePickerComponent, DeclareDirective, DefaultStatusColorMapper, DefaultStatusIconMapper, DeleteType, DeletingTagComponent, DisabledContainerComponent, DisabledDirective, DragHandleDirective, DurationPipe, E2eAttributeBindingDirective, EFFECT_DIRECTIVE_MODULE, EMAIL_PATTERN, EMPTY, ERRORS_MAPPER_MODULE, ESCAPE_DEACTIVATE_CHECK, ErrorStateComponent, ErrorsMapperComponent, ErrorsMapperDirective, FALSE, FIELDSET_GROUP_COMPONENTS, FeatureGateDirective, FieldSetColumnComponent, FieldSetColumnGroupComponent, FieldSetGroupComponent, FieldSetItemActionDirective, FieldSetItemComponent, FileResultType, FoldableBlockComponent, FoldableItemInTableComponent, FormItemMarginEffectDirective, FunctionValidatorDirective, GLOBAL_CLUSTER, GenericStatusColor, GenericStatusIcon, GuardStatus, HTTP_ADDRESS_PATTERN, HTTP_DUAL_IP_OR_DOMAIN_PATTERN, HTTP_IP_OR_DOMAIN_PATTERN, HYPHEN, HelmRequestPhaseEnum, HelpDocDirective, HelpDocUrlPipe, HelpDocumentComponent, HelpDocumentService, IMAGE_TAG_PATTERN, INT_PATTERN, INT_ZERO_PATTERN, IPV4_IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_ADDRESS_HOSTNAME_PATTERN, IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_PATTERN_BASE, IP_ADDRESS_HOSTNAME_PATTERN, IP_ADDRESS_HOSTNAME_PATTERN_EXTEND, IP_ADDRESS_HOSTNAME_PORT_PATTERN, IP_ADDRESS_PATTERN, IP_ADDRESS_PORT_PATTERN, IP_ADDRESS_SUBNET_PATTERN, IP_PATTERN, IP_PATTERN_BASE, IP_V4_OR_V6_PATTERN, IP_V6_ADDRESS_PATTERN, IP_V6_PATTERN, InterceptDeactivateDirective, InterceptDeactivateGuard, InterceptDeactivateService, JobStatusColorMapper, JobStatusEnum, JobStatusIconMapper, K8SResourceList, K8SResourceListFooterComponent, K8SResourcePagedList, K8S_APP_API_GROUP, K8S_CORE_API_GROUP, K8S_RESOURCE_LABEL_KEY_NAME_PATTERN, K8S_RESOURCE_LABEL_KEY_PREFIX_PATTERN, K8S_RESOURCE_LABEL_VALUE_PATTERN, K8S_RESOURCE_LIST_MODULE, K8S_RESOURCE_NAME_START_WITH_CHARS_ONLY, K8S_RESOURCE_TRANSLATE_KEY, K8sListFooterLoadingErrorDirective, K8sListFooterNoDataDirective, K8sResourceAction, K8sResourceMarkComponent, K8sResourceTranslateKeyPipe, K8sSharedUtilService, K8sYamlDisplayDialogComponent, KNOWN_COLUMNS, KeyValueFormTableComponent, KeyValueTableComponent, LABELS, LINK, LOCAL_STORAGE_KEY_THEME_MODE, ListDisplayComponent, ListenResizeDirective, LoadAction, LocaleTransformPipe, MACHINE_API_GROUP, METADATA, MUTABLE_BASIC_OPTIONS, MUTABLE_MODULE, MarkedPipe, MaxLengthValidatorDirective, MaxValidatorDirective, MinLengthValidatorDirective, MinValidatorDirective, MinimumFormatPipe, MosaicComponent, MosaicLeftDirective, MosaicRightDirective, MultiSearchActionInputComponent, MultiSearchAdvanced, MultiSearchBasic, MultiSearchComponent, MutableDirective, NAME, NAMESPACE, NOTIFICATION_SERVER_NAME, NOTIFY_DURATION_HEADER, NOTIFY_ON_ERROR_HEADER, NOTIFY_ON_ERROR_HEADERS, NOT_NOTIFY_ON_ERROR_HEADERS, NUMBER_PATTERN, NamespaceBadgeComponent, NotBeValidatorDirective, OAM_GROUP, OnResizeChangeService, OneOfValidatorDirective, OverviewBannerComponent, PACKAGE_RUNTIME_VALUE, PAGE_GUARD_MODULE, PLATFORM_OPS_MODE, PORT_PATTERN, POSITIVE_INT_PATTERN, POSITIVE_NUMBER_PATTERN, PREFIX_LABEL_CLASS, PROJECT, PUBLIC_NAMESPACE, PageGuardComponent, PageGuardContentDirective, PageGuardDescriptionDirective, PageGuardImageDirective, PageGuardOperationDirective, PageStateComponent, ParseJsonTranslatePipe, PasswordInputComponent, PodStatusColorMapper, PodStatusComponent, PodStatusEnum, PodStatusIconMapper, PreventClipboardDirective, PreventDirective, PreventHandler, ProductKey, REASON_MAP, RESOURCE_MAC_TYPES, RESOURCE_REQUIREMENT_KEYS, ReadonlyFieldDirective, Reason, RelativeTimeComponent, RequestPool, ResizeDirective, ResourceLabelComponent, ResourceMultiSelectComponent, ResourceYamlDisplayComponent, SERVICE_PORT_BASE_PROTOCOLS, SERVICE_PORT_PROTOCOLS, SERVICE_SESSION_AFFINITIES, SERVICE_TYPES, SLASH, SPACE, SPEC, STATUS, STRATEGY_JUDGE_MAPPER, STRONG_PASSWORD_SPECIAL_CHARS, ScrollBorderObserverDirective, ScrollToFirstInvalidDirective, ScrollToFirstInvalidMarkerDirective, SearchItemComponent, SearchItemLabelDirective, SearchPanelComponent, SecretType, SelectPrefixLabelDirective, SpanComponent, StatusIconComponent, StopDirective, StringArrayFormTableComponent, StrongPasswordDirective, StrongPasswordTooltipComponent, TEMPLATE_OPTIONS, TIMEZONES, TIME_FORMAT, TOKEN_HELP_DOC_DATA, TRUE, TableCellDefDirective, TableComponent, TableCustomColumnsComponent, TableUtilService, TagsLabelComponent, TaintEffect, TestTagComponent, TextEllipsisComponent, TextTooltipDirective, TextWithUrlComponent, ThemeTransformPipe, TimezoneDisplayPipe, TolerationOperator, TrimDirective, UNDERSCORE, UNITS, UNIT_REG, UPDATE, UPDATED_AT, UPDATED__AT, UpdateDescriptionDialogComponent, UpdateDisplayNameDialogComponent, UpdateKeyValueDialogComponent, UploadFileComponent, UserSecurityPolicyRule, UserState, VOLUME_SNAPSHOT_GROUP, ValidateRowDuplicateService, ValidatorsDirective, VolumeMode, VolumeModes, VolumeTypeEnum, WEEK_DAYS, WILDCARD, WORKSPACE_PARAMS, WorkloadKind, WorkloadStatusColorMapper, WorkloadStatusEnum, WorkloadStatusIconComponent, WorkloadStatusIconMapper, YamlUtilService, ZeroStateComponent, addUnitCoreM, addUnitGi, addUnitMi, appendImageHeader, atobWithFallback, buildImageAddress, buildUrl, checkValueExit, clearWindowsXtermTools, commonOptions, compareMinorVersion, compareVersion, copyValue, createActions, createNestedFormControl, cronValidator, cronValidatorBasic, dataTransfer, dateValueOf, defaultFilter, defaultSorter, emptyObjectRemoveRuleFactory, errorColor, extractListParamsFromRoute, extractPagedListParams, extractWorkspace, extractWorkspaceFromRoute, filterEmptyValue, filterTrees, findPath, firstPath, formatCPU, formatMemory, formatNumber, genControlDepsMap, getAppropriateMemory, getBaseHref, getCpu, getCronWeekDayNumbers, getDisabledState, getDisabledState$, getHelpDocUrl, getHostname, getJobStatus, getK8sResourceAnnotationErrorMapper, getK8sResourceAnnotationErrorMapper$, getK8sResourceLabelErrorMapper, getK8sResourceLabelErrorMapper$, getMemory, getPickerTimeRanges, getPodAggregatedStatus, getPodIPs, getPodStatus, getPrivateIP, getPrivateIPv4, getPrivateIPv6, getRelativePath, getResourceLimitAsyncValidatorFn, getResourceLimitValidatorFn, getResourceValue, getResourceViewModel, getToPath, getValidVersion, getWorkloadStatus, initGreaterValidator, isAbsoluteUrl, isB, isCronFieldCountCorrect, isCronWeekDayCorrect, isCronWeekDaysContinuous, isErrorMessage, isJsonObjectString, isK8sResource, isL, isR, isSelectAll, isT, isValidRID, isValidWorkspace, k8sResourceAnnotationKeyValidator, k8sResourceAnnotationValidator, k8sResourceLabelKeyValidator, k8sResourceLabelValidator, k8sResourceLabelValueValidator, loadEnv, logsActions, logsReadOptions, mapTrees, matchExpressionsToString, matchLabelsToString, maxParallelByHttpVersion, noShowRowError, normalizeParams, numToStr, parseDaemonSetStatus, parseDeploymentStatus, parseImageAddress, parseRID, parseStatefulSetStatus, parseToWorkloadStatus, parseUrlInText, parseValidImageName, parseValueAndUnit, parseVersion, parseWorkspace, prefixFilterRuleFactory, primaryColor, queryListParams, randomPassword, readonlyOptions, reduceTrees, removeDirtyFieldsBeforeUpdate, resourceUnits, rowBackgroundColorFn, safeAssign, scrollIntoView, setNode, setupErrorMapper, shortNum, sortByCreationTimestamp, stringToMatchLabels, stringifyRID, stringifyWorkspace, successColor, tableSort, tableSortAdvance, tagRenderDefault, textWriteOptions, toLowerFirstLetter, toNumber, toPercent, toPx, toUnitGi, toUnitI, toUnitMi, toUnitNum, toUnitNumM, trackByName, trackByUid, transferResource, updateActions, versionRegex, viewActions, warnColor, withLoadState, workspaceToPath, yamlFilterField, yamlReadOptions, yamlWriteOptions };
+export { ACTION, AIT_API_GROUP, ALL, ALL_VALUE, ANNOTATIONS, API_GATEWAY, ARGOCD_GROUP, ARRAY_FORM_TABLE_MODULE, ARRAY_TABLE_FORM_ERROR_BG, ASSIGN_ALL, ASYNC_DATA_MODULE, AccessMode, AccessModes, AclTableVirtualComponent, AclTableVirtualHeaderDefDirective, AclTableVirtualModule, AclTableVirtualPlaceholderDefDirective, AclTableVirtualRowDefDirective, AlaudaDeployStatus, AlaudaRunningStatus, ArrayFormTableComponent, ArrayFormTableFooterDirective, ArrayFormTableHeaderDirective, ArrayFormTableRowControlDirective, ArrayFormTableRowDirective, ArrayFormTableRowErrorDirective, ArrayFormTableRowSeparatorDirective, ArrayFormTableZeroStateDirective, AsyncDataLoader, AsyncFunctionValidatorDirective, AuiCodeEditorHelperDirective, BASE_TIMEZONE, BaseFormContainer, BaseNestedFormControl, BaseNestedFormControlPure, BaseStringMapFormComponent, Bracket, CHART_PICKER_TIME_RANGES, CLUSTER, COMMON_RESOURCE_DEFINITIONS, CORE_UNITS, CORE_UNIT_REG, CREATE, CREATED_AT, CREATION_TIMESTAMP, CREATOR, CRON_ENABLE_7_FOR_SUNDAY, CRON_FORMAT_ERROR, CRON_MIN_INTERVAL_ERROR, CRYPTO_HEADER_KEY, CRYPTO_KEY, CRYPTO_RANDOM_HEADER_KEY, CRYPTO_TYPE, CUSTOM, CUSTOMIZED, CUSTOM_RANGE, CalcPipe, CardSectionComponent, ClickOutsideDirective, CloudHelmRequestStateEnum, CodeDisplayDialogComponent, CoerceNumberDirective, ConfirmDeleteComponent, ConfirmDeleteContentDirective, ConfirmDeleteLabelDirective, ConfirmDeleteTipDirective, ControlValueTraceDirective, CronHumanReadablePipe, CronWeekDays, CrontabNextPipe, CurrentTimeComponent, DATE_FORMAT, DATE_TIME_FORMAT, DEFAULT_CODE_EDITOR_OPTIONS, DEFAULT_CONTAINER_ANNOTATION, DEFAULT_OPERATOR, DEFAULT_OPTIONS, DEFAULT_REASON, DELIMITER, DESCRIPTION, DISPLAY_NAME, DNS1123SubdomainValidator, DOMAIN_PATTERN, DOMAIN_PATTERN_BASE, DOT, DOWNGRADE_WATCH_ENABLED, DOWNGRADE_WATCH_POLLING, DUPLICATE_ERROR_KEY, DUPLICATION_JUSTIFY_STRATEGY, DataSource, DateRangePickerComponent, DeclareDirective, DefaultStatusColorMapper, DefaultStatusIconMapper, DeleteType, DeletingTagComponent, DisabledContainerComponent, DisabledDirective, DragHandleDirective, DurationPipe, E2eAttributeBindingDirective, EFFECT_DIRECTIVE_MODULE, EMAIL_PATTERN, EMPTY, ERRORS_MAPPER_MODULE, ESCAPE_DEACTIVATE_CHECK, ErrorStateComponent, ErrorsMapperComponent, ErrorsMapperDirective, FALSE, FIELDSET_GROUP_COMPONENTS, FeatureGateDirective, FieldSetColumnComponent, FieldSetColumnGroupComponent, FieldSetGroupComponent, FieldSetItemActionDirective, FieldSetItemComponent, FileResultType, FoldableBlockComponent, FoldableItemInTableComponent, FormItemMarginEffectDirective, FunctionValidatorDirective, GLOBAL_CLUSTER, GenericStatusColor, GenericStatusIcon, GuardStatus, HTTP_ADDRESS_PATTERN, HTTP_DUAL_IP_OR_DOMAIN_PATTERN, HTTP_IP_OR_DOMAIN_PATTERN, HYPHEN, HelmRequestPhaseEnum, HelpDocDirective, HelpDocUrlPipe, HelpDocumentComponent, HelpDocumentService, IMAGE_TAG_PATTERN, INT_PATTERN, INT_ZERO_PATTERN, IPV4_IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_ADDRESS_HOSTNAME_PATTERN, IPV6_ADDRESS_HOSTNAME_PORT_PATTERN, IPV6_PATTERN_BASE, IP_ADDRESS_HOSTNAME_PATTERN, IP_ADDRESS_HOSTNAME_PATTERN_EXTEND, IP_ADDRESS_HOSTNAME_PORT_PATTERN, IP_ADDRESS_PATTERN, IP_ADDRESS_PORT_PATTERN, IP_ADDRESS_SUBNET_PATTERN, IP_PATTERN, IP_PATTERN_BASE, IP_V4_OR_V6_PATTERN, IP_V6_ADDRESS_PATTERN, IP_V6_PATTERN, InterceptDeactivateDirective, InterceptDeactivateGuard, InterceptDeactivateService, JobStatusColorMapper, JobStatusEnum, JobStatusIconMapper, K8SResourceList, K8SResourceListFooterComponent, K8SResourcePagedList, K8S_APP_API_GROUP, K8S_CORE_API_GROUP, K8S_RESOURCE_LABEL_KEY_NAME_PATTERN, K8S_RESOURCE_LABEL_KEY_PREFIX_PATTERN, K8S_RESOURCE_LABEL_VALUE_PATTERN, K8S_RESOURCE_LIST_MODULE, K8S_RESOURCE_NAME_START_WITH_CHARS_ONLY, K8S_RESOURCE_TRANSLATE_KEY, K8sListFooterLoadingErrorDirective, K8sListFooterNoDataDirective, K8sResourceAction, K8sResourceMarkComponent, K8sResourceTranslateKeyPipe, K8sSharedUtilService, K8sYamlDisplayDialogComponent, KNOWN_COLUMNS, KeyValueFormTableComponent, KeyValueTableComponent, KubernetesSchemaService, LABELS, LINK, LOCAL_STORAGE_KEY_THEME_MODE, ListDisplayComponent, ListenResizeDirective, LoadAction, LocaleTransformPipe, MACHINE_API_GROUP, METADATA, MUTABLE_BASIC_OPTIONS, MUTABLE_MODULE, MarkedPipe, MaxLengthValidatorDirective, MaxValidatorDirective, MinLengthValidatorDirective, MinValidatorDirective, MinimumFormatPipe, MosaicComponent, MosaicLeftDirective, MosaicRightDirective, MultiSearchActionInputComponent, MultiSearchAdvanced, MultiSearchBasic, MultiSearchComponent, MutableDirective, NAME, NAMESPACE, NOTIFICATION_SERVER_NAME, NOTIFY_DURATION_HEADER, NOTIFY_ON_ERROR_HEADER, NOTIFY_ON_ERROR_HEADERS, NOT_NOTIFY_ON_ERROR_HEADERS, NUMBER_PATTERN, NamespaceBadgeComponent, NotBeValidatorDirective, OAM_GROUP, OnResizeChangeService, OneOfValidatorDirective, OverviewBannerComponent, PACKAGE_RUNTIME_VALUE, PAGE_GUARD_MODULE, PLATFORM_OPS_MODE, PORT_PATTERN, POSITIVE_INT_PATTERN, POSITIVE_NUMBER_PATTERN, PREFIX_LABEL_CLASS, PROJECT, PUBLIC_NAMESPACE, PageGuardComponent, PageGuardContentDirective, PageGuardDescriptionDirective, PageGuardImageDirective, PageGuardOperationDirective, PageStateComponent, ParseJsonTranslatePipe, PasswordInputComponent, PluginClusterSelectorComponent, PodStatusColorMapper, PodStatusComponent, PodStatusEnum, PodStatusIconMapper, PreventClipboardDirective, PreventDirective, PreventHandler, ProductKey, REASON_MAP, RESOURCE_MAC_TYPES, RESOURCE_REQUIREMENT_KEYS, ReadonlyFieldDirective, Reason, RelativeTimeComponent, RequestPool, ResizeDirective, ResourceLabelComponent, ResourceMultiSelectComponent, ResourceYamlDisplayComponent, ResourceYamlEditorComponent, SERVICE_PORT_BASE_PROTOCOLS, SERVICE_PORT_PROTOCOLS, SERVICE_SESSION_AFFINITIES, SERVICE_TYPES, SLASH, SPACE, SPEC, STATUS, STRATEGY_JUDGE_MAPPER, STRONG_PASSWORD_SPECIAL_CHARS, ScrollBorderObserverDirective, ScrollToFirstInvalidDirective, ScrollToFirstInvalidMarkerDirective, SearchItemComponent, SearchItemLabelDirective, SearchPanelComponent, SecretType, SelectPrefixLabelDirective, SpanComponent, StatusIconComponent, StopDirective, StringArrayFormTableComponent, StrongPasswordDirective, StrongPasswordTooltipComponent, TEMPLATE_OPTIONS, TIMEZONES, TIME_FORMAT, TOKEN_HELP_DOC_DATA, TRUE, TableCellDefDirective, TableComponent, TableCustomColumnsComponent, TableHeaderCellDefDirective, TableUtilService, TagsLabelComponent, TaintEffect, TerminatingTagComponent, TestTagComponent, TextEllipsisComponent, TextTooltipDirective, TextWithUrlComponent, ThemeTransformPipe, TimezoneDisplayPipe, TolerationOperator, TrimDirective, UNDERSCORE, UNITS, UNIT_REG, UPDATE, UPDATED_AT, UPDATED__AT, UpdateDescriptionDialogComponent, UpdateDisplayNameDialogComponent, UpdateKeyValueDialogComponent, UploadFileComponent, UserSecurityPolicyRule, UserState, VOLUME_SNAPSHOT_GROUP, ValidateRowDuplicateService, ValidatorsDirective, VolumeMode, VolumeModes, VolumeTypeEnum, WEEK_DAYS, WILDCARD, WORKSPACE_PARAMS, WorkloadKind, WorkloadStatusColorMapper, WorkloadStatusEnum, WorkloadStatusIconComponent, WorkloadStatusIconMapper, YamlUtilService, ZeroStateComponent, addUnitCoreM, addUnitGi, addUnitMi, appendImageHeader, atobWithFallback, buildImageAddress, buildUrl, checkValueExit, clearWindowsXtermTools, commonOptions, compareMinorVersion, compareVersion, copyValue, createActions, createNestedFormControl, cronValidator, cronValidatorBasic, dataTransfer, dateValueOf, defaultFilter, defaultSorter, emptyObjectRemoveRuleFactory, errorColor, extractListParamsFromRoute, extractPagedListParams, extractWorkspace, extractWorkspaceFromRoute, filterEmptyValue, filterTrees, findPath, firstPath, formatCPU, formatMemory, formatNumber, genControlDepsMap, getAppropriateMemory, getBaseHref, getCpu, getCronWeekDayNumbers, getDisabledState, getDisabledState$, getHelpDocUrl, getHostname, getJobStatus, getK8sResourceAnnotationErrorMapper, getK8sResourceAnnotationErrorMapper$, getK8sResourceLabelErrorMapper, getK8sResourceLabelErrorMapper$, getMemory, getPickerTimeRanges, getPodAggregatedStatus, getPodIPs, getPodStatus, getPrivateIP, getPrivateIPv4, getPrivateIPv6, getRelativePath, getResourceLimitAsyncValidatorFn, getResourceLimitValidatorFn, getResourceValue, getResourceViewModel, getToPath, getValidVersion, getWorkloadStatus, initGreaterValidator, isAbsoluteUrl, isB, isCronFieldCountCorrect, isCronWeekDayCorrect, isCronWeekDaysContinuous, isErrorMessage, isJsonObjectString, isK8sResource, isL, isR, isSelectAll, isT, isValidRID, isValidWorkspace, k8sResourceAnnotationKeyValidator, k8sResourceAnnotationValidator, k8sResourceLabelKeyValidator, k8sResourceLabelValidator, k8sResourceLabelValueValidator, loadEnv, logsActions, logsReadOptions, mapTrees, matchExpressionsToString, matchLabelsToString, maxParallelByHttpVersion, noShowRowError, normalizeParams, numToStr, parseDaemonSetStatus, parseDeploymentStatus, parseImageAddress, parseRID, parseStatefulSetStatus, parseToWorkloadStatus, parseUrlInText, parseValidImageName, parseValueAndUnit, parseVersion, parseWorkspace, prefixFilterRuleFactory, primaryColor, queryListParams, randomPassword, readonlyOptions, reduceTrees, removeDirtyFieldsBeforeUpdate, resourceUnits, rowBackgroundColorFn, safeAssign, scrollIntoView, setNode, setupErrorMapper, shortNum, sortByCreationTimestamp, stringToMatchLabels, stringifyRID, stringifyWorkspace, successColor, tableSort, tableSortAdvance, tagRenderDefault, textWriteOptions, toLowerFirstLetter, toNumber, toPercent, toPx, toUnitGi, toUnitI, toUnitMi, toUnitNum, toUnitNumM, trackByName, trackByUid, transferResource, updateActions, versionRegex, viewActions, warnColor, withLoadState, workspaceToPath, yamlFilterField, yamlReadMinimapOptions, yamlReadOptions, yamlWriteMinimapOptions, yamlWriteOptions };
 //# sourceMappingURL=alauda-fe-dynamic-plugin-shared.mjs.map