@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.
- package/dist/components/axebow-resource-limits/axebow-resource-limits-panel.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts +1 -0
- package/dist/components/axebow-resource-limits/axebow-resource-limits.models.d.ts.map +1 -1
- package/dist/components/axebow-resource-limits/parts/axebow-resource-limit-input.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-limits.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step-header.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-step-header.d.ts.map +1 -1
- package/dist/components/axebow-summary/axebow-summary-step.d.ts +1 -0
- package/dist/components/axebow-summary/axebow-summary-step.d.ts.map +1 -1
- package/dist/index.js +72 -42
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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,
|
|
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"}
|
|
@@ -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;
|
|
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;
|
|
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;
|
|
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"}
|
|
@@ -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;
|
|
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;
|
|
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-
|
|
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="
|
|
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
|
|
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="
|
|
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-
|
|
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 =
|
|
10048
|
+
let value = Number(target.value) || 0;
|
|
10051
10049
|
if (value > field.max) value = field.max;
|
|
10052
|
-
|
|
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
|
-
<
|
|
10065
|
-
|
|
10066
|
-
|
|
10067
|
-
|
|
10068
|
-
|
|
10069
|
-
|
|
10070
|
-
|
|
10071
|
-
|
|
10072
|
-
|
|
10073
|
-
|
|
10074
|
-
|
|
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-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|