@kumori/aurora-wui-components 0.0.269-dev4124.14 → 0.0.269-dev4124.16

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

@@ -17,6 +17,9 @@ export declare class AxebowResourceBar extends LitElement {
     barHeight?: string;
     unit?: string;
     private _renderIcon;
+    private get _isFixedVariant();
+    private _formatValue;
+    private _renderCurrent;
     private _renderBar;
     private _renderLimit;
     private _renderValues;

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,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;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1C,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAkBrB,MAAM;CAyBP"}
+{"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;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAE1C,OAAO,CAAC,WAAW;IAsBnB,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,aAAa;IAWrB,MAAM;CAyBP"}

package/dist/index.js

@@ -10259,6 +10259,18 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
           </div>
         ` : icon;
 	}
+	get _isFixedVariant() {
+		return !!(this.valuesWidth || this.barWidth);
+	}
+	_formatValue(value) {
+		const hundredths = Math.round(value * 100);
+		const decimals = hundredths % 10 === 0 ? 1 : 2;
+		return (hundredths / 100).toFixed(decimals);
+	}
+	_renderCurrent() {
+		const value = this._isFixedVariant ? this._formatValue(this.current) : this.current.toFixed(2);
+		return html`<p class="text-base ${this._isFixedVariant ? "text-(--axebow-primary)" : "text-(--axebow-gray)"}">${value}</p>`;
+	}
 	_renderBar() {
 		return html`
       <div
@@ -10273,22 +10285,18 @@ var AxebowResourceBar = class AxebowResourceBar extends LitElement {
     `;
 	}
 	_renderLimit() {
+		const value = this.limit == null ? "-" : this._isFixedVariant ? this._formatValue(this.limit) : this.limit;
+		const colorClass = this._isFixedVariant ? "text-(--axebow-black)" : "text-(--axebow-gray)";
+		const weightClass = this._isFixedVariant ? "font-normal" : "font-bold";
 		return html`
-      <p class="text-base font-bold text-(--axebow-gray)">${this.limit ?? "-"}</p>
-      ${this.unit ? html`<span class="text-xs text-(--axebow-gray)">${this.unit}</span>` : ""}
+      <p class="text-base ${weightClass} ${colorClass}">${value}</p>
+      ${this.unit ? html`<span class="text-xs ${weightClass} ${colorClass}">${this.unit}</span>` : ""}
     `;
 	}
 	_renderValues() {
-		if (!this.valuesWidth && !this.barWidth) return html`
-        <p class="text-base text-(--axebow-gray)">${this.current.toFixed(2)}</p>
-        ${this._renderBar()}
-        ${this._renderLimit()}
-      `;
+		if (!this._isFixedVariant) return html` ${this._renderCurrent()} ${this._renderBar()} ${this._renderLimit()} `;
 		return html`
-      <div class="flex items-center gap-2.75">
-        <p class="text-base text-(--axebow-gray)">${this.current.toFixed(2)}</p>
-        ${this._renderBar()}
-      </div>
+      <div class="flex items-center gap-2.75">${this._renderCurrent()} ${this._renderBar()}</div>
       <div class="flex items-baseline gap-0.5">${this._renderLimit()}</div>
     `;
 	}