@kumori/aurora-wui-components 0.0.273-dev4131.11 → 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.
@@ -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,wCAAwC,CAAC;AAChD,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;IAgBpB,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"}
@@ -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
@@ -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"}
@@ -1 +1 @@
1
- {"version":3,"file":"axebow-resource-limit-input.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-resource-limits/parts/axebow-resource-limit-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,oCAAoC,CAAC;AAE5C,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,KAAK,SAAM;IACX,IAAI,SAAM;IACV,KAAK,SAAM;IACX,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACP,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAE9D,MAAM;CAuBP"}
1
+ {"version":3,"file":"axebow-resource-limit-input.d.ts","sourceRoot":"","sources":["../../../../src/components/axebow-resource-limits/parts/axebow-resource-limit-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAa,MAAM,KAAK,CAAC;AAIlD,OAAO,oCAAoC,CAAC;AAE5C,qBACa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,4BAAyC;IAE1B,KAAK,SAAM;IACX,IAAI,SAAM;IACV,KAAK,SAAM;IACX,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACP,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAE9D,MAAM;CAqBP"}
@@ -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
  }
@@ -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"}
@@ -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;
@@ -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"}
@@ -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;
@@ -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
@@ -2038,11 +2038,11 @@ var AxebowInputBase = class extends LitElement {
2038
2038
  return html`
2039
2039
  <div class="flex flex-col justify-end w-full relative">
2040
2040
  ${!this.compact || this.label ? html`<div
2041
- class="flex items-baseline gap-2"
2041
+ class="flex items-baseline gap-px"
2042
2042
  style="margin-bottom: ${this.description ? "var(--axebow-input-label-gap, 1rem)" : "var(--axebow-input-field-gap, 0.5rem)"}"
2043
2043
  >
2044
- ${this.required ? html`<p class="text-(--axebow-error)">*</p>` : ""}
2045
- <h4 class="${this.compact ? "font-normal text-sm" : "font-semibold text-base"}">${this.label}</h4>
2044
+ ${this.required ? html`<p class="text-(--axebow-error) m-0 leading-none">*</p>` : ""}
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"
@@ -10003,14 +10003,12 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
10003
10003
  }
10004
10004
  render() {
10005
10005
  return html`
10006
- <div class="flex flex-col items-center gap-2 w-24.75 shrink-0">
10007
- <div class="flex items-center gap-1">
10008
- ${this.required ? html`<span class="text-(--axebow-error)">*</span>` : ""}
10009
- <span class="text-sm font-semibold text-center">${this.label}</span>
10010
- </div>
10006
+ <div class="flex flex-col items-center w-24.75 shrink-0">
10011
10007
  <axebow-input
10012
- controlType="integer"
10008
+ controlType="numeric"
10013
10009
  .compact=${true}
10010
+ .label=${this.label}
10011
+ .required=${this.required}
10014
10012
  .value=${this.value}
10015
10013
  .max=${this.max}
10016
10014
  .min=${this.min}
@@ -10020,7 +10018,7 @@ var AxebowResourceLimitInput = class AxebowResourceLimitInput extends LitElement
10020
10018
  fixedWidth="6.1875rem"
10021
10019
  fixedHeight="2.5rem"
10022
10020
  ></axebow-input>
10023
- <span class="text-sm text-(--axebow-secondary)">${this.unit}</span>
10021
+ <span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${this.unit}</span>
10024
10022
  </div>
10025
10023
  `;
10026
10024
  }
@@ -10047,9 +10045,9 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
10047
10045
  }
10048
10046
  _handleChange(field, e) {
10049
10047
  const target = e.target;
10050
- let value = Math.trunc(Number(target.value));
10048
+ let value = Number(target.value) || 0;
10051
10049
  if (value > field.max) value = field.max;
10052
- target.value = value.toString();
10050
+ if (field.min !== void 0 && value < field.min) value = field.min;
10053
10051
  this.dispatchEvent(new CustomEvent("resource-limit-change", {
10054
10052
  detail: {
10055
10053
  key: field.key,
@@ -10061,17 +10059,24 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
10061
10059
  }
10062
10060
  _renderField(field) {
10063
10061
  return html`
10064
- <axebow-resource-limit-input
10065
- label=${field.label}
10066
- unit=${field.unit}
10067
- value=${field.value?.toString() ?? ""}
10068
- .max=${field.max}
10069
- .min=${field.min ?? 0}
10070
- ?required=${field.required}
10071
- ?disabled=${field.disabled}
10072
- ?hasError=${field.hasError}
10073
- .callback=${(e) => this._handleChange(field, e)}
10074
- ></axebow-resource-limit-input>
10062
+ <div class="flex flex-col items-center w-24.75 shrink-0">
10063
+ <axebow-input
10064
+ controlType="numeric"
10065
+ .compact=${true}
10066
+ .label=${field.label}
10067
+ .required=${field.required}
10068
+ .value=${field.value?.toString() ?? ""}
10069
+ .max=${field.max}
10070
+ .min=${field.min ?? 0}
10071
+ ?disabled=${field.disabled}
10072
+ ?hasError=${field.hasError}
10073
+ .errorMessage=${field.errorMessage ?? ""}
10074
+ .callback=${(e) => this._handleChange(field, e)}
10075
+ fixedWidth="6.1875rem"
10076
+ fixedHeight="2.5rem"
10077
+ ></axebow-input>
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>`}
10079
+ </div>
10075
10080
  `;
10076
10081
  }
10077
10082
  render() {
@@ -10079,7 +10084,7 @@ var AxebowResourceLimitsPanel = class AxebowResourceLimitsPanel extends LitEleme
10079
10084
  return html`
10080
10085
  <div class="flex items-center flex-wrap gap-19">
10081
10086
  <div class="flex items-start gap-6">${this._renderField(this.cpu)} ${this._renderField(this.memory)}</div>
10082
- <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">
10083
10088
  ${this.storageFields.map((field) => this._renderField(field))}
10084
10089
  </div>
10085
10090
  </div>
@@ -10802,6 +10807,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10802
10807
  this.editLabel = "Edit";
10803
10808
  this.editingLabel = "Editing";
10804
10809
  this.enabled = true;
10810
+ this.hasWarning = false;
10805
10811
  }
10806
10812
  static {
10807
10813
  this.styles = [unsafeCSS(tailwind_default), axebowTheme];
@@ -10810,7 +10816,7 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10810
10816
  return html`
10811
10817
  <div class="flex gap-2 items-center justify-between">
10812
10818
  <div class="flex items-center gap-0.5 min-w-0">
10813
- ${this.valid && this.enabled ? html`
10819
+ ${(this.valid || this.hasWarning) && this.enabled ? html`
10814
10820
  <axebow-icon
10815
10821
  iconName="${this.collapsed ? "expand_all" : "collapse_all"}"
10816
10822
  iconColor="var(--axebow-tertiary)"
@@ -10825,7 +10831,12 @@ var AxebowSummaryStepHeader = class AxebowSummaryStepHeader extends LitElement {
10825
10831
  >
10826
10832
  STEP ${this.stepNumber}: ${this.stepTitle}
10827
10833
  </h5>
10828
- ${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
10829
10840
  class="shrink-0"
10830
10841
  iconName="check_circle"
10831
10842
  iconColor="var(--axebow-success)"
@@ -10869,6 +10880,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "is
10869
10880
  __decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editLabel", void 0);
10870
10881
  __decorate([property({ type: String })], AxebowSummaryStepHeader.prototype, "editingLabel", void 0);
10871
10882
  __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "enabled", void 0);
10883
+ __decorate([property({ type: Boolean })], AxebowSummaryStepHeader.prototype, "hasWarning", void 0);
10872
10884
  AxebowSummaryStepHeader = __decorate([customElement("axebow-summary-step-header")], AxebowSummaryStepHeader);
10873
10885
  //#endregion
10874
10886
  //#region src/components/axebow-summary/axebow-summary-step.ts
@@ -10880,6 +10892,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10880
10892
  this.collapsed = false;
10881
10893
  this.visible = false;
10882
10894
  this.isEditing = false;
10895
+ this.hasWarning = false;
10883
10896
  this.enabled = true;
10884
10897
  }
10885
10898
  static {
@@ -10894,6 +10907,7 @@ var AxebowSummaryStep = class AxebowSummaryStep extends LitElement {
10894
10907
  .valid=${this.valid}
10895
10908
  .collapsed=${this.collapsed}
10896
10909
  .isEditing=${this.isEditing}
10910
+ .hasWarning=${this.hasWarning}
10897
10911
  .enabled=${this.enabled}
10898
10912
  @toggle=${this._handleToggle}
10899
10913
  @edit=${this._handleEdit}
@@ -10928,6 +10942,7 @@ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "valid",
10928
10942
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "collapsed", void 0);
10929
10943
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "visible", void 0);
10930
10944
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "isEditing", void 0);
10945
+ __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "hasWarning", void 0);
10931
10946
  __decorate([property({ type: Boolean })], AxebowSummaryStep.prototype, "enabled", void 0);
10932
10947
  AxebowSummaryStep = __decorate([customElement("axebow-summary-step")], AxebowSummaryStep);
10933
10948
  //#endregion
@@ -11024,6 +11039,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
11024
11039
  constructor(..._args) {
11025
11040
  super(..._args);
11026
11041
  this.supportedStorage = [];
11042
+ this.showSoftErrors = false;
11027
11043
  }
11028
11044
  static {
11029
11045
  this.styles = [
@@ -11038,33 +11054,46 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
11038
11054
  ];
11039
11055
  }
11040
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;
11041
11063
  return html`
11042
11064
  <div class="w-full flex flex-col gap-2">
11043
11065
  <p class="font-semibold text-base m-0">${title}</p>
11044
11066
  <div class="flex gap-1.5">
11045
- <div class="w-41 h-4.25 text-base">
11046
- ${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>` : ""}
11047
11071
  </div>
11048
- <div class="w-41 h-4.25 text-base">
11049
- ${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>` : ""}
11050
11076
  </div>
11051
11077
  </div>
11052
- ${this.supportedStorage.includes("volatile") ? html`
11053
- <p class="text-base m-0">
11054
- ${this.labels.volatile}:
11055
- <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>` : ""}
11056
11083
  </p>
11057
11084
  ` : ""}
11058
- ${this.supportedStorage.includes("nonReplicated") ? html`
11059
- <p class="text-base m-0">
11060
- ${this.labels.nonReplicated}:
11061
- <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>` : ""}
11062
11090
  </p>
11063
11091
  ` : ""}
11064
- ${this.supportedStorage.includes("persistent") ? html`
11065
- <p class="text-base m-0">
11066
- ${this.labels.persistent}:
11067
- <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>` : ""}
11068
11097
  </p>
11069
11098
  ` : ""}
11070
11099
  </div>
@@ -11082,6 +11111,7 @@ var AxebowSummaryLimits = class AxebowSummaryLimits extends LitElement {
11082
11111
  __decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "limits", void 0);
11083
11112
  __decorate([property({ type: Array })], AxebowSummaryLimits.prototype, "supportedStorage", void 0);
11084
11113
  __decorate([property({ type: Object })], AxebowSummaryLimits.prototype, "labels", void 0);
11114
+ __decorate([property({ type: Boolean })], AxebowSummaryLimits.prototype, "showSoftErrors", void 0);
11085
11115
  AxebowSummaryLimits = __decorate([customElement("axebow-summary-limits")], AxebowSummaryLimits);
11086
11116
  //#endregion
11087
11117
  //#region src/components/axebow-summary/axebow-summary-flavors.ts