@kumori/aurora-wui-components 0.0.180 → 0.0.182

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

@@ -1,7 +1,7 @@
 import { LitElement, TemplateResult } from 'lit';
 import { CarouselItem } from './axebow-carousel-input.js';
 import { AddDialogLabels } from './axebow-select-input.js';
-export type ControlType = 'input' | 'select' | 'carousel' | 'numeric' | 'integer' | 'checkbox' | 'providers' | 'small-input';
+export type ControlType = 'input' | 'select' | 'carousel' | 'numeric' | 'integer' | 'checkbox' | 'providers';
 export interface Option {
     value: string;
     label: string | TemplateResult;
@@ -43,7 +43,6 @@ export declare class AxebowInput extends LitElement {
     }) => void;
     addDialogLabels: AddDialogLabels;
     compact: boolean;
-    integerOnly: boolean;
     fixedWidth?: string;
     fixedHeight?: string;
     showStepper: boolean;

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,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;IACpB,WAAW,UAAQ;IACpB,UAAU,SAAK;IAE3C,MAAM;CAiJP"}

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,4BAqEX;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,6 +1529,18 @@ 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
@@ -2048,8 +2060,7 @@ var AxebowInput = class AxebowInput extends LitElement {
 		this.clearable = true;
 		this.addDialogLabels = DEFAULT_ADD_DIALOG_LABELS;
 		this.compact = false;
-		this.integerOnly = false;
-		this.showStepper = false;
+		this.showStepper = true;
 		this.stepAmount = 1;
 	}
 	static {
@@ -2057,10 +2068,6 @@ var AxebowInput = class AxebowInput extends LitElement {
 			unsafeCSS(tailwind_default),
 			axebowTheme,
 			css`
-      sl-input,
-      sl-select {
-        width: 100%;
-      }
       axebow-numeric-input {
         display: block;
         width: 100%;
@@ -2173,31 +2180,6 @@ var AxebowInput = class AxebowInput extends LitElement {
             .carouselItems=${this.carouselItems}
             .carouselItemRenderer=${this.carouselItemRenderer}
           ></axebow-carousel-input>
-        `;
-			case "small-input": return html`
-          <sl-input
-            type="number"
-            size="small"
-            min=${this.min}
-            max=${this.max}
-            step=${this.integerOnly ? "1" : "any"}
-            .value=${this.value}
-            ?disabled=${this.disabled}
-            style="${this.hasError ? "--sl-input-border-color: var(--axebow-error, #e53e3e); --sl-input-border-color-focus: var(--axebow-error, #e53e3e); --sl-input-border-color-hover: var(--axebow-error, #e53e3e);" : ""}"
-            @sl-input=${(e) => {
-				if (this.disabled) return;
-				if (this.integerOnly) {
-					const target = e.target;
-					let truncated = Math.trunc(Number(target.value));
-					if (truncated > this.max) truncated = this.max;
-					target.value = truncated.toString();
-				}
-				if (this.callback) this.callback(e);
-			}}
-            @keydown=${(e) => {
-				if (this.integerOnly && (e.key === "." || e.key === "," || e.key === "e" || e.key === "E")) e.preventDefault();
-			}}
-          ></sl-input>
         `;
 			case "providers": return html`
           <axebow-providers-input
@@ -2258,7 +2240,6 @@ __decorate([property({ type: Boolean })], AxebowInput.prototype, "clearable", vo
 __decorate([property({ attribute: false })], AxebowInput.prototype, "onAddNew", void 0);
 __decorate([property({ attribute: false })], AxebowInput.prototype, "addDialogLabels", void 0);
 __decorate([property({ type: Boolean })], AxebowInput.prototype, "compact", void 0);
-__decorate([property({ type: Boolean })], AxebowInput.prototype, "integerOnly", 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, "showStepper", void 0);