@kumori/aurora-wui-components 0.0.273-dev4131.12 → 0.0.273-dev4131.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -1
  2. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +1 -0
  3. package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -1
  4. package/dist/components/axebow-summary/axebow-summary-limits.d.ts +1 -0
  5. package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
  6. package/dist/components/axebow-summary/axebow-summary-step-header.d.ts +1 -0
  7. package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map +1 -1
  8. package/dist/components/axebow-summary/axebow-summary-step.d.ts +1 -0
  9. package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
  10. package/dist/index.js +47 -21
  11. package/dist/index.js.map +1 -1
  12. package/package.json +1 -1
package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-resource-limits-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,GAAG,EAAG,kBAAkB,CAAC;IACzB,MAAM,EAAG,kBAAkB,CAAC;IAC7B,aAAa,EAAE,kBAAkB,EAAE,CAAM;IAEpE,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IAsBpB,MAAM;CAYP"}
1
+ {"version":3,"file":"axebow-resource-limits-panel.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,qBACa,yBAA0B,SAAQ,UAAU;IACvD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,GAAG,EAAG,kBAAkB,CAAC;IACzB,MAAM,EAAG,kBAAkB,CAAC;IAC7B,aAAa,EAAE,kBAAkB,EAAE,CAAM;IAEpE,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,YAAY;IAuBpB,MAAM;CAYP"}
package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts CHANGED
@@ -8,5 +8,6 @@ export interface ResourceLimitField {
8
8
  required?: boolean;
9
9
  disabled?: boolean;
10
10
  hasError?: boolean;
11
+ errorMessage?: string;
11
12
  }
12
13
  //# sourceMappingURL=axebow-resource-limits.models.d.ts.map
package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-resource-limits.models.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits.models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
1
+ {"version":3,"file":"axebow-resource-limits.models.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-resource-limits/axebow-resource-limits.models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
package/dist/components/axebow-summary/axebow-summary-limits.d.ts CHANGED
@@ -35,6 +35,7 @@ export declare class AxebowSummaryLimits extends LitElement {
35
35
  limits: SummaryLimitsData;
36
36
  supportedStorage: string[];
37
37
  labels: SummaryLimitsLabels;
38
+ showSoftErrors: boolean;
38
39
  private renderSection;
39
40
  render(): import('lit-html').TemplateResult<1>;
40
41
  }
package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-summary-limits.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-limits.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,eAAe,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,oBAAoB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,iBAAiB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BASX;IAE0B,MAAM,EAAG,iBAAiB,CAAC;IAC5B,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAC/B,MAAM,EAAG,mBAAmB,CAAC;IAEzD,OAAO,CAAC,aAAa;IAwCrB,MAAM;CASP"}
1
+ {"version":3,"file":"axebow-summary-limits.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-limits.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAIvD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,eAAe,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,oBAAoB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,iBAAiB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,qBACa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BASX;IAE0B,MAAM,EAAG,iBAAiB,CAAC;IAC5B,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAC/B,MAAM,EAAG,mBAAmB,CAAC;IAC5B,cAAc,UAAS;IAEpD,OAAO,CAAC,aAAa;IAkErB,MAAM;CASP"}
package/dist/components/axebow-summary/axebow-summary-step-header.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare class AxebowSummaryStepHeader extends LitElement {
10
10
  editLabel: string;
11
11
  editingLabel: string;
12
12
  enabled: boolean;
13
+ hasWarning: boolean;
13
14
  render(): import('lit-html').TemplateResult<1>;
14
15
  private _handleToggle;
15
16
  private _handleEdit;
package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-summary-step-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-step-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,UAAU,EAAG,MAAM,CAAC;IACpB,SAAS,SAAM;IACd,KAAK,UAAS;IACd,SAAS,UAAS;IAClB,OAAO,UAAQ;IACf,SAAS,UAAS;IACnB,SAAS,SAAU;IACnB,YAAY,SAAa;IACxB,OAAO,UAAQ;IAE5C,MAAM;IAoDN,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;CAGpB"}
1
+ {"version":3,"file":"axebow-summary-step-header.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-step-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,+BAA+B,CAAC;AAEvC,qBACa,uBAAwB,SAAQ,UAAU;IACrD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,UAAU,EAAG,MAAM,CAAC;IACpB,SAAS,SAAM;IACd,KAAK,UAAS;IACd,SAAS,UAAS;IAClB,OAAO,UAAQ;IACf,SAAS,UAAS;IACnB,SAAS,SAAU;IACnB,YAAY,SAAa;IACxB,OAAO,UAAQ;IACf,UAAU,UAAS;IAEhD,MAAM;IA2DN,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,WAAW;CAGpB"}
package/dist/components/axebow-summary/axebow-summary-step.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare class AxebowSummaryStep extends LitElement {
7
7
  collapsed: boolean;
8
8
  visible: boolean;
9
9
  isEditing: boolean;
10
+ hasWarning: boolean;
10
11
  /** Whether the user has reached this step yet. Unreached steps still render
11
12
  * their title and divider, just greyed out and without the expand affordance. */
12
13
  enabled: boolean;
package/dist/components/axebow-summary/axebow-summary-step.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-summary-step.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AAEzC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAAyC;IAE1B,UAAU,EAAG,MAAM,CAAC;IACpB,SAAS,SAAM;IACd,KAAK,UAAS;IACd,SAAS,UAAS;IAClB,OAAO,UAAS;IAChB,SAAS,UAAS;IAC/C;sFACkF;IACrD,OAAO,UAAQ;IAE5C,MAAM;IAyBN,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,WAAW;CASpB"}
1
+ {"version":3,"file":"axebow-summary-step.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-summary/axebow-summary-step.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAIlD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AAEzC,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAAyC;IAE1B,UAAU,EAAG,MAAM,CAAC;IACpB,SAAS,SAAM;IACd,KAAK,UAAS;IACd,SAAS,UAAS;IAClB,OAAO,UAAS;IAChB,SAAS,UAAS;IAClB,UAAU,UAAS;IAChD;sFACkF;IACrD,OAAO,UAAQ;IAE5C,MAAM;IA0BN,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,WAAW;CASpB"}
package/dist/index.js CHANGED
@@ -2042,7 +2042,7 @@ var AxebowInputBase = class extends LitElement {
2042
2042
  style="margin-bottom: ${this.description ? "var(--axebow-input-label-gap, 1rem)" : "var(--axebow-input-field-gap, 0.5rem)"}"
2043
2043
  >
2044
2044
  ${this.required ? html`<p class="text-(--axebow-error) m-0 leading-none">*</p>` : ""}
2045
- <h4 class="${this.compact ? "font-semibold text-sm" : "font-semibold text-base"} m-0">${this.label}</h4>
2045
+ <h4 class="font-semibold text-base m-0">${this.label}</h4>
2046
2046
  </div>` : ""}
2047
2047
  ${this.description ? html`<p
2048
2048
  class="overflow-hidden font-normal text-base"
@@ -10070,11 +10070,12 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
10070
10070
  .min=${field.min ?? 0}
10071
10071
  ?disabled=${field.disabled}
10072
10072
  ?hasError=${field.hasError}
10073
+ .errorMessage=${field.errorMessage ?? ""}
10073
10074
  .callback=${(e) => this._handleChange(field, e)}
10074
10075
  fixedWidth="6.1875rem"
10075
10076
  fixedHeight="2.5rem"
10076
10077
  ></axebow-input>
10077
- <span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>
10078
+ ${field.hasError && field.errorMessage ? html`<span class="text-sm text-(--axebow-error) text-center mt-1 leading-tight">${field.errorMessage}</span>` : html`<span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>`}
10078
10079
  </div>
10079
10080
  `;
10080
10081
  }
@@ -10083,7 +10084,7 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
10083
10084
  return html`
10084
10085
  <div class="flex items-center flex-wrap gap-19">
10085
10086
  <div class="flex items-start gap-6">${this._renderField(this.cpu)} ${this._renderField(this.memory)}</div>
10086
- <div class="flex items-start gap-4 w-100.5 p-4 border border-(--axebow-table-header-border) rounded-md box-border">
10087
+ <div class="flex items-center justify-center gap-4 w-100.5 p-4 border border-(--axebow-table-header-border) rounded-md box-border">
10087
10088
  ${this.storageFields.map((field) => this._renderField(field))}
10088
10089
  </div>
10089
10090
  </div>
@@ -10806,6 +10807,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10806
10807
  this.editLabel = "Edit";
10807
10808
  this.editingLabel = "Editing";
10808
10809
  this.enabled = true;
10810
+ this.hasWarning = false;
10809
10811
  }
10810
10812
  static {
10811
10813
  this.styles = [unsafeCSS(tailwind_default), axebowTheme];
@@ -10814,7 +10816,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10814
10816
  return html`
10815
10817
  <div class="flex gap-2 items-center justify-between">
10816
10818
  <div class="flex items-center gap-0.5 min-w-0">
10817
- ${this.valid && this.enabled ? html`
10819
+ ${(this.valid || this.hasWarning) && this.enabled ? html`
10818
10820
  <axebow-icon
10819
10821
  iconName="${this.collapsed ? "expand_all" : "collapse_all"}"
10820
10822
  iconColor="var(--axebow-tertiary)"
@@ -10829,7 +10831,12 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10829
10831
  >
10830
10832
  STEP ${this.stepNumber}: ${this.stepTitle}
10831
10833
  </h5>
10832
- ${this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
10834
+ ${this.hasWarning ? html`<axebow-icon
10835
+ class="shrink-0"
10836
+ iconName="error"
10837
+ iconColor="var(--axebow-error)"
10838
+ size="md"
10839
+ ></axebow-icon>` : this.valid && this.enabled && !this.isEditing ? html`<axebow-icon
10833
10840
  class="shrink-0"
10834
10841
  iconName="check_circle"
10835
10842
  iconColor="var(--axebow-success)"
@@ -10873,6 +10880,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "is
10873
10880
  __decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editLabel", void 0);
10874
10881
  __decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editingLabel", void 0);
10875
10882
  __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "enabled", void 0);
10883
+ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "hasWarning", void 0);
10876
10884
  AxebowSummaryStepHeader = __decorate([customElement("axebow-summary-step-header")], AxebowSummaryStepHeader);
10877
10885
  //#endregion
10878
10886
  //#region src/components/axebow-summary/axebow-summary-step.ts
@@ -10884,6 +10892,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10884
10892
  this.collapsed = false;
10885
10893
  this.visible = false;
10886
10894
  this.isEditing = false;
10895
+ this.hasWarning = false;
10887
10896
  this.enabled = true;
10888
10897
  }
10889
10898
  static {
@@ -10898,6 +10907,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10898
10907
  .valid=${this.valid}
10899
10908
  .collapsed=${this.collapsed}
10900
10909
  .isEditing=${this.isEditing}
10910
+ .hasWarning=${this.hasWarning}
10901
10911
  .enabled=${this.enabled}
10902
10912
  @toggle=${this._handleToggle}
10903
10913
  @edit=${this._handleEdit}
@@ -10932,6 +10942,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "valid",
10932
10942
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "collapsed", void 0);
10933
10943
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "visible", void 0);
10934
10944
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "isEditing", void 0);
10945
+ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "hasWarning", void 0);
10935
10946
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "enabled", void 0);
10936
10947
  AxebowSummaryStep = __decorate([customElement("axebow-summary-step")], AxebowSummaryStep);
10937
10948
  //#endregion
@@ -11028,6 +11039,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
11028
11039
  constructor(..._args) {
11029
11040
  super(..._args);
11030
11041
  this.supportedStorage = [];
11042
+ this.showSoftErrors = false;
11031
11043
  }
11032
11044
  static {
11033
11045
  this.styles = [
@@ -11042,33 +11054,46 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
11042
11054
  ];
11043
11055
  }
11044
11056
  renderSection(title, limitKey) {
11057
+ const isMin = limitKey === "min";
11058
+ const isCpuError = isMin && this.showSoftErrors && this.limits.cpu && this.limits.cpu.min > this.limits.cpu.max;
11059
+ const isMemError = isMin && this.showSoftErrors && this.limits.memory && this.limits.memory.min > this.limits.memory.max;
11060
+ const isVolatileError = isMin && this.showSoftErrors && this.limits.volatileStorage && this.limits.volatileStorage.min > this.limits.volatileStorage.max;
11061
+ const isNonRepError = isMin && this.showSoftErrors && this.limits.nonReplicatedStorage && this.limits.nonReplicatedStorage.min > this.limits.nonReplicatedStorage.max;
11062
+ const isPersError = isMin && this.showSoftErrors && this.limits.persistentStorage && this.limits.persistentStorage.min > this.limits.persistentStorage.max;
11045
11063
  return html`
11046
11064
  <div class="w-full flex flex-col gap-2">
11047
11065
  <p class="font-semibold text-base m-0">${title}</p>
11048
11066
  <div class="flex gap-1.5">
11049
- <div class="w-41 h-4.25 text-base">
11050
- ${this.labels.vcpus}: <span class="text-(--axebow-gray)">${this.limits.cpu[limitKey]}</span>
11067
+ <div class="w-41 h-4.25 text-base flex items-center gap-1">
11068
+ <span>${this.labels.vcpus}:</span>
11069
+ <span class="${isCpuError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.cpu ? this.limits.cpu[limitKey] : 0}</span>
11070
+ ${isCpuError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
11051
11071
  </div>
11052
- <div class="w-41 h-4.25 text-base">
11053
- ${this.labels.memory} <span class="text-(--axebow-gray)">${this.limits.memory[limitKey]} GB</span>
11072
+ <div class="w-41 h-4.25 text-base flex items-center gap-1">
11073
+ <span>${this.labels.memory}</span>
11074
+ <span class="${isMemError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.memory ? this.limits.memory[limitKey] : 0} GB</span>
11075
+ ${isMemError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
11054
11076
  </div>
11055
11077
  </div>
11056
- ${this.supportedStorage.includes("volatile") ? html`
11057
- <p class="text-base m-0">
11058
- ${this.labels.volatile}:
11059
- <span class="text-(--axebow-gray)">${this.limits.volatileStorage[limitKey]} GB</span>
11078
+ ${this.supportedStorage.includes("volatile") && this.limits.volatileStorage ? html`
11079
+ <p class="text-base m-0 flex items-center gap-1">
11080
+ <span>${this.labels.volatile}:</span>
11081
+ <span class="${isVolatileError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.volatileStorage[limitKey]} GB</span>
11082
+ ${isVolatileError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
11060
11083
  </p>
11061
11084
  ` : ""}
11062
- ${this.supportedStorage.includes("nonReplicated") ? html`
11063
- <p class="text-base m-0">
11064
- ${this.labels.nonReplicated}:
11065
- <span class="text-(--axebow-gray)">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
11085
+ ${this.supportedStorage.includes("nonReplicated") && this.limits.nonReplicatedStorage ? html`
11086
+ <p class="text-base m-0 flex items-center gap-1">
11087
+ <span>${this.labels.nonReplicated}:</span>
11088
+ <span class="${isNonRepError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.nonReplicatedStorage[limitKey]} GB</span>
11089
+ ${isNonRepError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
11066
11090
  </p>
11067
11091
  ` : ""}
11068
- ${this.supportedStorage.includes("persistent") ? html`
11069
- <p class="text-base m-0">
11070
- ${this.labels.persistent}:
11071
- <span class="text-(--axebow-gray)">${this.limits.persistentStorage[limitKey]} GB</span>
11092
+ ${this.supportedStorage.includes("persistent") && this.limits.persistentStorage ? html`
11093
+ <p class="text-base m-0 flex items-center gap-1">
11094
+ <span>${this.labels.persistent}:</span>
11095
+ <span class="${isPersError ? "text-(--axebow-error)" : "text-(--axebow-gray)"}">${this.limits.persistentStorage[limitKey]} GB</span>
11096
+ ${isPersError ? html`<axebow-icon iconName="error" iconColor="var(--axebow-error)" size="md"></axebow-icon>` : ""}
11072
11097
  </p>
11073
11098
  ` : ""}
11074
11099
  </div>
@@ -11086,6 +11111,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
11086
11111
  __decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "limits", void 0);
11087
11112
  __decorate([property({ type: Array })], AxebowSummaryLimits.prototype, "supportedStorage", void 0);
11088
11113
  __decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "labels", void 0);
11114
+ __decorate([property({ type: Boolean })], AxebowSummaryLimits.prototype, "showSoftErrors", void 0);
11089
11115
  AxebowSummaryLimits = __decorate([customElement("axebow-summary-limits")], AxebowSummaryLimits);
11090
11116
  //#endregion
11091
11117
  //#region src/components/axebow-summary/axebow-summary-flavors.ts