@alauda-fe/common 1.3.1 → 1.4.1

package/esm2022/widget/zero-state/zero-state.component.mjs

@@ -1,5 +1,5 @@
-import { handlePixel } from '@alauda/ui';
-import { NgClass, NgIf, NgStyle } from '@angular/common';
+import { handlePixel, isTemplateRef } from '@alauda/ui';
+import { NgClass, NgIf, NgStyle, NgTemplateOutlet } from '@angular/common';
 import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
 import { EffectDirectiveModule } from '../../effect-directive/module';
 import { PurePipe } from '../../public-api';
@@ -9,16 +9,27 @@ import * as i0 from "@angular/core";
 import * as i1 from "../../translate/translate.pipe";
 const _c0 = a0 => ({ minHeight: a0 });
 const _c1 = a0 => ({ name: a0 });
-function ZeroStateComponent_div_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelementContainerEnd();
+function ZeroStateComponent_div_0_Conditional_2_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate(ctx_r0.customPlaceholder);
+} }
+function ZeroStateComponent_div_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 4);
+    i0.ɵɵtemplate(1, ZeroStateComponent_div_0_Conditional_2_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+} if (rf & 2) {
+    const literal_r2 = i0.ɵɵreference(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.isTemplateRef(ctx_r0.customPlaceholder) ? ctx_r0.customPlaceholder : literal_r2);
+} }
+function ZeroStateComponent_div_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "no_data"));
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, "no_data"), " ");
 } }
-function ZeroStateComponent_div_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+function ZeroStateComponent_div_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "translate");
     i0.ɵɵpipe(2, "translate");
@@ -29,14 +40,13 @@ function ZeroStateComponent_div_0_ng_template_3_Template(rf, ctx) { if (rf & 1)
 function ZeroStateComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3);
     i0.ɵɵpipe(1, "pure");
-    i0.ɵɵtemplate(2, ZeroStateComponent_div_0_ng_container_2_Template, 3, 3, "ng-container", 4)(3, ZeroStateComponent_div_0_ng_template_3_Template, 3, 8, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(2, ZeroStateComponent_div_0_Conditional_2_Template, 3, 1)(3, ZeroStateComponent_div_0_Conditional_3_Template, 2, 3)(4, ZeroStateComponent_div_0_Conditional_4_Template, 3, 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const hint_r2 = i0.ɵɵreference(4);
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.context)("ngStyle", i0.ɵɵpureFunction1(7, _c0, i0.ɵɵpipeBind2(1, 4, ctx_r0.minHeight, ctx_r0.handlePixel)));
+    i0.ɵɵproperty("ngClass", ctx_r0.context)("ngStyle", i0.ɵɵpureFunction1(6, _c0, i0.ɵɵpipeBind2(1, 3, ctx_r0.minHeight, ctx_r0.handlePixel)));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", !(ctx_r0.resourceName || ctx_r0.resourceNameTranslated))("ngIfElse", hint_r2);
+    i0.ɵɵconditional(ctx_r0.customPlaceholder ? 2 : !(ctx_r0.resourceName || ctx_r0.resourceNameTranslated) ? 3 : 4);
 } }
 export class ZeroStateComponent {
     constructor() {
@@ -44,6 +54,7 @@ export class ZeroStateComponent {
         this.fetching = false;
         this.context = 'form';
         this.handlePixel = handlePixel;
+        this.isTemplateRef = isTemplateRef;
     }
     get hiddenState() {
         return !this.zeroState && !this.fetching;
@@ -51,35 +62,39 @@ export class ZeroStateComponent {
     static { this.ɵfac = function ZeroStateComponent_Factory(t) { return new (t || ZeroStateComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ZeroStateComponent, selectors: [["acl-zero-state"]], hostVars: 1, hostBindings: function ZeroStateComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵhostProperty("hidden", ctx.hiddenState);
-        } }, inputs: { resourceName: "resourceName", resourceNameTranslated: "resourceNameTranslated", zeroState: "zeroState", fetching: "fetching", context: "context", minHeight: "minHeight" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [["hint", ""], ["class", "zero-placeholder", 3, "ngClass", "ngStyle", 4, "ngIf"], [1, "zero-placeholder", 3, "loading"], [1, "zero-placeholder", 3, "ngClass", "ngStyle"], [4, "ngIf", "ngIfElse"]], template: function ZeroStateComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ZeroStateComponent_div_0_Template, 5, 9, "div", 1);
+        } }, inputs: { resourceName: "resourceName", resourceNameTranslated: "resourceNameTranslated", customPlaceholder: "customPlaceholder", zeroState: "zeroState", fetching: "fetching", context: "context", minHeight: "minHeight" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [["literal", ""], ["class", "zero-placeholder", 3, "ngClass", "ngStyle", 4, "ngIf"], [1, "zero-placeholder", 3, "loading"], [1, "zero-placeholder", 3, "ngClass", "ngStyle"], [3, "ngTemplateOutlet"]], template: function ZeroStateComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ZeroStateComponent_div_0_Template, 5, 8, "div", 1);
             i0.ɵɵelement(1, "acl-loading-mask", 2);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.zeroState && !ctx.fetching);
             i0.ɵɵadvance();
             i0.ɵɵproperty("loading", ctx.fetching);
         } }, dependencies: [NgClass,
-            NgIf,
             NgStyle,
             PurePipe,
             TranslateModule, i1.TranslatePipe, LoadingMaskComponent,
-            EffectDirectiveModule], styles: ["[_nghost-%COMP%]  .zero-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-placeholder-text));background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}[_nghost-%COMP%]  .zero-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}[_nghost-%COMP%]  .aui-table .aui-table__row+.zero-placeholder{border-top-left-radius:0;border-top-right-radius:0}.zero-placeholder.form[_ngcontent-%COMP%]{border:none;padding:14px 0}"], changeDetection: 0 }); }
+            EffectDirectiveModule,
+            NgTemplateOutlet,
+            NgIf], styles: ["[_nghost-%COMP%]  .zero-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-placeholder-text));background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}[_nghost-%COMP%]  .zero-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}[_nghost-%COMP%]  .aui-table .aui-table__row+.zero-placeholder{border-top-left-radius:0;border-top-right-radius:0}.zero-placeholder.form[_ngcontent-%COMP%]{border:none;padding:14px 0}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ZeroStateComponent, [{
         type: Component,
         args: [{ selector: 'acl-zero-state', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                     NgClass,
-                    NgIf,
                     NgStyle,
                     PurePipe,
                     TranslateModule,
                     LoadingMaskComponent,
                     EffectDirectiveModule,
-                ], standalone: true, template: "<div\n  *ngIf=\"zeroState && !fetching\"\n  class=\"zero-placeholder\"\n  [ngClass]=\"context\"\n  [ngStyle]=\"{\n    minHeight: (minHeight | pure: handlePixel)\n  }\"\n>\n  <ng-container *ngIf=\"!(resourceName || resourceNameTranslated); else hint\">{{\n    'no_data' | translate\n  }}</ng-container>\n  <ng-template #hint>\n    {{\n      'no_named_data_hint'\n        | translate\n          : {\n              name: resourceNameTranslated || (resourceName | translate)\n            }\n    }}\n  </ng-template>\n</div>\n<acl-loading-mask\n  class=\"zero-placeholder\"\n  [loading]=\"fetching\"\n></acl-loading-mask>\n", styles: [":host::ng-deep .zero-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-placeholder-text));background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .zero-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.zero-placeholder{border-top-left-radius:0;border-top-right-radius:0}.zero-placeholder.form{border:none;padding:14px 0}\n"] }]
+                    NgTemplateOutlet,
+                    NgIf,
+                ], standalone: true, template: "<div\n  *ngIf=\"zeroState && !fetching\"\n  class=\"zero-placeholder\"\n  [ngClass]=\"context\"\n  [ngStyle]=\"{\n    minHeight: (minHeight | pure: handlePixel),\n  }\"\n>\n  @if (customPlaceholder) {\n    <ng-container\n      [ngTemplateOutlet]=\"\n        isTemplateRef(customPlaceholder) ? customPlaceholder : literal\n      \"\n    ></ng-container>\n    <ng-template #literal>{{ customPlaceholder }}</ng-template>\n  } @else if (!(resourceName || resourceNameTranslated)) {\n    {{ 'no_data' | translate }}\n  } @else {\n    {{\n      'no_named_data_hint'\n        | translate\n          : {\n              name: resourceNameTranslated || (resourceName | translate),\n            }\n    }}\n  }\n</div>\n<acl-loading-mask\n  class=\"zero-placeholder\"\n  [loading]=\"fetching\"\n></acl-loading-mask>\n", styles: [":host::ng-deep .zero-placeholder{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:15px 10px;min-height:60px;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal);color:rgb(var(--aui-color-placeholder-text));background-color:rgb(var(--aui-color-n-10));border:solid 1px rgb(var(--aui-color-n-8));border-radius:var(--aui-border-radius-l);position:sticky;left:0}:host::ng-deep .zero-placeholder>aui-icon:first-child{margin-right:var(--aui-spacing-m)}:host::ng-deep .aui-table .aui-table__row+.zero-placeholder{border-top-left-radius:0;border-top-right-radius:0}.zero-placeholder.form{border:none;padding:14px 0}\n"] }]
     }], null, { resourceName: [{
             type: Input
         }], resourceNameTranslated: [{
             type: Input
+        }], customPlaceholder: [{
+            type: Input
         }], zeroState: [{
             type: Input
         }], fetching: [{
@@ -93,4 +108,4 @@ export class ZeroStateComponent {
             args: ['hidden']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ZeroStateComponent, { className: "ZeroStateComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVyby1zdGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L3plcm8tc3RhdGUvemVyby1zdGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L3plcm8tc3RhdGUvemVyby1zdGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7Ozs7O0lDSjVFLDZCQUEyRTtJQUFBLFlBRXpFOzs7O0lBRnlFLGNBRXpFO0lBRnlFLHFEQUV6RTs7O0lBRUEsWUFPRjs7Ozs7SUFQRSxtTEFPRjs7O0lBbkJGLDhCQU9DOztJQUlDLEFBSEEsMkZBQTJFLDZHQUd4RDtJQVNyQixpQkFBTTs7OztJQWhCSixBQURBLHdDQUFtQixtR0FHakI7SUFFYSxlQUFpRDtJQUFBLEFBQWpELDhFQUFpRCxxQkFBUzs7QURzQjNFLE1BQU0sT0FBTyxrQkFBa0I7SUFoQi9CO1FBd0JFLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFHakIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixZQUFPLEdBQXFCLE1BQU0sQ0FBQztRQVVuQyxnQkFBVyxHQUFHLFdBQVcsQ0FBQztLQUMzQjtJQU5DLElBQ0ksV0FBVztRQUNiLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUMzQyxDQUFDO21GQXRCVSxrQkFBa0I7b0VBQWxCLGtCQUFrQjtZQUFsQiw0Q0FBa0I7O1lDOUIvQixtRUFPQztZQWNELHNDQUdvQjs7WUF2QmpCLHFEQUE0QjtZQXNCN0IsY0FBb0I7WUFBcEIsc0NBQW9COzRCREhsQixPQUFPO1lBQ1AsSUFBSTtZQUNKLE9BQU87WUFDUCxRQUFRO1lBQ1IsZUFBZSxvQkFDZixvQkFBb0I7WUFDcEIscUJBQXFCOztpRkFJWixrQkFBa0I7Y0FoQjlCLFNBQVM7MkJBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7b0JBQ1AsT0FBTztvQkFDUCxJQUFJO29CQUNKLE9BQU87b0JBQ1AsUUFBUTtvQkFDUixlQUFlO29CQUNmLG9CQUFvQjtvQkFDcEIscUJBQXFCO2lCQUN0QixjQUNXLElBQUk7Z0JBSWhCLFlBQVk7a0JBRFgsS0FBSztZQUlOLHNCQUFzQjtrQkFEckIsS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlOLFFBQVE7a0JBRFAsS0FBSztZQUlOLE9BQU87a0JBRE4sS0FBSztZQUlOLFNBQVM7a0JBRFIsS0FBSztZQUlGLFdBQVc7a0JBRGQsV0FBVzttQkFBQyxRQUFROztrRkFuQlYsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaGFuZGxlUGl4ZWwgfSBmcm9tICdAYWxhdWRhL3VpJztcbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRWZmZWN0RGlyZWN0aXZlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZWZmZWN0LWRpcmVjdGl2ZS9tb2R1bGUnO1xuaW1wb3J0IHsgUHVyZVBpcGUgfSBmcm9tICcuLi8uLi9wdWJsaWMtYXBpJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJy4uLy4uL3RyYW5zbGF0ZS9wdWJsaWMtYXBpJztcbmltcG9ydCB7IExvYWRpbmdNYXNrQ29tcG9uZW50IH0gZnJvbSAnLi4vbG9hZGluZy1tYXNrL2xvYWRpbmctbWFzay5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtemVyby1zdGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi96ZXJvLXN0YXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vemVyby1zdGF0ZS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIE5nQ2xhc3MsXG4gICAgTmdJZixcbiAgICBOZ1N0eWxlLFxuICAgIFB1cmVQaXBlLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBMb2FkaW5nTWFza0NvbXBvbmVudCxcbiAgICBFZmZlY3REaXJlY3RpdmVNb2R1bGUsXG4gIF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIFplcm9TdGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHJlc291cmNlTmFtZTogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHJlc291cmNlTmFtZVRyYW5zbGF0ZWQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICB6ZXJvU3RhdGUgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIGZldGNoaW5nID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgY29udGV4dDogJ2Zvcm0nIHwgJ3RhYmxlJyA9ICdmb3JtJztcblxuICBASW5wdXQoKVxuICBtaW5IZWlnaHQ6IHN0cmluZyB8IG51bWJlcjtcblxuICBASG9zdEJpbmRpbmcoJ2hpZGRlbicpXG4gIGdldCBoaWRkZW5TdGF0ZSgpIHtcbiAgICByZXR1cm4gIXRoaXMuemVyb1N0YXRlICYmICF0aGlzLmZldGNoaW5nO1xuICB9XG5cbiAgaGFuZGxlUGl4ZWwgPSBoYW5kbGVQaXhlbDtcbn1cbiIsIjxkaXZcbiAgKm5nSWY9XCJ6ZXJvU3RhdGUgJiYgIWZldGNoaW5nXCJcbiAgY2xhc3M9XCJ6ZXJvLXBsYWNlaG9sZGVyXCJcbiAgW25nQ2xhc3NdPVwiY29udGV4dFwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICBtaW5IZWlnaHQ6IChtaW5IZWlnaHQgfCBwdXJlOiBoYW5kbGVQaXhlbClcbiAgfVwiXG4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhKHJlc291cmNlTmFtZSB8fCByZXNvdXJjZU5hbWVUcmFuc2xhdGVkKTsgZWxzZSBoaW50XCI+e3tcbiAgICAnbm9fZGF0YScgfCB0cmFuc2xhdGVcbiAgfX08L25nLWNvbnRhaW5lcj5cbiAgPG5nLXRlbXBsYXRlICNoaW50PlxuICAgIHt7XG4gICAgICAnbm9fbmFtZWRfZGF0YV9oaW50J1xuICAgICAgICB8IHRyYW5zbGF0ZVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBuYW1lOiByZXNvdXJjZU5hbWVUcmFuc2xhdGVkIHx8IChyZXNvdXJjZU5hbWUgfCB0cmFuc2xhdGUpXG4gICAgICAgICAgICB9XG4gICAgfX1cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuPGFjbC1sb2FkaW5nLW1hc2tcbiAgY2xhc3M9XCJ6ZXJvLXBsYWNlaG9sZGVyXCJcbiAgW2xvYWRpbmddPVwiZmV0Y2hpbmdcIlxuPjwvYWNsLWxvYWRpbmctbWFzaz5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiemVyby1zdGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L3plcm8tc3RhdGUvemVyby1zdGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvd2lkZ2V0L3plcm8tc3RhdGUvemVyby1zdGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7Ozs7OztJQ0NwRCxZQUF1Qjs7O0lBQXZCLDhDQUF1Qjs7O0lBTDdDLDJCQUlnQjtJQUNoQix3SUFBc0I7Ozs7SUFKcEIseUhBRUM7OztJQUlILFlBQ0Y7OztJQURFLGdFQUNGOzs7SUFDRSxZQU9GOzs7OztJQVBFLG1MQU9GOzs7SUF6QkYsOEJBT0M7O0lBVUcsQUFGQSxBQVBGLHVFQUF5QiwwREFPK0IsMERBRS9DO0lBU1gsaUJBQU07OztJQXRCSixBQURBLHdDQUFtQixtR0FHakI7SUFFRixlQWlCQztJQWpCRCxnSEFpQkM7O0FET0gsTUFBTSxPQUFPLGtCQUFrQjtJQWpCL0I7UUEyQkUsY0FBUyxHQUFHLElBQUksQ0FBQztRQUdqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2pCLFlBQU8sR0FBcUIsTUFBTSxDQUFDO1FBVW5DLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTFCLGtCQUFhLEdBQUcsYUFBYSxDQUFDO0tBQy9CO0lBUkMsSUFDSSxXQUFXO1FBQ2IsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQzNDLENBQUM7bUZBeEJVLGtCQUFrQjtvRUFBbEIsa0JBQWtCO1lBQWxCLDRDQUFrQjs7WUNoQy9CLG1FQU9DO1lBb0JELHNDQUdvQjs7WUE3QmpCLHFEQUE0QjtZQTRCN0IsY0FBb0I7WUFBcEIsc0NBQW9COzRCRFJsQixPQUFPO1lBQ1AsT0FBTztZQUNQLFFBQVE7WUFDUixlQUFlLG9CQUNmLG9CQUFvQjtZQUNwQixxQkFBcUI7WUFDckIsZ0JBQWdCO1lBQ2hCLElBQUk7O2lGQUlLLGtCQUFrQjtjQWpCOUIsU0FBUzsyQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSxXQUN0QztvQkFDUCxPQUFPO29CQUNQLE9BQU87b0JBQ1AsUUFBUTtvQkFDUixlQUFlO29CQUNmLG9CQUFvQjtvQkFDcEIscUJBQXFCO29CQUNyQixnQkFBZ0I7b0JBQ2hCLElBQUk7aUJBQ0wsY0FDVyxJQUFJO2dCQUloQixZQUFZO2tCQURYLEtBQUs7WUFJTixzQkFBc0I7a0JBRHJCLEtBQUs7WUFHRyxpQkFBaUI7a0JBQXpCLEtBQUs7WUFHTixTQUFTO2tCQURSLEtBQUs7WUFJTixRQUFRO2tCQURQLEtBQUs7WUFJTixPQUFPO2tCQUROLEtBQUs7WUFJTixTQUFTO2tCQURSLEtBQUs7WUFJRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsUUFBUTs7a0ZBckJWLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGhhbmRsZVBpeGVsLCBpc1RlbXBsYXRlUmVmIH0gZnJvbSAnQGFsYXVkYS91aSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmLCBOZ1N0eWxlLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBFZmZlY3REaXJlY3RpdmVNb2R1bGUgfSBmcm9tICcuLi8uLi9lZmZlY3QtZGlyZWN0aXZlL21vZHVsZSc7XG5pbXBvcnQgeyBQdXJlUGlwZSB9IGZyb20gJy4uLy4uL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnLi4vLi4vdHJhbnNsYXRlL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgTG9hZGluZ01hc2tDb21wb25lbnQgfSBmcm9tICcuLi9sb2FkaW5nLW1hc2svbG9hZGluZy1tYXNrLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC16ZXJvLXN0YXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3plcm8tc3RhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi96ZXJvLXN0YXRlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTmdDbGFzcyxcbiAgICBOZ1N0eWxlLFxuICAgIFB1cmVQaXBlLFxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcbiAgICBMb2FkaW5nTWFza0NvbXBvbmVudCxcbiAgICBFZmZlY3REaXJlY3RpdmVNb2R1bGUsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBOZ0lmLFxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBaZXJvU3RhdGVDb21wb25lbnQge1xuICBASW5wdXQoKVxuICByZXNvdXJjZU5hbWU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICByZXNvdXJjZU5hbWVUcmFuc2xhdGVkOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgY3VzdG9tUGxhY2Vob2xkZXI6IFRlbXBsYXRlUmVmPHVua25vd24+IHwgc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHplcm9TdGF0ZSA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgZmV0Y2hpbmcgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjb250ZXh0OiAnZm9ybScgfCAndGFibGUnID0gJ2Zvcm0nO1xuXG4gIEBJbnB1dCgpXG4gIG1pbkhlaWdodDogc3RyaW5nIHwgbnVtYmVyO1xuXG4gIEBIb3N0QmluZGluZygnaGlkZGVuJylcbiAgZ2V0IGhpZGRlblN0YXRlKCkge1xuICAgIHJldHVybiAhdGhpcy56ZXJvU3RhdGUgJiYgIXRoaXMuZmV0Y2hpbmc7XG4gIH1cblxuICBoYW5kbGVQaXhlbCA9IGhhbmRsZVBpeGVsO1xuXG4gIGlzVGVtcGxhdGVSZWYgPSBpc1RlbXBsYXRlUmVmO1xufVxuIiwiPGRpdlxuICAqbmdJZj1cInplcm9TdGF0ZSAmJiAhZmV0Y2hpbmdcIlxuICBjbGFzcz1cInplcm8tcGxhY2Vob2xkZXJcIlxuICBbbmdDbGFzc109XCJjb250ZXh0XCJcbiAgW25nU3R5bGVdPVwie1xuICAgIG1pbkhlaWdodDogKG1pbkhlaWdodCB8IHB1cmU6IGhhbmRsZVBpeGVsKSxcbiAgfVwiXG4+XG4gIEBpZiAoY3VzdG9tUGxhY2Vob2xkZXIpIHtcbiAgICA8bmctY29udGFpbmVyXG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJcbiAgICAgICAgaXNUZW1wbGF0ZVJlZihjdXN0b21QbGFjZWhvbGRlcikgPyBjdXN0b21QbGFjZWhvbGRlciA6IGxpdGVyYWxcbiAgICAgIFwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbGl0ZXJhbD57eyBjdXN0b21QbGFjZWhvbGRlciB9fTwvbmctdGVtcGxhdGU+XG4gIH0gQGVsc2UgaWYgKCEocmVzb3VyY2VOYW1lIHx8IHJlc291cmNlTmFtZVRyYW5zbGF0ZWQpKSB7XG4gICAge3sgJ25vX2RhdGEnIHwgdHJhbnNsYXRlIH19XG4gIH0gQGVsc2Uge1xuICAgIHt7XG4gICAgICAnbm9fbmFtZWRfZGF0YV9oaW50J1xuICAgICAgICB8IHRyYW5zbGF0ZVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBuYW1lOiByZXNvdXJjZU5hbWVUcmFuc2xhdGVkIHx8IChyZXNvdXJjZU5hbWUgfCB0cmFuc2xhdGUpLFxuICAgICAgICAgICAgfVxuICAgIH19XG4gIH1cbjwvZGl2PlxuPGFjbC1sb2FkaW5nLW1hc2tcbiAgY2xhc3M9XCJ6ZXJvLXBsYWNlaG9sZGVyXCJcbiAgW2xvYWRpbmddPVwiZmV0Y2hpbmdcIlxuPjwvYWNsLWxvYWRpbmctbWFzaz5cbiJdfQ==

package/exec/terminal/component.d.ts

@@ -5,7 +5,6 @@ import { Terminal } from 'xterm';
 import { CanvasAddon } from 'xterm-addon-canvas';
 import { WebglAddon } from 'xterm-addon-webgl';
 import { ApiGatewayService } from '../../api/public-api';
-import { AuthorizationStateService } from '../../authorization/public-api';
 import { K8sPermissionService } from '../../permission/k8s-permission.service';
 import { TranslateService } from '../../translate/public-api';
 import { ConnectionStatus } from '../constants';
@@ -28,7 +27,6 @@ export declare function initRendererAddon(): WebglAddon | CanvasAddon;
  */
 export declare class TerminalComponent implements OnChanges, OnDestroy, OnInit {
     private readonly apiGateway;
-    private readonly authState;
     private readonly notification;
     private readonly translate;
     private readonly cdr;
@@ -63,7 +61,7 @@ export declare class TerminalComponent implements OnChanges, OnDestroy, OnInit {
     shouldFallBackOnClose: boolean;
     get themeClass(): string;
     get showLoading(): boolean;
-    constructor(apiGateway: ApiGatewayService, authState: AuthorizationStateService, notification: NotificationService, translate: TranslateService, cdr: ChangeDetectorRef, k8sPermission: K8sPermissionService, globalNamespace: string);
+    constructor(apiGateway: ApiGatewayService, notification: NotificationService, translate: TranslateService, cdr: ChangeDetectorRef, k8sPermission: K8sPermissionService, globalNamespace: string);
     ngOnInit(): void;
     ngOnChanges({ option }: SimpleChanges): void;
     ngOnDestroy(): void;

package/k8s-resource-list/footer/component.d.ts

@@ -14,6 +14,12 @@ export declare class K8sListFooterNoDataDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<K8sListFooterNoDataDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<K8sListFooterNoDataDirective, "[aclK8sListFooterNoData]", never, {}, {}, never, never, false, never>;
 }
+export declare class K8sListFooterLoadingErrorDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<K8sListFooterLoadingErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<K8sListFooterLoadingErrorDirective, "[aclK8sListFooterLoadingError]", never, {}, {}, never, never, false, never>;
+}
 export declare class K8SResourceListFooterComponent extends ScrollBorderObserverDirective implements OnInit, OnDestroy {
     private readonly translate;
     list: StreamListLoader<KubernetesResourceList, KubernetesResource>;
@@ -26,6 +32,7 @@ export declare class K8SResourceListFooterComponent extends ScrollBorderObserver
     resourceName: string;
     resourceName$: Observable<string>;
     noDataTemplate: TemplateRef<any>;
+    loadingErrorTemplate: TemplateRef<any>;
     isEmptyList$: Observable<boolean>;
     noDataHint$: Observable<string>;
     loadingErrorCode$: Observable<number>;
@@ -34,5 +41,5 @@ export declare class K8SResourceListFooterComponent extends ScrollBorderObserver
     ngOnInit(): void;
     retry(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<K8SResourceListFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<K8SResourceListFooterComponent, "acl-k8s-resource-list-footer", never, { "list": { "alias": "list"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "backTop": { "alias": "backTop"; "required": false; }; "bottomDistance": { "alias": "bottomDistance"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "firstScrollLoad": { "alias": "firstScrollLoad"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; }, {}, ["noDataTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<K8SResourceListFooterComponent, "acl-k8s-resource-list-footer", never, { "list": { "alias": "list"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "backTop": { "alias": "backTop"; "required": false; }; "bottomDistance": { "alias": "bottomDistance"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "firstScrollLoad": { "alias": "firstScrollLoad"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; }, {}, ["noDataTemplate", "loadingErrorTemplate"], never, false, never>;
 }

package/k8s-resource-list/k8s-resource-list.module.d.ts

@@ -5,6 +5,6 @@ import * as i3 from "@alauda/ui";
 import * as i4 from "../translate/translate.module";
 export declare class K8SResourceListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<K8SResourceListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<K8SResourceListModule, [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i3.IconModule, typeof i3.BackTopModule, typeof i4.TranslateModule], [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<K8SResourceListModule, [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective, typeof i1.K8sListFooterLoadingErrorDirective], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i3.IconModule, typeof i3.BackTopModule, typeof i4.TranslateModule], [typeof i1.K8SResourceListFooterComponent, typeof i1.K8sListFooterNoDataDirective, typeof i1.K8sListFooterLoadingErrorDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<K8SResourceListModule>;
 }

package/multi-search/types.d.ts

@@ -27,6 +27,7 @@ export interface SearchTagConfig {
 }
 export interface MultiSearchOption {
     label?: string;
+    tagLabel?: string;
     value: string;
     group?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda-fe/common",
-  "version": "1.3.1",
+  "version": "1.4.1",
   "description": "Alauda frontend team common codes.",
   "author": "Alauda Frontend",
   "license": "MIT",

package/page-scaffold/page-header/common-layout/product-select/component.d.ts

@@ -1,6 +1,5 @@
 import { OnInit } from '@angular/core';
 import { Router } from '@angular/router';
-import { AuthorizationStateService } from '../../../../authorization/public-api';
 import { StringMap, ProductEntry } from '../../../../core/public-api';
 import { K8sPermissionService } from '../../../../permission/k8s-permission.service';
 import { ProductEntryName } from '../context.service';
@@ -13,7 +12,6 @@ export declare class ProductSelectComponent implements OnInit {
     private readonly router;
     private readonly k8sPermission;
     private readonly productSelectService;
-    private readonly authState;
     platformPath: string;
     current?: ProductEntryName;
     title?: string;
@@ -23,7 +21,7 @@ export declare class ProductSelectComponent implements OnInit {
     portalProduct$: import("rxjs").Observable<ProductEntry>;
     disabled$: import("rxjs").Observable<boolean>;
     isPortal: boolean;
-    constructor(store: CommonLayoutStoreService, router: Router, k8sPermission: K8sPermissionService, productSelectService: ProductSelectService, authState: AuthorizationStateService);
+    constructor(store: CommonLayoutStoreService, router: Router, k8sPermission: K8sPermissionService, productSelectService: ProductSelectService);
     ngOnInit(): void;
     jump(entrypoint: string, ssoEnabled: boolean, target?: string): void;
     navigateToPortal(event: MouseEvent): void;

package/pie-derivative-chart/radial-bar/radial-bar-chart.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnChanges } from '@angular/core';
+import { NumericalLimitPipe } from '../numerical-limit.pipe';
 import * as i0 from "@angular/core";
 interface NodeFractionArc {
     backgroundArcPath: any;
@@ -12,6 +13,7 @@ interface NodeFractionArc {
     hideIndicator?: boolean;
 }
 export declare class RadialBarChartComponent implements OnChanges {
+    private numericalLimitPipe;
     limitsFraction: number;
     requestsFraction: number;
     capacity: number;
@@ -42,6 +44,7 @@ export declare class RadialBarChartComponent implements OnChanges {
     get outerRadius(): number;
     get innerRadius(): number;
     arcTrackByFn(index: number): number;
+    constructor(numericalLimitPipe: NumericalLimitPipe);
     private getArcs;
     getArc: (level: number, fraction: number, label: string, opacity: number, value: string, hideIndicator?: boolean, color?: string) => NodeFractionArc;
     handelData(): NodeFractionArc[];
@@ -49,6 +52,7 @@ export declare class RadialBarChartComponent implements OnChanges {
     onRefresh(): void;
     private getFractionArcPath;
     private getTextCoord;
+    getLabelDx: (x: number, text: number, index: number) => number;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadialBarChartComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadialBarChartComponent, "acl-radial-bar-chart", never, { "limitsFraction": { "alias": "limitsFraction"; "required": false; }; "requestsFraction": { "alias": "requestsFraction"; "required": false; }; "capacity": { "alias": "capacity"; "required": false; }; "data": { "alias": "data"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "usage": { "alias": "usage"; "required": false; }; "request": { "alias": "request"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "failed": { "alias": "failed"; "required": false; }; }, { "refresh": "refresh"; }, never, never, false, never>;
 }

package/pie-derivative-chart/units.d.ts

@@ -0,0 +1,2 @@
+export declare function getCanvasContext(): CanvasRenderingContext2D;
+export declare function measureText(text: string, fontSize?: number): TextMetrics;

package/pod-status/component.d.ts

@@ -3,8 +3,6 @@ import { getPodAggregatedStatus, getPodStatus } from './status';
 import * as i0 from "@angular/core";
 export declare class PodStatusComponent {
     pod: Pod;
-    showNativeStatus: boolean;
-    showNativeStatusWrap: boolean;
     disableMessageOverview: boolean;
     getReadyContainer(pod: Pod): {
         ready: number;
@@ -23,5 +21,5 @@ export declare class PodStatusComponent {
         error: import("../core/public-api").GenericStatusIcon;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<PodStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PodStatusComponent, "acl-pod-status", never, { "pod": { "alias": "pod"; "required": false; }; "showNativeStatus": { "alias": "showNativeStatus"; "required": false; }; "showNativeStatusWrap": { "alias": "showNativeStatusWrap"; "required": false; }; "disableMessageOverview": { "alias": "disableMessageOverview"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PodStatusComponent, "acl-pod-status", never, { "pod": { "alias": "pod"; "required": false; }; "disableMessageOverview": { "alias": "disableMessageOverview"; "required": false; }; }, {}, never, never, true, never>;
 }

package/public-api.d.ts

@@ -42,3 +42,4 @@ export * from './k8s-shared/public-api';
 export * from './list-display/public-api';
 export * from './pod-status/public-api';
 export * from './workload-status-icon/public-api';
+export * from './editable/public-api';

package/styles/global.scss

@@ -646,6 +646,7 @@ aui-form-item {
     &__name {
       display: flex;
       align-items: center;
+      width: fit-content;
       max-width: 100%;
 
       > {

package/styles/tailwind-preset.scss

@@ -1 +1 @@
-/*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!tw-visible{visibility:visible!important}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-left-0{left:0}.tw-right-\[12px\]{right:12px}.tw-right-\[16px\]{right:16px}.tw-top-0{top:0}.tw-top-\[12px\]{top:12px}.tw-z-10{z-index:10}.tw-mx-8{margin-left:8px;margin-right:8px}.tw-my-16{margin-bottom:16px;margin-top:16px}.\!tw-ml-0{margin-left:0!important}.\!tw-mr-8{margin-right:8px!important}.\!tw-mt-16{margin-top:16px!important}.tw-mb-12{margin-bottom:12px}.tw-mb-16{margin-bottom:16px}.tw-mb-20{margin-bottom:20px}.tw-mb-4{margin-bottom:4px}.tw-mb-8{margin-bottom:8px}.tw-ml-12{margin-left:12px}.tw-ml-16{margin-left:16px}.tw-ml-20{margin-left:20px}.tw-ml-24{margin-left:24px}.tw-ml-32{margin-left:32px}.tw-ml-6{margin-left:6px}.tw-ml-8{margin-left:8px}.tw-ml-\[-4px\]{margin-left:-4px}.tw-ml-\[4px\]{margin-left:4px}.tw-mr-0{margin-right:0}.tw-mr-16{margin-right:16px}.tw-mr-4{margin-right:4px}.tw-mr-6{margin-right:6px}.tw-mr-8{margin-right:8px}.tw-mr-\[4px\]{margin-right:4px}.tw-mt-0{margin-top:0}.tw-mt-16{margin-top:16px}.tw-mt-20{margin-top:20px}.tw-mt-8{margin-top:8px}.tw-line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.tw-block{display:block}.\!tw-flex{display:flex!important}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-hidden{display:none}.\!tw-h-\[20px\]{height:20px!important}.tw-h-0{height:0}.tw-h-1\/2{height:50%}.tw-h-\[100\%\]{height:100%}.tw-h-\[100vh\]{height:100vh}.tw-h-\[200px\]{height:200px}.tw-h-\[22px\]{height:22px}.tw-h-\[600px\]{height:600px}.tw-h-full{height:100%}.tw-min-h-0{min-height:0}.tw-min-h-\[360px\]{min-height:360px}.tw-min-h-screen{min-height:100vh}.\!tw-w-\[20px\]{width:20px!important}.tw-w-\[100\%\]{width:100%}.tw-w-\[135px\]{width:135px}.tw-w-\[150px\]{width:150px}.tw-w-\[160px\]{width:160px}.tw-w-\[200px\]{width:200px}.tw-w-\[260px\]{width:260px}.tw-w-\[950px\]{width:950px}.tw-w-full{width:100%}.tw-min-w-0{min-width:0}.tw-min-w-\[100px\]{min-width:100px}.tw-min-w-\[135px\]{min-width:135px}.tw-min-w-\[160px\]{min-width:160px}.tw-min-w-\[220px\]{min-width:220px}.tw-min-w-\[260px\]{min-width:260px}.tw-max-w-\[400px\]{max-width:400px}.tw-max-w-\[45\%\]{max-width:45%}.tw-flex-1{flex:1 1 0%}.tw-flex-\[1\]{flex:1}.tw-flex-\[2\]{flex:2}.tw-flex-shrink-0{flex-shrink:0}.\!tw-cursor-move{cursor:move!important}.tw-cursor-move{cursor:move}.tw-cursor-pointer{cursor:pointer}.tw-select-none{user-select:none}.tw-list-disc{list-style-type:disc}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-space-y-\[8px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(8px*var(--tw-space-y-reverse));margin-top:calc(8px*(1 - var(--tw-space-y-reverse)))}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-overflow-ellipsis,.tw-text-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-break-words{overflow-wrap:break-word}.tw-break-all{word-break:break-all}.tw-rounded-l{border-radius:var(--aui-border-radius-l);border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.tw-bg-n-10{background-color:rgb(var(--aui-color-n-10))}.tw-bg-n-8{background-color:rgb(var(--aui-color-n-8))}.tw-bg-n-9{background-color:rgb(var(--aui-color-n-9))}.tw-bg-p-6{background-color:rgb(var(--aui-color-p-6))}.tw-p-12{padding:12px}.tw-p-16{padding:16px}.tw-p-20{padding:20px}.tw-p-\[12px_16px\]{padding:12px 16px}.tw-px-12{padding-left:12px;padding-right:12px}.tw-px-16{padding-left:16px;padding-right:16px}.tw-px-4{padding-left:4px;padding-right:4px}.tw-py-8{padding-bottom:8px;padding-top:8px}.tw-pl-8{padding-left:8px}.tw-pr-16{padding-right:16px}.tw-pr-20{padding-right:20px}.tw-text-center{text-align:center}.\!tw-text-s{font-size:var(--aui-font-size-s)!important}.tw-text-\[12px\]{font-size:12px}.tw-text-l{font-size:var(--aui-font-size-l)}.tw-text-m{font-size:var(--aui-font-size-m)}.tw-text-s{font-size:var(--aui-font-size-s)}.tw-text-xl{font-size:var(--aui-font-size-xl)}.tw-font-bold{font-weight:var(--aui-font-weight-bold)}.tw-font-bolder{font-weight:var(--aui-font-weight-bolder)}.tw-font-normal{font-weight:var(--aui-font-weight-normal)}.tw-leading-m{line-height:var(--aui-line-height-m)}.\!tw-text-n-2{color:rgb(var(--aui-color-n-2))!important}.tw-text-help-text{color:rgb(var(--aui-color-help-text))}.tw-text-main-text{color:rgb(var(--aui-color-main-text))}.tw-text-n-1{color:rgb(var(--aui-color-n-1))}.tw-text-n-2{color:rgb(var(--aui-color-n-2))}.tw-text-n-4{color:rgb(var(--aui-color-n-4))}.tw-text-p-2{color:rgb(var(--aui-color-p-2))}.tw-text-primary{color:rgb(var(--aui-color-primary))}.tw-text-red{color:rgb(var(--aui-color-red))}.tw-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-icon-l{font-size:var(--aui-icon-size-l)}.tw-icon-m{font-size:var(--aui-icon-size-m)}.tw-leading-text-xl{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.tw-question{color:rgb(var(--aui-color-n-4));cursor:pointer}.tw-question:hover{color:rgb(var(--aui-color-primary))}.tw-required-mark:before{--tw-text-opacity:1;--tw-content:"*";color:rgb(235 98 98/var(--tw-text-opacity));content:var(--tw-content);margin-right:var(--aui-spacing-s)}.tw-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:\!tw-text-primary:hover{color:rgb(var(--aui-color-primary))!important}.hover\:tw-text-primary:hover{color:rgb(var(--aui-color-primary))}html:not([lang|=zh]) .lang-not-zh\:\!tw-w-\[230px\]{width:230px!important}@media (min-width:1280px){.vw1280\:tw-ml-\[40px\]{margin-left:40px}.vw1280\:tw-mr-20{margin-right:20px}}
+/*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!tw-visible{visibility:visible!important}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-left-0{left:0}.tw-right-\[12px\]{right:12px}.tw-right-\[16px\]{right:16px}.tw-top-0{top:0}.tw-top-\[12px\]{top:12px}.tw-z-10{z-index:10}.tw-mx-8{margin-left:8px;margin-right:8px}.tw-my-16{margin-bottom:16px;margin-top:16px}.\!tw-ml-0{margin-left:0!important}.\!tw-mr-8{margin-right:8px!important}.\!tw-mt-16{margin-top:16px!important}.tw-mb-12{margin-bottom:12px}.tw-mb-16{margin-bottom:16px}.tw-mb-20{margin-bottom:20px}.tw-mb-4{margin-bottom:4px}.tw-mb-8{margin-bottom:8px}.tw-ml-12{margin-left:12px}.tw-ml-16{margin-left:16px}.tw-ml-20{margin-left:20px}.tw-ml-24{margin-left:24px}.tw-ml-32{margin-left:32px}.tw-ml-6{margin-left:6px}.tw-ml-8{margin-left:8px}.tw-ml-\[-4px\]{margin-left:-4px}.tw-ml-\[4px\]{margin-left:4px}.tw-mr-0{margin-right:0}.tw-mr-16{margin-right:16px}.tw-mr-4{margin-right:4px}.tw-mr-6{margin-right:6px}.tw-mr-8{margin-right:8px}.tw-mr-\[4px\]{margin-right:4px}.tw-mt-0{margin-top:0}.tw-mt-16{margin-top:16px}.tw-mt-20{margin-top:20px}.tw-mt-8{margin-top:8px}.tw-line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.tw-block{display:block}.\!tw-flex{display:flex!important}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-hidden{display:none}.\!tw-h-\[20px\]{height:20px!important}.tw-h-0{height:0}.tw-h-1\/2{height:50%}.tw-h-\[100\%\]{height:100%}.tw-h-\[100vh\]{height:100vh}.tw-h-\[200px\]{height:200px}.tw-h-\[22px\]{height:22px}.tw-h-\[600px\]{height:600px}.tw-h-\[8px\]{height:8px}.tw-h-full{height:100%}.tw-min-h-0{min-height:0}.tw-min-h-\[360px\]{min-height:360px}.tw-min-h-screen{min-height:100vh}.\!tw-w-\[20px\]{width:20px!important}.tw-w-\[100\%\]{width:100%}.tw-w-\[135px\]{width:135px}.tw-w-\[150px\]{width:150px}.tw-w-\[160px\]{width:160px}.tw-w-\[200px\]{width:200px}.tw-w-\[260px\]{width:260px}.tw-w-\[950px\]{width:950px}.tw-w-full{width:100%}.tw-min-w-0{min-width:0}.tw-min-w-\[100px\]{min-width:100px}.tw-min-w-\[135px\]{min-width:135px}.tw-min-w-\[160px\]{min-width:160px}.tw-min-w-\[220px\]{min-width:220px}.tw-min-w-\[260px\]{min-width:260px}.tw-min-w-\[50px\]{min-width:50px}.tw-max-w-\[400px\]{max-width:400px}.tw-max-w-\[45\%\]{max-width:45%}.tw-flex-1{flex:1 1 0%}.tw-flex-\[1\]{flex:1}.tw-flex-\[2\]{flex:2}.tw-flex-shrink-0{flex-shrink:0}.\!tw-cursor-move{cursor:move!important}.tw-cursor-move{cursor:move}.tw-cursor-pointer{cursor:pointer}.tw-select-none{user-select:none}.tw-list-disc{list-style-type:disc}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-space-y-\[8px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(8px*var(--tw-space-y-reverse));margin-top:calc(8px*(1 - var(--tw-space-y-reverse)))}.tw-overflow-auto{overflow:auto}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-overflow-ellipsis,.tw-text-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-break-words{overflow-wrap:break-word}.tw-break-all{word-break:break-all}.tw-rounded-l{border-radius:var(--aui-border-radius-l);border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.tw-bg-n-10{background-color:rgb(var(--aui-color-n-10))}.tw-bg-n-8{background-color:rgb(var(--aui-color-n-8))}.tw-bg-n-9{background-color:rgb(var(--aui-color-n-9))}.tw-bg-p-6{background-color:rgb(var(--aui-color-p-6))}.tw-p-12{padding:12px}.tw-p-16{padding:16px}.tw-p-20{padding:20px}.tw-p-\[12px_16px\]{padding:12px 16px}.tw-px-12{padding-left:12px;padding-right:12px}.tw-px-16{padding-left:16px;padding-right:16px}.tw-px-4{padding-left:4px;padding-right:4px}.tw-py-8{padding-bottom:8px;padding-top:8px}.tw-pl-8{padding-left:8px}.tw-pr-16{padding-right:16px}.tw-pr-20{padding-right:20px}.tw-text-center{text-align:center}.\!tw-text-s{font-size:var(--aui-font-size-s)!important}.tw-text-\[12px\]{font-size:12px}.tw-text-l{font-size:var(--aui-font-size-l)}.tw-text-m{font-size:var(--aui-font-size-m)}.tw-text-s{font-size:var(--aui-font-size-s)}.tw-font-bold{font-weight:var(--aui-font-weight-bold)}.tw-font-bolder{font-weight:var(--aui-font-weight-bolder)}.tw-leading-m{line-height:var(--aui-line-height-m)}.\!tw-text-n-2{color:rgb(var(--aui-color-n-2))!important}.tw-text-help-text{color:rgb(var(--aui-color-help-text))}.tw-text-main-text{color:rgb(var(--aui-color-main-text))}.tw-text-n-2{color:rgb(var(--aui-color-n-2))}.tw-text-n-4{color:rgb(var(--aui-color-n-4))}.tw-text-p-2{color:rgb(var(--aui-color-p-2))}.tw-text-primary{color:rgb(var(--aui-color-primary))}.tw-text-red{color:rgb(var(--aui-color-red))}.tw-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-icon-l{font-size:var(--aui-icon-size-l)}.tw-icon-m{font-size:var(--aui-icon-size-m)}.tw-leading-text-xl{font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl)}.tw-question{color:rgb(var(--aui-color-n-4));cursor:pointer}.tw-question:hover{color:rgb(var(--aui-color-primary))}.tw-required-mark:before{--tw-text-opacity:1;--tw-content:"*";color:rgb(235 98 98/var(--tw-text-opacity));content:var(--tw-content);margin-right:var(--aui-spacing-s)}.tw-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:\!tw-text-primary:hover{color:rgb(var(--aui-color-primary))!important}.hover\:tw-text-primary:hover{color:rgb(var(--aui-color-primary))}html:not([lang|=zh]) .lang-not-zh\:\!tw-w-\[230px\]{width:230px!important}@media (min-width:1280px){.vw1280\:tw-ml-\[40px\]{margin-left:40px}.vw1280\:tw-mr-20{margin-right:20px}}

package/table/component.d.ts

@@ -1,5 +1,5 @@
 import { Sort } from '@alauda/ui';
-import { EventEmitter, QueryList, TrackByFunction } from '@angular/core';
+import { EventEmitter, QueryList, TemplateRef, TrackByFunction } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { K8sResourceAction, KubernetesResourceList } from '../core/types/k8s/public-api';
@@ -31,6 +31,7 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     filterFn$: Observable<TableFilterFn<Item, Context>>;
     trackBy: TrackByFunction<Item>;
     noDataHint: string;
+    loadingErrorTemplate: TemplateRef<any>;
     enablePagination: boolean;
     pageSize: number;
     pageSizeOptions: number[];
@@ -72,7 +73,7 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     normalizeColumnDefSort(column: TableColumnDef<Item, Context>): TableColumnDef<Item, Context, object, string, string | number>;
     onSortChange($event: Sort): void;
     normalizeActionColumnDef(column: TableColumnDef<Item, Context>): NormalizedTableColumnDef<Item, Context>;
-    getColumnTemplate(column: string): import("@angular/core").TemplateRef<{
+    getColumnTemplate(column: string): TemplateRef<{
         $implicit: Item;
         index: number;
         even: boolean;
@@ -83,5 +84,5 @@ export declare class TableComponent<Item extends object, Context = TableUtilServ
     onUpdate(data: Item, columnDef: TableColumnDef<Item, Context>): void;
     getValue<T, F extends (...args: unknown[]) => T>(functionOrValue: T | F, ...args: Parameters<F>): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "acl-table", never, { "list": { "alias": "list"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "filterParams": { "alias": "filterParams"; "required": false; }; "context": { "alias": "context"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "noDataHint": { "alias": "noDataHint"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "paginationLayout": { "alias": "paginationLayout"; "required": false; }; "firstScrollLoad": { "alias": "firstScrollLoad"; "required": false; }; }, { "update": "update"; "delete": "delete"; "sortChange": "sortChange"; }, ["tableCellDefs"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "acl-table", never, { "list": { "alias": "list"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "filterParams": { "alias": "filterParams"; "required": false; }; "context": { "alias": "context"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "noDataHint": { "alias": "noDataHint"; "required": false; }; "loadingErrorTemplate": { "alias": "loadingErrorTemplate"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "paginationLayout": { "alias": "paginationLayout"; "required": false; }; "firstScrollLoad": { "alias": "firstScrollLoad"; "required": false; }; }, { "update": "update"; "delete": "delete"; "sortChange": "sortChange"; }, ["tableCellDefs"], never, false, never>;
 }

package/widget/public-api.d.ts

@@ -18,6 +18,7 @@ export * from './tags-label/component';
 export * from './status-icon/status-icon.component';
 export * from './text-ellipsis/component';
 export * from './password-input/component';
+export { ResourceLabelComponent } from './resource-label/component';
 export { ResourceMultiSelectComponent } from './resource-multi-select/component';
 export { isSelectAll, ALL_VALUE, checkValueExit, } from './resource-multi-select/util';
 export { SearchItemComponent } from './search-panel/search-item/component';

package/widget/resource-label/component.d.ts

@@ -0,0 +1,25 @@
+import { TranslateService } from '../../translate/public-api';
+import * as i0 from "@angular/core";
+type ResourceType = 'cpu' | 'memory';
+interface ResourceInfo {
+    icon: string;
+    formatter: (rawData: number | string, locale?: string) => string;
+}
+export declare class ResourceLabelComponent {
+    readonly translate: TranslateService;
+    rawValue: string | number;
+    default: string;
+    type: ResourceType;
+    noIcon: boolean;
+    get formattedDefault(): string;
+    labelIconMapper: Record<ResourceType, ResourceInfo>;
+    constructor(translate: TranslateService);
+    formatCPU(rawData: number | string): string;
+    formatMemory(rawData: number | string): string;
+    private getResourceUnit;
+    private formatCpuUnit;
+    private formatMemoryUnit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResourceLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResourceLabelComponent, "acl-resource-label", never, { "rawValue": { "alias": "rawValue"; "required": false; }; "default": { "alias": "default"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/widget/zero-state/zero-state.component.d.ts

@@ -1,13 +1,16 @@
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ZeroStateComponent {
     resourceName: string;
     resourceNameTranslated: string;
+    customPlaceholder: TemplateRef<unknown> | string;
     zeroState: boolean;
     fetching: boolean;
     context: 'form' | 'table';
     minHeight: string | number;
     get hiddenState(): boolean;
     handlePixel: (value: number | string) => string;
+    isTemplateRef: (label: any) => label is TemplateRef<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ZeroStateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ZeroStateComponent, "acl-zero-state", never, { "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "zeroState": { "alias": "zeroState"; "required": false; }; "fetching": { "alias": "fetching"; "required": false; }; "context": { "alias": "context"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ZeroStateComponent, "acl-zero-state", never, { "resourceName": { "alias": "resourceName"; "required": false; }; "resourceNameTranslated": { "alias": "resourceNameTranslated"; "required": false; }; "customPlaceholder": { "alias": "customPlaceholder"; "required": false; }; "zeroState": { "alias": "zeroState"; "required": false; }; "fetching": { "alias": "fetching"; "required": false; }; "context": { "alias": "context"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; }, {}, never, never, true, never>;
 }