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

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;IAsBpB,MAAM;CAYP"}
@@ -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"}
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="${this.compact ? "font-semibold text-sm" : "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,23 @@ 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
+ .callback=${(e) => this._handleChange(field, e)}
10074
+ fixedWidth="6.1875rem"
10075
+ fixedHeight="2.5rem"
10076
+ ></axebow-input>
10077
+ <span class="text-sm text-(--axebow-gray, #6b7280) text-center mt-1">${field.unit}</span>
10078
+ </div>
10075
10079
  `;
10076
10080
  }
10077
10081
  render() {