@kumori/aurora-wui-components 0.0.269-dev4124.12 → 0.0.269-dev4124.13

package/dist/components/axebow-deploy-summary/axebow-deploy-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-deploy-summary.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-deploy-summary/axebow-deploy-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,yBAAyB,EAEzB,8BAA8B,EAE/B,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAyBX;IAE0B,YAAY,SAAM;IACjB,kBAAkB,UAAS;IAC5B,aAAa,SAAM;IAEf,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAE7C,cAAc,CAAC,EAAE,+BAA+B,CAAC;IACjD,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAE/E,iGAAiG;IACrE,WAAW,SAAK;IAE5C,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAUnD,OAAO,CAAC,eAAe;IAcvB,MAAM;IA4BN,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IA2B7B,yEAAyE;IACzE,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,yBAAyB;IAwCjC,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;IAyC3B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,wBAAwB;IAsChC,OAAO,CAAC,qBAAqB;CAG9B"}
+{"version":3,"file":"axebow-deploy-summary.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-deploy-summary/axebow-deploy-summary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EACV,iBAAiB,EACjB,2BAA2B,EAC3B,+BAA+B,EAC/B,0BAA0B,EAC1B,wBAAwB,EACxB,yBAAyB,EAEzB,8BAA8B,EAE/B,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAyBX;IAE0B,YAAY,SAAM;IACjB,kBAAkB,UAAS;IAC5B,aAAa,SAAM;IAEf,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAE7C,cAAc,CAAC,EAAE,+BAA+B,CAAC;IACjD,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,aAAa,CAAC,EAAE,8BAA8B,CAAC;IAE/E,iGAAiG;IACrE,WAAW,SAAK;IAE5C,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAUnD,OAAO,CAAC,eAAe;IAcvB,MAAM;IA4BN,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IA2C7B,yEAAyE;IACzE,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,yBAAyB;IAwCjC,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,kBAAkB;IAuB1B,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,mBAAmB;IAyC3B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,wBAAwB;IAsChC,OAAO,CAAC,qBAAqB;CAG9B"}

package/dist/components/axebow-summary/axebow-resource-bar.d.ts

@@ -7,6 +7,15 @@ export declare class AxebowResourceBar extends LitElement {
     limit: number;
     percentage: number;
     rotate: string;
+    iconSize: string;
+    iconBoxSize?: string;
+    fixedWidth?: string;
+    fixedHeight?: string;
+    valuesWidth?: string;
+    valuesHeight?: string;
+    barWidth?: string;
+    barHeight?: string;
+    private _renderIcon;
     render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=axebow-resource-bar.d.ts.map

package/dist/components/axebow-summary/axebow-resource-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-resource-bar.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-resource-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAAyC;IAE1B,IAAI,SAAM;IACV,KAAK,SAAM;IACX,OAAO,SAAK;IACZ,KAAK,SAAK;IACV,UAAU,SAAK;IACf,MAAM,SAAO;IAEzC,MAAM;CA6BP"}
+{"version":3,"file":"axebow-resource-bar.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-resource-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAQX;IAE0B,IAAI,SAAM;IACV,KAAK,SAAM;IACX,OAAO,SAAK;IACZ,KAAK,SAAK;IACV,UAAU,SAAK;IACf,MAAM,SAAO;IAEb,QAAQ,SAAQ;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,OAAO,CAAC,WAAW;IAsBnB,MAAM;CAqCP"}

package/dist/index.js

@@ -9928,6 +9928,14 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
             .current=${limits.cpu.current}
             .limit=${limits.cpu.limit}
             .percentage=${limits.cpu.percentage}
+            iconSize="base"
+            iconBoxSize="0.875rem"
+            fixedWidth="20.875rem"
+            fixedHeight="1.75rem"
+            valuesWidth="14.1875rem"
+            valuesHeight="1rem"
+            barWidth="8.75rem"
+            barHeight="0.6875rem"
           ></axebow-resource-bar>
           <axebow-resource-bar
             icon="${limits.memory.icon}"
@@ -9936,6 +9944,14 @@ var AxebowDeploySummary = class AxebowDeploySummary extends LitElement {
             .limit=${limits.memory.limit}
             .percentage=${limits.memory.percentage}
             rotate="${limits.memory.rotate ?? "0"}"
+            iconSize="base"
+            iconBoxSize="0.875rem"
+            fixedWidth="20.875rem"
+            fixedHeight="1.75rem"
+            valuesWidth="14.1875rem"
+            valuesHeight="1rem"
+            barWidth="8.75rem"
+            barHeight="0.6875rem"
           ></axebow-resource-bar>
         </div>
       </div>
@@ -10211,25 +10227,56 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
 		this.limit = 0;
 		this.percentage = 0;
 		this.rotate = "0";
+		this.iconSize = "xl";
 	}
 	static {
-		this.styles = [unsafeCSS(tailwind_default), axebowTheme];
+		this.styles = [
+			unsafeCSS(tailwind_default),
+			axebowTheme,
+			css`
+      :host {
+        display: block;
+      }
+    `
+		];
+	}
+	_renderIcon() {
+		const icon = html`
+      <axebow-icon
+        iconName="${this.icon}"
+        iconColor="var(--axebow-strong-gray)"
+        size="${this.iconSize}"
+        rotate="${Number(this.rotate)}"
+      ></axebow-icon>
+    `;
+		return this.iconBoxSize ? html`
+          <div
+            class="flex items-center justify-center shrink-0"
+            style="width:${this.iconBoxSize};height:${this.iconBoxSize};"
+          >
+            ${icon}
+          </div>
+        ` : icon;
 	}
 	render() {
 		return html`
-      <div class="flex justify-between items-center gap-2 flex-wrap">
+      <div
+        class="flex justify-between items-center gap-2 ${this.fixedWidth || this.fixedHeight ? "" : "flex-wrap"}"
+        style="${this.fixedWidth ? `width:${this.fixedWidth};` : ""}${this.fixedHeight ? `height:${this.fixedHeight};` : ""}"
+      >
         <div class="flex items-center gap-1">
-          <axebow-icon
-            iconName="${this.icon}"
-            iconColor="var(--axebow-strong-gray)"
-            size="xl"
-            rotate="${Number(this.rotate)}"
-          ></axebow-icon>
+          ${this._renderIcon()}
           <p class="text-base font-semibold text-(--axebow-black)">${this.label}</p>
         </div>
-        <div class="flex gap-1 flex-1 items-center max-w-43 min-w-20 justify-end">
+        <div
+          class="flex items-center gap-1 ${this.valuesWidth ? "shrink-0" : "flex-1 max-w-43 min-w-20 justify-end"}"
+          style="${this.valuesWidth ? `width:${this.valuesWidth};` : ""}${this.valuesHeight ? `height:${this.valuesHeight};` : ""}"
+        >
           <p class="text-base text-(--axebow-gray)">${this.current.toFixed(2)}</p>
-          <div class="relative rounded-lg h-2 flex-1 max-w-38 bg-gray-200 overflow-hidden">
+          <div
+            class="relative rounded-lg bg-gray-200 overflow-hidden ${this.barWidth ? "shrink-0" : "flex-1 max-w-38"}"
+            style="height:${this.barHeight ?? "0.5rem"};${this.barWidth ? `width:${this.barWidth};` : ""}"
+          >
             <div
               class="absolute h-full ${this.percentage > 100 ? "bg-(--axebow-error)" : this.percentage === 100 ? "bg-(--axebow-warning)" : "bg-(--axebow-gray)"}"
               style="width: ${this.percentage}%;"
@@ -10247,6 +10294,14 @@ __decorate([property({ type: Number })], AxebowResourceBar.prototype, "current",
 __decorate([property({ type: Number })], AxebowResourceBar.prototype, "limit", void 0);
 __decorate([property({ type: Number })], AxebowResourceBar.prototype, "percentage", void 0);
 __decorate([property({ type: String })], AxebowResourceBar.prototype, "rotate", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "iconSize", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "iconBoxSize", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "fixedWidth", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "fixedHeight", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "valuesWidth", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "valuesHeight", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "barWidth", void 0);
+__decorate([property({ type: String })], AxebowResourceBar.prototype, "barHeight", void 0);
 AxebowResourceBar = __decorate([customElement("axebow-resource-bar")], AxebowResourceBar);
 //#endregion
 //#region src/components/axebow-summary/axebow-summary-step-header.ts