@kumori/aurora-wui-components 0.0.179 → 0.0.181

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,GAAG,aAAa,CAAC;AAC7H,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,4BAaX;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;IAChB,WAAW,UAAS;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,UAAS;IACrB,UAAU,SAAK;IAE3C,MAAM;CA+KP"}
+{"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,GAAG,aAAa,CAAC;AAC7H,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,4BAaX;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;IAChB,WAAW,UAAS;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,UAAQ;IACpB,UAAU,SAAK;IAE3C,MAAM;CA+KP"}

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

@@ -11,9 +11,12 @@ export declare class AxebowNumericInput extends AxebowInputBase {
      *  existing caller keeps the field's previous default sizing unchanged. */
     fixedWidth?: string;
     fixedHeight?: string;
-    /** Adds a 22x38 +/- stepper flush against the field's right border,
-     *  wired to the same min/max/integerOnly rules as typed input. Off by
-     *  default - opt in per caller. */
+    /** 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;
     updated(changed: PropertyValues): 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,4BAoDX;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;;uCAEmC;IACN,WAAW,UAAS;IACrB,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,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"}

package/dist/index.js

@@ -1520,7 +1520,7 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
 		this.max = Number.MAX_SAFE_INTEGER;
 		this.min = 0;
 		this.integerOnly = false;
-		this.showStepper = false;
+		this.showStepper = true;
 		this.stepAmount = 1;
 	}
 	static {
@@ -1529,16 +1529,36 @@ 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;
+        margin: 0;
+      }
+      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). */
+         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);
+        width: var(--axebow-input-width) !important;
+      }
+      :host(.axebow-fixed-height) sl-input {
+        --sl-input-height-medium: var(--axebow-input-height);
       }
       :host(.axebow-fixed-height) sl-input::part(base) {
-        height: var(--axebow-input-height);
+        height: var(--axebow-input-height) !important;
+        box-sizing: border-box;
       }
       :host(.axebow-has-stepper) sl-input::part(base) {
         padding-right: 0;
@@ -1549,26 +1569,35 @@ var AxebowNumericInput = class AxebowNumericInput extends AxebowInputBase {
         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. */
       .axebow-numeric-stepper {
         display: flex;
         flex-direction: column;
-        width: 1.375rem;
-        height: 2.375rem;
+        width: 1.375rem !important;
+        height: 2.375rem !important;
+        border-left: 1px solid var(--axebow-gray);
         border-radius: 0 var(--sl-input-border-radius-medium, 0.25rem) var(--sl-input-border-radius-medium, 0.25rem) 0;
         overflow: hidden;
       }
       .axebow-numeric-stepper-btn {
-        flex: 1;
+        flex: 1 1 0 !important;
         display: flex;
         align-items: center;
         justify-content: center;
+        min-height: 0;
         min-width: 0;
-        border: 1px solid var(--axebow-gray);
+        border: none;
         background: transparent;
         padding: 0;
         margin: 0;
         cursor: pointer;
       }
+      .axebow-numeric-stepper-btn:first-child {
+        border-bottom: 1px solid var(--axebow-gray);
+      }
       .axebow-numeric-stepper-btn:disabled {
         cursor: not-allowed;
         opacity: 0.5;
@@ -2032,7 +2061,7 @@ var AxebowInput = class AxebowInput extends LitElement {
 		this.addDialogLabels = DEFAULT_ADD_DIALOG_LABELS;
 		this.compact = false;
 		this.integerOnly = false;
-		this.showStepper = false;
+		this.showStepper = true;
 		this.stepAmount = 1;
 	}
 	static {