@kumori/aurora-wui-components 0.0.229 → 0.0.230

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

@@ -48,6 +48,7 @@ export declare class AxebowInput extends LitElement {
     minWidth?: string;
     showStepper: boolean;
     stepAmount: number;
+    fixedField: boolean;
     render(): TemplateResult<1>;
 }
 //# sourceMappingURL=axebow-input.d.ts.map

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;AAErC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAC7G,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,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;IAE3C,MAAM;CAkJP"}
+{"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;AAErC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;AAC7G,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,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;IAEhD,MAAM;CAsJP"}

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

@@ -5,20 +5,12 @@ export declare class AxebowNumericInput extends AxebowInputBase {
     max: number;
     min: number;
     integerOnly: boolean;
-    /** Opt-in exact size for the field itself - the sl-input box, not the
-     *  label/description column above it (e.g. fixedWidth '6.1875rem' for a
-     *  99px-wide field, fixedHeight '2.5rem' for 40px). Left unset, every
-     *  existing caller keeps the field's previous default sizing unchanged. */
     fixedWidth?: string;
     fixedHeight?: string;
-    /** 22x38 +/- stepper flush against the field's right border, wired to
-     *  the same min/max/integerOnly rules as typed input. This is the
-     *  app-wide standard look for every numeric/integer field (the native
-     *  browser spinner is always suppressed in favor of it) - on by default,
-     *  size varies per caller via fixedWidth/fixedHeight. Only turn it off
-     *  for a specific instance that truly needs the bare field. */
     showStepper: boolean;
     stepAmount: number;
+    fixedField: boolean;
+    minWidth?: string;
     updated(changed: PropertyValues): void;
     protected handleChange(e: Event): void;
     protected handleKeyDown(e: KeyboardEvent): void;

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

@@ -1 +1 @@
-{"version":3,"file":"axebow-numeric-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-numeric-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,qBACa,kBAAmB,SAAQ,eAAe;IACrD,MAAM,CAAC,MAAM,4BAiFX;IAE0B,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACP,WAAW,UAAS;IAEjD;;;+EAG2E;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAEjD;;;;;mEAK+D;IAClC,WAAW,UAAQ;IACpB,UAAU,SAAK;IAE3C,OAAO,CAAC,OAAO,EAAE,cAAc;IAyB/B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAgB/B,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa;IAMxC,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,cAAc;IA2BtB,MAAM;CAoBP"}
+{"version":3,"file":"axebow-numeric-input.d.ts","sourceRoot":"","sources":["../../../src/components/axebow-input/axebow-numeric-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,yDAAyD,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,qBACa,kBAAmB,SAAQ,eAAe;IACrD,MAAM,CAAC,MAAM,4BAqEX;IAE0B,GAAG,SAA2B;IAC9B,GAAG,SAAK;IACP,WAAW,UAAS;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,UAAQ;IACpB,UAAU,SAAK;IACd,UAAU,UAAS;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE9C,OAAO,CAAC,OAAO,EAAE,cAAc;IAkC/B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;IAgB/B,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,aAAa;IAMxC,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,cAAc;IA2BtB,MAAM;CAqBP"}

package/dist/index.js

@@ -1521,6 +1521,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
 		this.integerOnly = false;
 		this.showStepper = true;
 		this.stepAmount = 1;
+		this.fixedField = false;
 	}
 	static {
 		this.styles = [...AxebowInputBase.baseStyles, css`
@@ -1528,10 +1529,6 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
         display: block;
         width: 100%;
       }
-      /* Always off, unconditionally - the +/- stepper is the app-wide
-         replacement for the browser's native number spinner, so the native
-         one should never show regardless of whether the stepper itself is
-         opted out for a given instance. */
       sl-input::part(input)::-webkit-outer-spin-button,
       sl-input::part(input)::-webkit-inner-spin-button {
         -webkit-appearance: none;
@@ -1540,15 +1537,6 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
       sl-input::part(input) {
         -moz-appearance: textfield;
       }
-      /* All three guarded by their own host class - absent unless the
-         matching property is set - so none ever touch sl-input's own
-         default sizing/padding for every existing caller that doesn't opt
-         in. fixedWidth only constrains the field itself (not the host, so
-         the label above keeps its full width and doesn't wrap).
-         !important is needed on the sizing declarations - Shoelace sets its
-         own height internally off --sl-input-height-medium (not just the
-         exposed 'base' part), so both are overridden together to reliably
-         win regardless of which one actually drives the rendered size. */
       :host(.axebow-fixed-width) sl-input {
         width: var(--axebow-input-width) !important;
       }
@@ -1567,11 +1555,12 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
         margin: 0;
         padding: 0;
       }
-
-      /* Only a left border (separating the stepper from the typed number)
-         and a divider between the two buttons - the top/right/bottom edges
-         coincide with sl-input's own border, so drawing our own there
-         would just double it up. */
+      .fixed-field sl-input::part(base) {
+        height: 2.5rem;
+      }
+      :host(.axebow-fixed-min-width) .fixed-field {
+        min-width: var(--axebow-input-min-width) !important;
+      }
       .axebow-numeric-stepper {
         display: flex;
         flex-direction: column;
@@ -1620,6 +1609,13 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
 			this.classList.remove("axebow-fixed-height");
 		}
 		if (changed.has("showStepper")) this.classList.toggle("axebow-has-stepper", this.showStepper);
+		if (changed.has("minWidth")) if (this.minWidth) {
+			this.style.setProperty("--axebow-input-min-width", this.minWidth);
+			this.classList.add("axebow-fixed-min-width");
+		} else {
+			this.style.removeProperty("--axebow-input-min-width");
+			this.classList.remove("axebow-fixed-min-width");
+		}
 	}
 	handleChange(e) {
 		if (this.disabled) return;
@@ -1677,9 +1673,8 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
     `;
 	}
 	render() {
-		const containerClass = this.hasError ? "input-error" : "";
-		return this.renderWrapper(html`
-      <div class="${containerClass}">
+		const content = html`
+      <div class="${this.hasError ? "input-error" : ""}">
         <sl-input
           type="number"
           placeholder="${this.placeholder}"
@@ -1694,7 +1689,8 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
           ${this._renderStepper()}
         </sl-input>
       </div>
-    `);
+    `;
+		return this.fixedField ? this.renderFixedField(content) : this.renderWrapper(content);
 	}
 };
 __decorate([property({ type: Number })], AxebowNumericInput.prototype, "max", void 0);
@@ -1704,6 +1700,8 @@ __decorate([property({ type: String })], AxebowNumericInput.prototype, "fixedWid
 __decorate([property({ type: String })], AxebowNumericInput.prototype, "fixedHeight", void 0);
 __decorate([property({ type: Boolean })], AxebowNumericInput.prototype, "showStepper", void 0);
 __decorate([property({ type: Number })], AxebowNumericInput.prototype, "stepAmount", void 0);
+__decorate([property({ type: Boolean })], AxebowNumericInput.prototype, "fixedField", void 0);
+__decorate([property({ type: String })], AxebowNumericInput.prototype, "minWidth", void 0);
 AxebowNumericInput = __decorate([customElement("axebow-numeric-input")], AxebowNumericInput);
 //#endregion
 //#region src/components/axebow-input/axebow-checkbox-input.ts
@@ -2075,6 +2073,7 @@ var AxebowInput = class AxebowInput extends LitElement {
 		this.compact = false;
 		this.showStepper = true;
 		this.stepAmount = 1;
+		this.fixedField = false;
 	}
 	static {
 		this.styles = [
@@ -2123,6 +2122,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .fixedHeight=${this.fixedHeight}
             .showStepper=${this.showStepper}
             .stepAmount=${this.stepAmount}
+            .fixedField=${this.fixedField}
+            .minWidth=${this.minWidth}
           ></axebow-numeric-input>
         `;
 			case "integer": return html`
@@ -2144,6 +2145,8 @@ var AxebowInput = class AxebowInput extends LitElement {
             .fixedHeight=${this.fixedHeight}
             .showStepper=${this.showStepper}
             .stepAmount=${this.stepAmount}
+            .fixedField=${this.fixedField}
+            .minWidth=${this.minWidth}
           ></axebow-numeric-input>
         `;
 			case "select": return html`
@@ -2259,6 +2262,7 @@ __decorate([property({ type: String })], AxebowInput.prototype, "fixedHeight", v
 __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);
+__decorate([property({ type: Boolean })], AxebowInput.prototype, "fixedField", void 0);
 AxebowInput = __decorate([customElement("axebow-input")], AxebowInput);
 //#endregion
 //#region src/components/axebow-dialog/axebow-dialog.ts