@kumori/aurora-wui-components 0.0.282 → 0.0.283

package/dist/components/axebow-input/axebow-input-base.d.ts

@@ -15,6 +15,8 @@ export declare abstract class AxebowInputBase extends LitElement {
     compact: boolean;
     wrapDescription: boolean;
     descriptionLines: number;
+    hasMinWidth: boolean;
+    minWidth: string;
     protected handleChange(e: Event): void;
     protected renderWrapper(content: TemplateResult): TemplateResult;
     protected renderFixedField(content: TemplateResult): TemplateResult;

package/dist/components/axebow-input/axebow-input-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-input-base.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAEvC,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,4BAqEf;IAE0B,KAAK,SAAM;IACX,IAAI,SAAU;IACd,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,YAAY,SAAM;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,UAAS;IAChB,eAAe,UAAS;IACzB,gBAAgB,SAAK;IAEjD,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAO/B,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IAiDhE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;CAsCpE"}
+{"version":3,"file":"axebow-input-base.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIvE,OAAO,+BAA+B,CAAC;AAEvC,8BAAsB,eAAgB,SAAQ,UAAU;IACtD,MAAM,CAAC,UAAU,4BAoEf;IAE0B,KAAK,SAAM;IACX,IAAI,SAAU;IACd,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,QAAQ,UAAS;IAClB,YAAY,SAAM;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,UAAS;IAChB,eAAe,UAAS;IACzB,gBAAgB,SAAK;IACpB,WAAW,UAAQ;IACpB,QAAQ,SAAiB;IAErD,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAO/B,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IAsDhE,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;CAsDpE"}

package/dist/components/axebow-input/axebow-input.d.ts

@@ -46,6 +46,7 @@ export declare class AxebowInput extends LitElement {
     compact: boolean;
     fixedWidth?: string;
     fixedHeight?: string;
+    hasMinWidth: boolean;
     minWidth?: string;
     showStepper: boolean;
     stepAmount: number;

package/dist/components/axebow-input/axebow-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axebow-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA6B,MAAM,0BAA0B,CAAC;AACtF,OAAO,wBAAwB,CAAC;AAChC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE9C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BASX;IAE0B,KAAK,SAAM;IACX,IAAI,SAAU;IACd,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,CAAW;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,aAAa,EAAE,YAAY,EAAE,CAAM;IACf,QAAQ,UAAS;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3D,YAAY,SAAM;IACjB,QAAQ,UAAS;IAClB,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAChE,OAAO,UAAS;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;IACnB,eAAe,UAAS;IACzB,gBAAgB,SAAK;IAEjD,MAAM;CA4KP"}
+{"version":3,"file":"axebow-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAEvE,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAA6B,MAAM,0BAA0B,CAAC;AACtF,OAAO,wBAAwB,CAAC;AAChC,OAAO,2BAA2B,CAAC;AACnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,6BAA6B,CAAC;AACrC,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;AAE9C;;;;;GAKG;AACH,qBACa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BASX;IAE0B,KAAK,SAAM;IACX,IAAI,SAAU;IACd,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,WAAW,SAAM;IAChB,QAAQ,UAAS;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,WAAW,CAAW;IACpC,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,aAAa,EAAE,YAAY,EAAE,CAAM;IACf,QAAQ,UAAS;IAChC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3D,YAAY,SAAM;IACjB,QAAQ,UAAS;IAClB,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,UAAS;IACrB,WAAW,SAAkB;IAC7B,gBAAgB,SAAmB;IAClC,mBAAmB,UAAQ;IAC3B,SAAS,UAAQ;IACd,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACrF,eAAe,EAAE,eAAe,CAA6B;IAChE,OAAO,UAAS;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,UAAQ;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;IACnB,eAAe,UAAS;IACzB,gBAAgB,SAAK;IAEjD,MAAM;CA2LP"}

package/dist/index.js

@@ -2153,6 +2153,8 @@ var AxebowInputBase = class extends LitElement {
 		this.compact = false;
 		this.wrapDescription = false;
 		this.descriptionLines = 2;
+		this.hasMinWidth = true;
+		this.minWidth = "16.59375rem";
 	}
 	static {
 		this.baseStyles = [
@@ -2196,7 +2198,6 @@ var AxebowInputBase = class extends LitElement {
         display: flex;
         flex-direction: column;
         width: 100%;
-        min-width: 16.59375rem;
       }
       .fixed-field .field-label {
         width: 100%;
@@ -2265,7 +2266,10 @@ var AxebowInputBase = class extends LitElement {
               style="margin-top: 0.75rem"
             >
               <span class="text-base shrink-0"
-                ><axebow-icon iconName="error" iconColor="var(--axebow-error)"></axebow-icon
+                ><axebow-icon
+                  iconName="error"
+                  iconColor="var(--axebow-error)"
+                ></axebow-icon
               ></span>
               ${this.errorMessage}
             </div>` : ""}
@@ -2274,10 +2278,19 @@ var AxebowInputBase = class extends LitElement {
 	}
 	renderFixedField(content) {
 		return html`
-      <div class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}">
+      <div
+        class="fixed-field ${this.wrapDescription ? "wrap-description" : ""}"
+        style=${this.hasMinWidth && this.minWidth ? `min-width: ${this.minWidth}` : ""}
+      >
         ${this.label ? html`<div class="flex items-baseline gap-px field-label">
-              ${this.required ? html`<p class="text-(--axebow-error) text-base leading-4.25 m-0">*</p>` : ""}
-              <h4 class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis">
+              ${this.required ? html`<p
+                    class="text-(--axebow-error) text-base leading-4.25 m-0"
+                  >
+                    *
+                  </p>` : ""}
+              <h4
+                class="font-semibold text-base leading-4.25 m-0 overflow-hidden text-ellipsis"
+              >
                 ${this.label}
               </h4>
             </div>` : ""}
@@ -2293,9 +2306,14 @@ var AxebowInputBase = class extends LitElement {
               ${this.description}
             </p>` : ""}
         ${content}
-        ${this.hasError && this.errorMessage ? html`<div class="mt-1 min-h-5 text-(--axebow-error) text-sm flex items-center gap-1">
+        ${this.hasError && this.errorMessage ? html`<div
+              class="mt-1 min-h-5 text-(--axebow-error) text-sm flex items-center gap-1"
+            >
               <span class="text-base shrink-0"
-                ><axebow-icon iconName="error" iconColor="var(--axebow-error)"></axebow-icon
+                ><axebow-icon
+                  iconName="error"
+                  iconColor="var(--axebow-error)"
+                ></axebow-icon
               ></span>
               ${this.errorMessage}
             </div>` : ""}
@@ -2317,6 +2335,8 @@ __decorate([property({ attribute: false })], AxebowInputBase.prototype, "callbac
 __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "compact", void 0);
 __decorate([property({ type: Boolean })], AxebowInputBase.prototype, "wrapDescription", void 0);
 __decorate([property({ type: Number })], AxebowInputBase.prototype, "descriptionLines", void 0);
+__decorate([property({ type: Boolean })], AxebowInputBase.prototype, "hasMinWidth", void 0);
+__decorate([property({ type: Number })], AxebowInputBase.prototype, "minWidth", void 0);
 //#endregion
 //#region src/components/axebow-input/axebow-text-input.ts
 var AxebowTextInput = class AxebowTextInput extends AxebowInputBase {
@@ -3144,6 +3164,7 @@ var AxebowInput = class AxebowInput extends LitElement {
 		this.clearable = true;
 		this.addDialogLabels = DEFAULT_ADD_DIALOG_LABELS;
 		this.compact = false;
+		this.hasMinWidth = true;
 		this.showStepper = true;
 		this.stepAmount = 1;
 		this.fixedField = false;
@@ -3179,6 +3200,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .maxlength=${this.maxlength}
             .compact=${this.compact}
             .descriptionLines=${this.descriptionLines}
+            .hasMinWidth=${this.hasMinWidth}
+            .minWidth=${this.minWidth}
           ></axebow-text-input>
         `;
 			case "numeric": return html`
@@ -3200,6 +3223,7 @@ var AxebowInput = class AxebowInput extends LitElement {
             .showStepper=${this.showStepper}
             .stepAmount=${this.stepAmount}
             .fixedField=${this.fixedField}
+            .hasMinWidth=${this.hasMinWidth}
             .minWidth=${this.minWidth}
             .descriptionLines=${this.descriptionLines}
           ></axebow-numeric-input>
@@ -3224,6 +3248,7 @@ var AxebowInput = class AxebowInput extends LitElement {
             .showStepper=${this.showStepper}
             .stepAmount=${this.stepAmount}
             .fixedField=${this.fixedField}
+            .hasMinWidth=${this.hasMinWidth}
             .minWidth=${this.minWidth}
             .descriptionLines=${this.descriptionLines}
           ></axebow-numeric-input>
@@ -3247,6 +3272,7 @@ var AxebowInput = class AxebowInput extends LitElement {
             .clearable=${this.clearable}
             .onAddNew=${this.onAddNew}
             .addDialogLabels=${this.addDialogLabels}
+            .hasMinWidth=${this.hasMinWidth}
             .minWidth=${this.minWidth}
             .fixedHeight=${this.fixedHeight}
             .wrapDescription=${this.wrapDescription}
@@ -3265,6 +3291,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .callback=${this.callback}
             .options=${this.options}
             .descriptionLines=${this.descriptionLines}
+            .hasMinWidth=${this.hasMinWidth}
+            .minWidth=${this.minWidth}
           ></axebow-checkbox-input>
         `;
 			case "switch": return html`
@@ -3275,6 +3303,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .disabled=${this.disabled}
             .callback=${this.callback}
             .descriptionLines=${this.descriptionLines}
+            .hasMinWidth=${this.hasMinWidth}
+            .minWidth=${this.minWidth}
           ></axebow-switch-input>
         `;
 			case "carousel": return html`
@@ -3290,6 +3320,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .carouselItems=${this.carouselItems}
             .carouselItemRenderer=${this.carouselItemRenderer}
             .descriptionLines=${this.descriptionLines}
+            .hasMinWidth=${this.hasMinWidth}
+            .minWidth=${this.minWidth}
           ></axebow-carousel-input>
         `;
 			case "providers": return html`
@@ -3305,6 +3337,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .carouselItems=${this.carouselItems}
             .carouselItemRenderer=${this.carouselItemRenderer}
             .descriptionLines=${this.descriptionLines}
+            .hasMinWidth=${this.hasMinWidth}
+            .minWidth=${this.minWidth}
           ></axebow-providers-input>
         `;
 			default: return html`
@@ -3321,6 +3355,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .maxlength=${this.maxlength}
             .compact=${this.compact}
             .descriptionLines=${this.descriptionLines}
+            .hasMinWidth=${this.hasMinWidth}
+            .minWidth=${this.minWidth}
           ></axebow-text-input>
         `;
 		}
@@ -3356,6 +3392,7 @@ __decorate([property({ attribute: false })], AxebowInput.prototype, "addDialogLa
 __decorate([property({ type: Boolean })], AxebowInput.prototype, "compact", void 0);
 __decorate([property({ type: String })], AxebowInput.prototype, "fixedWidth", void 0);
 __decorate([property({ type: String })], AxebowInput.prototype, "fixedHeight", void 0);
+__decorate([property({ type: Boolean })], AxebowInput.prototype, "hasMinWidth", void 0);
 __decorate([property({ type: String })], AxebowInput.prototype, "minWidth", void 0);
 __decorate([property({ type: Boolean })], AxebowInput.prototype, "showStepper", void 0);
 __decorate([property({ type: Number })], AxebowInput.prototype, "stepAmount", void 0);