@luzmo/lucero 1.0.1-alpha.18 → 1.0.1-alpha.19

package/components/number-field/index.cjs

@@ -15,646 +15,43 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const number = require("@internationalized/number");
-const icons = require("@luzmo/icons");
-const lit = require("lit");
-const decorators_js = require("lit/decorators.js");
-const platform = require("../platform-CxDar3Dn.cjs");
-const languageResolution = require("../language-resolution-iN9EImbb.cjs");
-const streamingListener = require("../streaming-listener-D4sHaMub.cjs");
-require("../infield-button/index.cjs");
-const textField = require("../text-field-11tcnftU.cjs");
-const styles = '#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;font-size:var(--luzmo-stepper-button-font-size, var(--stepper-button-font-size));block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-button-width) + var(--luzmo-text-field-icon-spacing-inline-end-invalid, var(--text-field-icon-spacing-inline-end-invalid)))}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-font-size: var(--luzmo-font-size);--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-negative-color);--stepper-border-color-hover-invalid: var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid: var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-negative-color-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4);--stepper-button-font-size: var(--luzmo-font-size-s)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25);--stepper-button-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25);--stepper-button-font-size: var(--luzmo-font-size-xl)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width, var(--stepper-border-width)) solid var(--luzmo-stepper-border-color, var(--stepper-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const FRAMES_PER_CHANGE = 5;
-const CHANGE_DEBOUNCE_MS = 100;
-const indeterminatePlaceholder = "-";
-const remapMultiByteCharacters = {
-  "１": "1",
-  "２": "2",
-  "３": "3",
-  "４": "4",
-  "５": "5",
-  "６": "6",
-  "７": "7",
-  "８": "8",
-  "９": "9",
-  "０": "0",
-  "、": ",",
-  "，": ",",
-  "。": ".",
-  "．": ".",
-  "％": "%",
-  "＋": "+",
-  ー: "-",
-  一: "1",
-  二: "2",
-  三: "3",
-  四: "4",
-  五: "5",
-  六: "6",
-  七: "7",
-  八: "8",
-  九: "9",
-  零: "0"
-};
-class LuzmoNumberField extends textField.LuzmoTextFieldBase {
-  constructor() {
-    super(...arguments);
-    this.focused = false;
-    this._forcedUnit = "";
-    this.formatOptions = {};
-    this.hideStepper = false;
-    this.indeterminate = false;
-    this.keyboardFocused = false;
-    this.managedInput = false;
-    this.stepModifier = 10;
-    this._value = Number.NaN;
-    this._trackingValue = "";
-    this.decimalsChars = /* @__PURE__ */ new Set([".", ","]);
-    this.valueBeforeFocus = "";
-    this.isIntentDecimal = false;
-    this.changeCount = 0;
-    this.languageResolver = new languageResolution.LanguageResolutionController(this);
-    this.wasIndeterminate = false;
-    this.hasRecentlyReceivedPointerDown = false;
-    this.applyFocusElementLabel = (value) => {
-      this.appliedLabel = value;
-    };
-    this.isComposing = false;
-  }
-  static get styles() {
-    return [...super.styles, lit.unsafeCSS(styles)];
-  }
-  set value(rawValue) {
-    const value = this.validateInput(rawValue);
-    if (value === this.value) {
-      return;
-    }
-    this.lastCommitedValue = value;
-    const oldValue = this._value;
-    this._value = value;
-    this.requestUpdate("value", oldValue);
-  }
-  get value() {
-    return this._value;
-  }
-  get inputValue() {
-    return this.indeterminate ? this.formattedValue : this.inputElement.value;
-  }
-  setValue(newValue = this.value) {
-    const previousValue = this.lastCommitedValue;
-    this.value = newValue;
-    if (previousValue === void 0 || previousValue === this.value) {
-      return;
-    }
-    this.lastCommitedValue = this.value;
-    this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
-  }
-  /**
-   * Retreive the value of the element parsed to a Number.
-   */
-  get valueAsString() {
-    return this._value.toString();
-  }
-  set valueAsString(value) {
-    this.value = this.numberParser.parse(value);
-  }
-  get formattedValue() {
-    if (Number.isNaN(this.value)) {
-      return "";
-    }
-    return this.numberFormatter.format(this.value) + (this.focused ? "" : this._forcedUnit);
-  }
-  convertValueToNumber(inputValue) {
-    let normalizedValue = [...inputValue].map((char) => remapMultiByteCharacters[char] || char).join("");
-    const separators = [...this.valueBeforeFocus].filter(
-      (char) => this.decimalsChars.has(char)
-    );
-    const uniqueSeparators = new Set(separators);
-    if (platform.isIOS() && this.inputElement.inputMode === "decimal" && normalizedValue !== this.valueBeforeFocus) {
-      const parts = this.numberFormatter.formatToParts(1000.1);
-      const replacementDecimal = parts.find(
-        (part) => part.type === "decimal"
-      ).value;
-      for (const separator of uniqueSeparators) {
-        const isDecimalSeparator = separator === replacementDecimal;
-        if (!isDecimalSeparator && !this.isIntentDecimal) {
-          normalizedValue = normalizedValue.replaceAll(
-            new RegExp(separator, "g"),
-            ""
-          );
-        }
-      }
-      let hasReplacedDecimal = false;
-      const valueChars = [...normalizedValue];
-      for (let index = valueChars.length - 1; index >= 0; index--) {
-        const char = valueChars[index];
-        if (this.decimalsChars.has(char)) {
-          if (hasReplacedDecimal) {
-            valueChars[index] = "";
-          } else {
-            valueChars[index] = replacementDecimal;
-            hasReplacedDecimal = true;
-          }
-        }
-      }
-      normalizedValue = valueChars.join("");
-    }
-    return this.numberParser.parse(normalizedValue);
-  }
-  get _step() {
-    var _a;
-    if (this.step !== void 0) {
-      return this.step;
-    }
-    if (((_a = this.formatOptions) == null ? void 0 : _a.style) === "percent") {
-      return 0.01;
-    }
-    return 1;
-  }
-  handlePointerdown(event) {
-    if (event.button !== 0) {
-      event.preventDefault();
-      return;
-    }
-    this.managedInput = true;
-    this.buttons.setPointerCapture(event.pointerId);
-    const stepUpRect = this.buttons.children[0].getBoundingClientRect();
-    const stepDownRect = this.buttons.children[1].getBoundingClientRect();
-    this.findChange = (changeEvent) => {
-      if (changeEvent.clientX >= stepUpRect.x && changeEvent.clientY >= stepUpRect.y && changeEvent.clientX <= stepUpRect.x + stepUpRect.width && changeEvent.clientY <= stepUpRect.y + stepUpRect.height) {
-        this.change = (incrementChangeEvent) => this.increment(incrementChangeEvent.shiftKey ? this.stepModifier : 1);
-      } else if (changeEvent.clientX >= stepDownRect.x && changeEvent.clientY >= stepDownRect.y && changeEvent.clientX <= stepDownRect.x + stepDownRect.width && changeEvent.clientY <= stepDownRect.y + stepDownRect.height) {
-        this.change = (decrementChangeEvent) => this.decrement(decrementChangeEvent.shiftKey ? this.stepModifier : 1);
-      }
-    };
-    this.findChange(event);
-    this.startChange(event);
-  }
-  startChange(event) {
-    this.changeCount = 0;
-    this.doChange(event);
-    this.safty = setTimeout(() => {
-      this.doNextChange(event);
-    }, 400);
-  }
-  doChange(event) {
-    this.change(event);
-  }
-  handlePointermove(event) {
-    this.findChange(event);
-  }
-  handlePointerup(event) {
-    this.buttons.releasePointerCapture(event.pointerId);
-    cancelAnimationFrame(this.nextChange);
-    clearTimeout(this.safty);
-    this.managedInput = false;
-    this.setValue();
-  }
-  doNextChange(event) {
-    this.changeCount += 1;
-    if (this.changeCount % FRAMES_PER_CHANGE === 0) {
-      this.doChange(event);
-    }
-    return requestAnimationFrame(() => {
-      this.nextChange = this.doNextChange(event);
-    });
-  }
-  stepBy(count) {
-    if (this.disabled || this.readonly) {
-      return;
-    }
-    const min = this.min === void 0 ? 0 : this.min;
-    let value = this.value;
-    value += count * this._step;
-    if (Number.isNaN(this.value)) {
-      value = min;
-    }
-    value = this.valueWithLimits(value);
-    this.requestUpdate();
-    this._value = this.validateInput(value);
-    this.inputElement.value = this.numberFormatter.format(value);
-    this.inputElement.dispatchEvent(
-      new Event("input", { bubbles: true, composed: true })
-    );
-    this.indeterminate = false;
-    this.focus();
-  }
-  increment(factor = 1) {
-    this.stepBy(1 * factor);
-  }
-  decrement(factor = 1) {
-    this.stepBy(-1 * factor);
-  }
-  handleKeydown(event) {
-    if (this.isComposing) {
-      return;
-    }
-    switch (event.code) {
-      case "ArrowUp": {
-        event.preventDefault();
-        this.increment(event.shiftKey ? this.stepModifier : 1);
-        this.setValue();
-        break;
-      }
-      case "ArrowDown": {
-        event.preventDefault();
-        this.decrement(event.shiftKey ? this.stepModifier : 1);
-        this.setValue();
-        break;
-      }
-    }
-  }
-  onScroll(event) {
-    event.preventDefault();
-    this.managedInput = true;
-    const direction = event.shiftKey ? event.deltaX / Math.abs(event.deltaX) : event.deltaY / Math.abs(event.deltaY);
-    if (direction !== 0 && !Number.isNaN(direction)) {
-      this.stepBy(direction * (event.shiftKey ? this.stepModifier : 1));
-      clearTimeout(this.queuedChangeEvent);
-      this.queuedChangeEvent = setTimeout(() => {
-        this.setValue();
-      }, CHANGE_DEBOUNCE_MS);
-    }
-    this.managedInput = false;
-  }
-  onFocus() {
-    super.onFocus();
-    this._trackingValue = this.inputValue;
-    this.keyboardFocused = !this.readonly && true;
-    this.addEventListener("wheel", this.onScroll, { passive: false });
-    this.valueBeforeFocus = this.inputElement.value;
-  }
-  onBlur(_event) {
-    super.onBlur(_event);
-    this.keyboardFocused = !this.readonly && false;
-    this.removeEventListener("wheel", this.onScroll);
-    this.isIntentDecimal = false;
-  }
-  handleFocusin() {
-    this.focused = !this.readonly && true;
-    this.keyboardFocused = !this.readonly && true;
-  }
-  handleFocusout() {
-    this.focused = !this.readonly && false;
-    this.keyboardFocused = !this.readonly && false;
-  }
-  handleChange() {
-    const value = this.convertValueToNumber(this.inputValue);
-    if (this.wasIndeterminate) {
-      this.wasIndeterminate = false;
-      this.indeterminateValue = void 0;
-      if (Number.isNaN(value)) {
-        this.indeterminate = true;
-        return;
-      }
-    }
-    this.setValue(value);
-    this.inputElement.value = this.formattedValue;
-  }
-  handleCompositionStart() {
-    this.isComposing = true;
-  }
-  handleCompositionEnd() {
-    this.isComposing = false;
-    requestAnimationFrame(() => {
-      this.inputElement.dispatchEvent(
-        new Event("input", {
-          composed: true,
-          bubbles: true
-        })
-      );
-    });
-  }
-  handleInputElementPointerdown() {
-    this.hasRecentlyReceivedPointerDown = true;
-    this.updateComplete.then(() => {
-      requestAnimationFrame(() => {
-        this.hasRecentlyReceivedPointerDown = false;
-      });
-    });
-  }
-  handleInput(event) {
-    if (this.isComposing) {
-      if (event.data) {
-        const partialValue = this.convertValueToNumber(event.data);
-        if (Number.isNaN(partialValue)) {
-          this.inputElement.value = this.indeterminate ? indeterminatePlaceholder : this._trackingValue;
-          this.isComposing = false;
-        }
-      }
-      event.stopPropagation();
-      return;
-    }
-    if (this.indeterminate) {
-      this.wasIndeterminate = true;
-      this.indeterminateValue = this.value;
-      this.inputElement.value = this.inputElement.value.replace(
-        indeterminatePlaceholder,
-        ""
-      );
-    }
-    if (event.data && this.decimalsChars.has(event.data)) {
-      this.isIntentDecimal = true;
-    }
-    const { value: originalValue, selectionStart } = this.inputElement;
-    const value = [...originalValue].map((char) => remapMultiByteCharacters[char] || char).join("");
-    if (this.numberParser.isValidPartialNumber(value)) {
-      this.lastCommitedValue = this.lastCommitedValue ?? this.value;
-      const valueAsNumber = this.convertValueToNumber(value);
-      if (!value && this.indeterminateValue) {
-        this.indeterminate = true;
-        this._value = this.indeterminateValue;
-      } else {
-        this.indeterminate = false;
-        this._value = this.validateInput(valueAsNumber);
-      }
-      this._trackingValue = value;
-      this.inputElement.value = value;
-      this.inputElement.setSelectionRange(selectionStart, selectionStart);
-      return;
-    }
-    this.inputElement.value = this.indeterminate ? indeterminatePlaceholder : this._trackingValue;
-    event.stopPropagation();
-    const currentLength = value.length;
-    const previousLength = this._trackingValue.length;
-    const nextSelectStart = (selectionStart || currentLength) - (currentLength - previousLength);
-    this.inputElement.setSelectionRange(nextSelectStart, nextSelectStart);
-  }
-  valueWithLimits(nextValue) {
-    let value = nextValue;
-    if (this.min !== void 0) {
-      value = Math.max(this.min, value);
-    }
-    if (this.max !== void 0) {
-      value = Math.min(this.max, value);
-    }
-    return value;
-  }
-  validateInput(value) {
-    value = this.valueWithLimits(value);
-    const signMultiplier = value < 0 ? -1 : 1;
-    value *= signMultiplier;
-    if (this.step) {
-      const min = this.min === void 0 ? 0 : this.min;
-      const moduloStep = Number.parseFloat(
-        this.valueFormatter.format((value - min) % this.step)
-      );
-      const fallsOnStep = moduloStep === 0;
-      if (!fallsOnStep) {
-        const overUnder = Math.round(moduloStep / this.step);
-        if (overUnder === 1) {
-          value += this.step - moduloStep;
-        } else {
-          value -= moduloStep;
-        }
-      }
-      if (this.max !== void 0) {
-        while (value > this.max) {
-          value -= this.step;
-        }
-      }
-      value = Number.parseFloat(this.valueFormatter.format(value));
-    }
-    value *= signMultiplier;
-    return value;
-  }
-  get displayValue() {
-    const indeterminateValue = this.focused ? "" : indeterminatePlaceholder;
-    return this.indeterminate ? indeterminateValue : this.formattedValue;
-  }
-  clearNumberFormatterCache() {
-    this._numberFormatter = void 0;
-    this._numberParser = void 0;
-  }
-  get numberFormatter() {
-    if (!this._numberFormatter || !this._numberFormatterFocused) {
-      const {
-        style,
-        unit,
-        unitDisplay,
-        ...formatOptionsNoUnit
-      } = this.formatOptions;
-      if (style !== "unit") {
-        formatOptionsNoUnit.style = style;
-      }
-      this._numberFormatterFocused = new number.NumberFormatter(
-        this.languageResolver.language,
-        formatOptionsNoUnit
-      );
-      try {
-        this._numberFormatter = new number.NumberFormatter(
-          this.languageResolver.language,
-          this.formatOptions
-        );
-        this._forcedUnit = "";
-        this._numberFormatter.format(1);
-      } catch {
-        if (style === "unit") {
-          this._forcedUnit = unit;
-        }
-        this._numberFormatter = this._numberFormatterFocused;
-      }
-    }
-    return this.focused ? this._numberFormatterFocused : this._numberFormatter;
-  }
-  clearValueFormatterCache() {
-    this._valueFormatter = void 0;
-  }
-  get valueFormatter() {
-    if (!this._valueFormatter) {
-      const digitsAfterDecimal = this.step ? this.step === Math.floor(this.step) ? 0 : this.step.toString().split(".")[1].length : 0;
-      this._valueFormatter = new number.NumberFormatter("en", {
-        useGrouping: false,
-        maximumFractionDigits: digitsAfterDecimal
-      });
-    }
-    return this._valueFormatter;
-  }
-  get numberParser() {
-    if (!this._numberParser || !this._numberParserFocused) {
-      const {
-        style,
-        unit,
-        unitDisplay,
-        ...formatOptionsNoUnit
-      } = this.formatOptions;
-      if (style !== "unit") {
-        formatOptionsNoUnit.style = style;
-      }
-      this._numberParserFocused = new number.NumberParser(
-        this.languageResolver.language,
-        formatOptionsNoUnit
-      );
-      try {
-        this._numberParser = new number.NumberParser(
-          this.languageResolver.language,
-          this.formatOptions
-        );
-        this._forcedUnit = "";
-        this._numberParser.parse("0");
-      } catch {
-        if (style === "unit") {
-          this._forcedUnit = unit;
-        }
-        this._numberParser = this._numberParserFocused;
-      }
-    }
-    return this.focused ? this._numberParserFocused : this._numberParser;
-  }
-  renderField() {
-    this.autocomplete = "off";
-    return lit.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../NumberFormatter-DewVDY5w.cjs"),g=require("../NumberParser-Dik4a0h-.cjs"),h=require("../luzmo-icons-CtA-TJPd.cjs"),s=require("../base-Cy0MQrPT.cjs"),x=require("../query-BL-TJj7K.cjs"),c=require("../platform-BiXhwqk3.cjs"),z=require("../language-resolution-EUER43cg.cjs"),y=require("../streaming-listener-DeGQYM-9.cjs");require("../infield-button/index.cjs");const k=require("../text-field-BkFPYo7S.cjs"),F='#text-field{--stepper-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--stepper-min-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color, var( --luzmo-stepper-buttons-border-color, var(--stepper-buttons-border-color) ) );--luzmo-infield-button-border-width: var( --luzmo-stepper-button-border-width, var(--stepper-button-border-width) );--luzmo-infield-button-border-radius-reset: var( --stepper-button-border-radius-reset );--luzmo-text-field-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );inline-size:var(--luzmo-stepper-width, var(--stepper-width));block-size:var(--luzmo-stepper-height, var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:"";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var( --luzmo-stepper-buttons-border-color-focus, var(--stepper-buttons-border-color-focus) ) )}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-buttons-border-color-keyboard-focus, var(--stepper-buttons-border-color-keyboard-focus) ) )}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width, var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap, var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus, var(--luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-stepper-border-color-hover: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) );--luzmo-stepper-border-color-focus: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) );--luzmo-stepper-border-color-focus-hover: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) );--luzmo-stepper-border-color-keyboard-focus: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-invalid, var(--stepper-border-color-invalid) );--luzmo-text-field-icon-spacing-inline-start-invalid: 0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-invalid, var(--stepper-border-color-focus-invalid) )}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-keyboard-focus-invalid, var(--stepper-border-color-keyboard-focus-invalid) )}:host([disabled]) #text-field{--luzmo-stepper-border-color: var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-focus-hover: var( --stepper-button-border-color-disabled );--luzmo-stepper-border-color-keyboard-focus: var( --stepper-button-border-color-disabled );--luzmo-stepper-buttons-background-color: var( --stepper-buttons-background-color-disabled );--luzmo-infield-button-border-width: var( --stepper-button-border-width-disabled );--luzmo-infield-button-border-color: var( --stepper-button-border-color-disabled );--luzmo-text-field-border-color-disabled: var( --stepper-button-border-color-disabled )}#text-field .input{border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;font-size:var(--luzmo-stepper-button-font-size, var(--stepper-button-font-size));block-size:var(--luzmo-stepper-height, var(--stepper-height));inline-size:var(--luzmo-stepper-button-width, var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style, var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width, var(--luzmo-stepper-buttons-border-width, var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color, var(--luzmo-stepper-buttons-background-color, var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration, var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius, var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color: transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color: transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width, var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color, var(--luzmo-stepper-border-color, var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked: var( --luzmo-stepper-button-width-quiet, var(--stepper-button-width) );--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-quiet, var(--stepper-button-border-color-quiet) );--luzmo-infield-button-stacked-bottom-border-block-end-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) );--luzmo-infield-button-stacked-bottom-border-radius-end-end: 0;--luzmo-infield-button-stacked-bottom-border-radius-end-start: 0;--luzmo-infield-button-fill-justify-content: flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus, var(--luzmo-stepper-border-color-focus, var(--stepper-border-color-focus)) )}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-keyboard-focus, var( --luzmo-stepper-border-color-keyboard-focus, var(--stepper-border-color-keyboard-focus) ) );outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color, var(--luzmo-stepper-focus-indicator-color, var(--stepper-focus-indicator-color)))}@media (hover: hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var( --luzmo-stepper-buttons-border-color-hover, var(--stepper-buttons-border-color-hover) ) )}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) );--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-buttons-border-color-focus-hover, var(--stepper-buttons-border-color-focus-hover) ) )}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover, var(--luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-hover-invalid, var(--stepper-border-color-hover-invalid) )}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color: var( --luzmo-stepper-border-color-focus-hover-invalid, var(--stepper-border-color-focus-hover-invalid) )}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-focus-hover, var( --luzmo-stepper-border-color-focus-hover, var(--stepper-border-color-focus-hover) ) )}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color: var( --highcontrast-stepper-border-color-hover, var(--luzmo-stepper-border-color-hover, var(--stepper-border-color-hover)) )}}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-button-width) + var(--luzmo-text-field-icon-spacing-inline-end-invalid, var(--text-field-icon-spacing-inline-end-invalid)))}@media (forced-colors: active){:host{--highcontrast-stepper-border-color: CanvasText;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: CanvasText;--highcontrast-stepper-button-background-color-default: Canvas;--highcontrast-stepper-button-background-color-hover: Canvas;--highcontrast-stepper-button-background-color-focus: Canvas;--highcontrast-stepper-button-background-color-keyboard-focus: Canvas;--highcontrast-stepper-focus-indicator-color: Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color: Highlight;--highcontrast-stepper-border-color-hover: Highlight;--highcontrast-stepper-border-color-focus: Highlight;--highcontrast-stepper-border-color-focus-hover: Highlight;--highcontrast-stepper-border-color-keyboard-focus: Highlight;--highcontrast-infield-button-border-color: Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color: GrayText;--highcontrast-infield-button-border-color: GrayText;--highcontrast-stepper-buttons-border-width: var( --luzmo-stepper-border-width, var(--stepper-border-width) )}}:host{--text-field-minimum-width-multiplier: 1.75;--stepper-border-width: var(--luzmo-border-width);--stepper-border-color: var(--luzmo-border-color);--stepper-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover: var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus: var(--luzmo-border-color-full-focus);--stepper-border-radius: var(--luzmo-border-radius);--stepper-min-width-multiplier: 1.5;--stepper-animation-duration: var(--luzmo-animation-duration);--stepper-buttons-background-color: var(--luzmo-background-color);--stepper-buttons-border-style: none;--stepper-buttons-border-width: 0;--stepper-buttons-border-color: var(--luzmo-border-color);--stepper-buttons-border-color-hover: var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus: var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus: var( --luzmo-border-color-focus );--stepper-button-font-size: var(--luzmo-font-size);--stepper-button-padding: 0px;--stepper-button-border-radius-reset: 0;--stepper-button-border-width: var(--luzmo-border-width);--stepper-button-background-color-focus: var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus: var( --luzmo-background-color-focus );--stepper-border-color-invalid: var(--luzmo-negative-color);--stepper-border-color-hover-invalid: var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid: var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid: var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid: var( --luzmo-negative-color-focus );--stepper-focus-indicator-width: var(--luzmo-indicator-width);--stepper-focus-indicator-gap: calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color: var(--luzmo-indicator-color);--stepper-button-border-color-quiet: transparent;--stepper-button-border-color-disabled: var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled: var(--luzmo-border-width);--stepper-buttons-background-color-disabled: var( --luzmo-background-color-disabled );--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width: 16px;--stepper-height: var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width: 20px;--stepper-height: var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width: 28px;--stepper-height: var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width: 36px;--stepper-height: var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width, var(--stepper-width));--swc-number-field-width: calc( var(--luzmo-stepper-height, var(--stepper-height)) * var( --luzmo-stepper-min-width-multiplier, var(--text-field-minimum-width-multiplier) ) + var(--luzmo-stepper-button-width, var(--stepper-button-width)) + var(--luzmo-stepper-border-width, var(--stepper-border-width)) * 2 );--luzmo-infield-button-border-width: var(--unset-value-resets-inheritance);--stepper-width: var(--swc-number-field-width)}:host([size=s]){--stepper-width: calc(var(--swc-number-field-width) / 5 * 4);--stepper-button-font-size: var(--luzmo-font-size-s)}:host([size=l]){--stepper-width: calc(var(--swc-number-field-width) * 1.25);--stepper-button-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width: calc(var(--swc-number-field-width) * 1.25 * 1.25);--stepper-button-font-size: var(--luzmo-font-size-xl)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:transparent}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width, var(--stepper-border-width)) solid var(--luzmo-stepper-border-color, var(--stepper-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color: var( --luzmo-infield-border-color-quiet, transparent );--luzmo-infield-button-edge-to-fill: 0;--luzmo-infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}';var C=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=(f,e,t,o)=>{for(var r=o>1?void 0:o?_(e,t):e,i=f.length-1,u;i>=0;i--)(u=f[i])&&(r=(o?u(e,t,r):u(r))||r);return o&&r&&C(e,t,r),r};const q=5,N=100,b="-",w={"１":"1","２":"2","３":"3","４":"4","５":"5","６":"6","７":"7","８":"8","９":"9","０":"0","、":",","，":",","。":".","．":".","％":"%","＋":"+",ー:"-",一:"1",二:"2",三:"3",四:"4",五:"5",六:"6",七:"7",八:"8",九:"9",零:"0"};class a extends k.LuzmoTextFieldBase{constructor(){super(...arguments),this.focused=!1,this._forcedUnit="",this.formatOptions={},this.hideStepper=!1,this.indeterminate=!1,this.keyboardFocused=!1,this.managedInput=!1,this.stepModifier=10,this._value=Number.NaN,this._trackingValue="",this.decimalsChars=new Set([".",","]),this.valueBeforeFocus="",this.isIntentDecimal=!1,this.changeCount=0,this.languageResolver=new z.LanguageResolutionController(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,s.r(F)]}set value(e){const t=this.validateInput(e);if(t===this.value)return;this.lastCommitedValue=t;const o=this._value;this._value=t,this.requestUpdate("value",o)}get value(){return this._value}get inputValue(){return this.indeterminate?this.formattedValue:this.inputElement.value}setValue(e=this.value){const t=this.lastCommitedValue;this.value=e,!(t===void 0||t===this.value)&&(this.lastCommitedValue=this.value,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}get valueAsString(){return this._value.toString()}set valueAsString(e){this.value=this.numberParser.parse(e)}get formattedValue(){return Number.isNaN(this.value)?"":this.numberFormatter.format(this.value)+(this.focused?"":this._forcedUnit)}convertValueToNumber(e){let t=[...e].map(i=>w[i]||i).join("");const o=[...this.valueBeforeFocus].filter(i=>this.decimalsChars.has(i)),r=new Set(o);if(c.isIOS()&&this.inputElement.inputMode==="decimal"&&t!==this.valueBeforeFocus){const u=this.numberFormatter.formatToParts(1000.1).find(n=>n.type==="decimal").value;for(const n of r)!(n===u)&&!this.isIntentDecimal&&(t=t.replaceAll(new RegExp(n,"g"),""));let p=!1;const l=[...t];for(let n=l.length-1;n>=0;n--){const v=l[n];this.decimalsChars.has(v)&&(p?l[n]="":(l[n]=u,p=!0))}t=l.join("")}return this.numberParser.parse(t)}get _step(){var e;return this.step!==void 0?this.step:((e=this.formatOptions)==null?void 0:e.style)==="percent"?.01:1}handlePointerdown(e){if(e.button!==0){e.preventDefault();return}this.managedInput=!0,this.buttons.setPointerCapture(e.pointerId);const t=this.buttons.children[0].getBoundingClientRect(),o=this.buttons.children[1].getBoundingClientRect();this.findChange=r=>{r.clientX>=t.x&&r.clientY>=t.y&&r.clientX<=t.x+t.width&&r.clientY<=t.y+t.height?this.change=i=>this.increment(i.shiftKey?this.stepModifier:1):r.clientX>=o.x&&r.clientY>=o.y&&r.clientX<=o.x+o.width&&r.clientY<=o.y+o.height&&(this.change=i=>this.decrement(i.shiftKey?this.stepModifier:1))},this.findChange(e),this.startChange(e)}startChange(e){this.changeCount=0,this.doChange(e),this.safty=setTimeout(()=>{this.doNextChange(e)},400)}doChange(e){this.change(e)}handlePointermove(e){this.findChange(e)}handlePointerup(e){this.buttons.releasePointerCapture(e.pointerId),cancelAnimationFrame(this.nextChange),clearTimeout(this.safty),this.managedInput=!1,this.setValue()}doNextChange(e){return this.changeCount+=1,this.changeCount%q===0&&this.doChange(e),requestAnimationFrame(()=>{this.nextChange=this.doNextChange(e)})}stepBy(e){if(this.disabled||this.readonly)return;const t=this.min===void 0?0:this.min;let o=this.value;o+=e*this._step,Number.isNaN(this.value)&&(o=t),o=this.valueWithLimits(o),this.requestUpdate(),this._value=this.validateInput(o),this.inputElement.value=this.numberFormatter.format(o),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.indeterminate=!1,this.focus()}increment(e=1){this.stepBy(1*e)}decrement(e=1){this.stepBy(-1*e)}handleKeydown(e){if(!this.isComposing)switch(e.code){case"ArrowUp":{e.preventDefault(),this.increment(e.shiftKey?this.stepModifier:1),this.setValue();break}case"ArrowDown":{e.preventDefault(),this.decrement(e.shiftKey?this.stepModifier:1),this.setValue();break}}}onScroll(e){e.preventDefault(),this.managedInput=!0;const t=e.shiftKey?e.deltaX/Math.abs(e.deltaX):e.deltaY/Math.abs(e.deltaY);t!==0&&!Number.isNaN(t)&&(this.stepBy(t*(e.shiftKey?this.stepModifier:1)),clearTimeout(this.queuedChangeEvent),this.queuedChangeEvent=setTimeout(()=>{this.setValue()},N)),this.managedInput=!1}onFocus(){super.onFocus(),this._trackingValue=this.inputValue,this.keyboardFocused=!this.readonly&&!0,this.addEventListener("wheel",this.onScroll,{passive:!1}),this.valueBeforeFocus=this.inputElement.value}onBlur(e){super.onBlur(e),this.keyboardFocused=!this.readonly&&!1,this.removeEventListener("wheel",this.onScroll),this.isIntentDecimal=!1}handleFocusin(){this.focused=!this.readonly&&!0,this.keyboardFocused=!this.readonly&&!0}handleFocusout(){this.focused=!this.readonly&&!1,this.keyboardFocused=!this.readonly&&!1}handleChange(){const e=this.convertValueToNumber(this.inputValue);if(this.wasIndeterminate&&(this.wasIndeterminate=!1,this.indeterminateValue=void 0,Number.isNaN(e))){this.indeterminate=!0;return}this.setValue(e),this.inputElement.value=this.formattedValue}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,requestAnimationFrame(()=>{this.inputElement.dispatchEvent(new Event("input",{composed:!0,bubbles:!0}))})}handleInputElementPointerdown(){this.hasRecentlyReceivedPointerDown=!0,this.updateComplete.then(()=>{requestAnimationFrame(()=>{this.hasRecentlyReceivedPointerDown=!1})})}handleInput(e){if(this.isComposing){if(e.data){const l=this.convertValueToNumber(e.data);Number.isNaN(l)&&(this.inputElement.value=this.indeterminate?b:this._trackingValue,this.isComposing=!1)}e.stopPropagation();return}this.indeterminate&&(this.wasIndeterminate=!0,this.indeterminateValue=this.value,this.inputElement.value=this.inputElement.value.replace(b,"")),e.data&&this.decimalsChars.has(e.data)&&(this.isIntentDecimal=!0);const{value:t,selectionStart:o}=this.inputElement,r=[...t].map(l=>w[l]||l).join("");if(this.numberParser.isValidPartialNumber(r)){this.lastCommitedValue=this.lastCommitedValue??this.value;const l=this.convertValueToNumber(r);!r&&this.indeterminateValue?(this.indeterminate=!0,this._value=this.indeterminateValue):(this.indeterminate=!1,this._value=this.validateInput(l)),this._trackingValue=r,this.inputElement.value=r,this.inputElement.setSelectionRange(o,o);return}this.inputElement.value=this.indeterminate?b:this._trackingValue,e.stopPropagation();const i=r.length,u=this._trackingValue.length,p=(o||i)-(i-u);this.inputElement.setSelectionRange(p,p)}valueWithLimits(e){let t=e;return this.min!==void 0&&(t=Math.max(this.min,t)),this.max!==void 0&&(t=Math.min(this.max,t)),t}validateInput(e){e=this.valueWithLimits(e);const t=e<0?-1:1;if(e*=t,this.step){const o=this.min===void 0?0:this.min,r=Number.parseFloat(this.valueFormatter.format((e-o)%this.step));if(r===0||(Math.round(r/this.step)===1?e+=this.step-r:e-=r),this.max!==void 0)for(;e>this.max;)e-=this.step;e=Number.parseFloat(this.valueFormatter.format(e))}return e*=t,e}get displayValue(){const e=this.focused?"":b;return this.indeterminate?e:this.formattedValue}clearNumberFormatterCache(){this._numberFormatter=void 0,this._numberParser=void 0}get numberFormatter(){if(!this._numberFormatter||!this._numberFormatterFocused){const{style:e,unit:t,unitDisplay:o,...r}=this.formatOptions;e!=="unit"&&(r.style=e),this._numberFormatterFocused=new m.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(this.languageResolver.language,r);try{this._numberFormatter=new m.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberFormatter.format(1)}catch{e==="unit"&&(this._forcedUnit=t),this._numberFormatter=this._numberFormatterFocused}}return this.focused?this._numberFormatterFocused:this._numberFormatter}clearValueFormatterCache(){this._valueFormatter=void 0}get valueFormatter(){if(!this._valueFormatter){const e=this.step?this.step===Math.floor(this.step)?0:this.step.toString().split(".")[1].length:0;this._valueFormatter=new m.$488c6ddbf4ef74c2$export$cc77c4ff7e8673c5("en",{useGrouping:!1,maximumFractionDigits:e})}return this._valueFormatter}get numberParser(){if(!this._numberParser||!this._numberParserFocused){const{style:e,unit:t,unitDisplay:o,...r}=this.formatOptions;e!=="unit"&&(r.style=e),this._numberParserFocused=new g.$6c7bd7858deea686$export$cd11ab140839f11d(this.languageResolver.language,r);try{this._numberParser=new g.$6c7bd7858deea686$export$cd11ab140839f11d(this.languageResolver.language,this.formatOptions),this._forcedUnit="",this._numberParser.parse("0")}catch{e==="unit"&&(this._forcedUnit=t),this._numberParser=this._numberParserFocused}}return this.focused?this._numberParserFocused:this._numberParser}renderField(){return this.autocomplete="off",s.x`
       ${super.renderField()}
-      ${this.hideStepper ? lit.nothing : lit.html`
+      ${this.hideStepper?s.E:s.x`
             <span
               class="buttons"
               @focusin=${this.handleFocusin}
               @focusout=${this.handleFocusout}
-              ${streamingListener.streamingListener({
-      start: ["pointerdown", this.handlePointerdown],
-      streamInside: [
-        [
-          "pointermove",
-          "pointerenter",
-          "pointerleave",
-          "pointerover",
-          "pointerout"
-        ],
-        this.handlePointermove
-      ],
-      end: [
-        ["pointerup", "pointercancel", "pointerleave"],
-        this.handlePointerup
-      ]
-    })}
+              ${y.streamingListener({start:["pointerdown",this.handlePointerdown],streamInside:[["pointermove","pointerenter","pointerleave","pointerover","pointerout"],this.handlePointermove],end:[["pointerup","pointercancel","pointerleave"],this.handlePointerup]})}
             >
               <luzmo-infield-button
                 inline="end"
                 block="start"
                 class="button step-up"
                 aria-hidden="true"
-                label=${"Increase " + this.appliedLabel}
+                label=${"Increase "+this.appliedLabel}
                 size=${this.size}
                 tabindex="-1"
                 ?focused=${this.focused}
-                ?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
+                ?disabled=${this.disabled||this.readonly||this.max!==void 0&&this.value===this.max}
                 ?quiet=${this.quiet}
               >
-                ${icons.luzmoIcon(icons.luzmoAngleUp)}
+                ${h.T3(h.b)}
               </luzmo-infield-button>
               <luzmo-infield-button
                 inline="end"
                 block="end"
                 class="button step-down"
                 aria-hidden="true"
-                label=${"Decrease " + this.appliedLabel}
+                label=${"Decrease "+this.appliedLabel}
                 size=${this.size}
                 tabindex="-1"
                 ?focused=${this.focused}
-                ?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
+                ?disabled=${this.disabled||this.readonly||this.min!==void 0&&this.value===this.min}
                 ?quiet=${this.quiet}
               >
-                ${icons.luzmoIcon(icons.luzmoAngleDown)}
+                ${h.T3(h.T)}
               </luzmo-infield-button>
             </span>
           `}
-    `;
-  }
-  update(changes) {
-    if (changes.has("formatOptions") || changes.has("resolvedLanguage")) {
-      this.clearNumberFormatterCache();
-    }
-    if (changes.has("value") || changes.has("max") || changes.has("min") || changes.has("step")) {
-      const value = this.numberParser.parse(
-        this.formattedValue.replace(this._forcedUnit, "")
-      );
-      this.value = value;
-      this.clearValueFormatterCache();
-    }
-    super.update(changes);
-  }
-  willUpdate(changes) {
-    this.multiline = false;
-    if (changes.has(languageResolution.languageResolverUpdatedSymbol)) {
-      this.clearNumberFormatterCache();
-    }
-  }
-  firstUpdated(changes) {
-    super.firstUpdated(changes);
-    this.addEventListener("keydown", this.handleKeydown);
-    this.addEventListener("compositionstart", this.handleCompositionStart);
-    this.addEventListener("compositionend", this.handleCompositionEnd);
-  }
-  updated(changes) {
-    if (!this.inputElement || !this.isConnected) {
-      return;
-    }
-    if (changes.has("min") || changes.has("formatOptions")) {
-      const hasOnlyPositives = this.min !== void 0 && this.min >= 0;
-      const { maximumFractionDigits } = this.numberFormatter.resolvedOptions();
-      const hasDecimals = maximumFractionDigits && maximumFractionDigits > 0;
-      let inputMode = "numeric";
-      if (platform.isIPhone() && !hasOnlyPositives) {
-        inputMode = "text";
-      } else if (platform.isIOS() && hasDecimals) {
-        inputMode = "decimal";
-      } else if (platform.isAndroid() && hasDecimals && hasOnlyPositives) {
-        inputMode = "decimal";
-      }
-      this.inputElement.inputMode = inputMode;
-    }
-    if (changes.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && !!this.formatOptions.unit) {
-      this.setSelectionRange(0, this.displayValue.length);
-    }
-  }
-}
-__decorateClass([
-  decorators_js.query(".buttons")
-], LuzmoNumberField.prototype, "buttons", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoNumberField.prototype, "focused", 2);
-__decorateClass([
-  decorators_js.property({ type: Object, attribute: "format-options" })
-], LuzmoNumberField.prototype, "formatOptions", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true, attribute: "hide-stepper" })
-], LuzmoNumberField.prototype, "hideStepper", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true })
-], LuzmoNumberField.prototype, "indeterminate", 2);
-__decorateClass([
-  decorators_js.property({ type: Boolean, reflect: true, attribute: "keyboard-focused" })
-], LuzmoNumberField.prototype, "keyboardFocused", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoNumberField.prototype, "max", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoNumberField.prototype, "min", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoNumberField.prototype, "step", 2);
-__decorateClass([
-  decorators_js.property({ type: Number, reflect: true, attribute: "step-modifier" })
-], LuzmoNumberField.prototype, "stepModifier", 2);
-__decorateClass([
-  decorators_js.property({ type: Number })
-], LuzmoNumberField.prototype, "value", 1);
-if (!customElements.get("luzmo-number-field")) {
-  customElements.define("luzmo-number-field", LuzmoNumberField);
-}
-exports.LuzmoNumberField = LuzmoNumberField;
+    `}update(e){if((e.has("formatOptions")||e.has("resolvedLanguage"))&&this.clearNumberFormatterCache(),e.has("value")||e.has("max")||e.has("min")||e.has("step")){const t=this.numberParser.parse(this.formattedValue.replace(this._forcedUnit,""));this.value=t,this.clearValueFormatterCache()}super.update(e)}willUpdate(e){this.multiline=!1,e.has(z.languageResolverUpdatedSymbol)&&this.clearNumberFormatterCache()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("compositionstart",this.handleCompositionStart),this.addEventListener("compositionend",this.handleCompositionEnd)}updated(e){if(!(!this.inputElement||!this.isConnected)){if(e.has("min")||e.has("formatOptions")){const t=this.min!==void 0&&this.min>=0,{maximumFractionDigits:o}=this.numberFormatter.resolvedOptions(),r=o&&o>0;let i="numeric";c.isIPhone()&&!t?i="text":(c.isIOS()&&r||c.isAndroid()&&r&&t)&&(i="decimal"),this.inputElement.inputMode=i}e.has("focused")&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}}d([x.e(".buttons")],a.prototype,"buttons",2);d([s.n({type:Boolean,reflect:!0})],a.prototype,"focused",2);d([s.n({type:Object,attribute:"format-options"})],a.prototype,"formatOptions",2);d([s.n({type:Boolean,reflect:!0,attribute:"hide-stepper"})],a.prototype,"hideStepper",2);d([s.n({type:Boolean,reflect:!0})],a.prototype,"indeterminate",2);d([s.n({type:Boolean,reflect:!0,attribute:"keyboard-focused"})],a.prototype,"keyboardFocused",2);d([s.n({type:Number})],a.prototype,"max",2);d([s.n({type:Number})],a.prototype,"min",2);d([s.n({type:Number})],a.prototype,"step",2);d([s.n({type:Number,reflect:!0,attribute:"step-modifier"})],a.prototype,"stepModifier",2);d([s.n({type:Number})],a.prototype,"value",1);customElements.get("luzmo-number-field")||customElements.define("luzmo-number-field",a);exports.LuzmoNumberField=a;