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

package/components/number-field/index.js

@@ -15,39 +15,30 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const initializeGlobalLuzmoCSSVariables = () => {
-  if (typeof document !== "undefined" && !document.querySelector("style[data-luzmo-vars]")) {
-    const styleElement = document.createElement("style");
-    styleElement.setAttribute("data-luzmo-vars", "");
-    styleElement.textContent = `html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}`;
-    document.head.appendChild(styleElement);
+import { $ as b } from "../NumberFormatter-DgOUVrge.js";
+import { $ as f } from "../NumberParser-ci9J5EKv.js";
+import { T as v, d as y, c as k } from "../luzmo-icons-CiSek5iM.js";
+import { r as C, E as F, x as z, n } from "../base-CFWO09N1.js";
+import { e as _ } from "../query-D_KR_GUc.js";
+import { c as g, a as V, j as N } from "../platform-BM-uMWpX.js";
+import { L as P, l as E } from "../language-resolution-B-wjV5bb.js";
+import { s as q } from "../streaming-listener-BQ68fKMa.js";
+import "../infield-button/index.js";
+import { a as S } from "../text-field-C2n3rzCK.js";
+const w = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const p = document.createElement("style");
+    p.setAttribute("data-luzmo-vars", ""), p.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(p);
   }
 };
-initializeGlobalLuzmoCSSVariables();
-import { NumberFormatter, NumberParser } from "@internationalized/number";
-import { luzmoIcon, luzmoAngleUp, luzmoAngleDown } from "@luzmo/icons";
-import { unsafeCSS, nothing, html } from "lit";
-import { query, property } from "lit/decorators.js";
-import { c as isIOS, a as isIPhone, j as isAndroid } from "../platform-Cxn0WbyT.js";
-import { L as LanguageResolutionController, l as languageResolverUpdatedSymbol } from "../language-resolution-BSGJAWiQ.js";
-import { s as streamingListener } from "../streaming-listener-cAz5zJyk.js";
-import "../infield-button/index.js";
-import { a as LuzmoTextFieldBase } from "../text-field-Chi9J2Cz.js";
-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;
+w();
+const D = '#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 R = Object.defineProperty, I = Object.getOwnPropertyDescriptor, a = (p, e, o, r) => {
+  for (var t = r > 1 ? void 0 : r ? I(e, o) : e, i = p.length - 1, u; i >= 0; i--)
+    (u = p[i]) && (t = (r ? u(e, o, t) : u(t)) || t);
+  return r && t && R(e, o, t), t;
 };
-const FRAMES_PER_CHANGE = 5;
-const CHANGE_DEBOUNCE_MS = 100;
-const indeterminatePlaceholder = "-";
-const remapMultiByteCharacters = {
+const $ = 5, O = 100, h = "-", x = {
   "１": "1",
   "２": "2",
   "３": "3",
@@ -76,43 +67,22 @@ const remapMultiByteCharacters = {
   九: "9",
   零: "0"
 };
-class LuzmoNumberField extends LuzmoTextFieldBase {
+class l extends S {
   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 LanguageResolutionController(this);
-    this.wasIndeterminate = false;
-    this.hasRecentlyReceivedPointerDown = false;
-    this.applyFocusElementLabel = (value) => {
-      this.appliedLabel = value;
-    };
-    this.isComposing = false;
+    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 = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new P(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
+      this.appliedLabel = e;
+    }, this.isComposing = !1;
   }
   static get styles() {
-    return [...super.styles, unsafeCSS(styles)];
+    return [...super.styles, C(D)];
   }
-  set value(rawValue) {
-    const value = this.validateInput(rawValue);
-    if (value === this.value) {
+  set value(e) {
+    const o = this.validateInput(e);
+    if (o === this.value)
       return;
-    }
-    this.lastCommitedValue = value;
-    const oldValue = this._value;
-    this._value = value;
-    this.requestUpdate("value", oldValue);
+    this.lastCommitedValue = o;
+    const r = this._value;
+    this._value = o, this.requestUpdate("value", r);
   }
   get value() {
     return this._value;
@@ -120,14 +90,9 @@ class LuzmoNumberField extends LuzmoTextFieldBase {
   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 }));
+  setValue(e = this.value) {
+    const o = this.lastCommitedValue;
+    this.value = e, !(o === void 0 || o === this.value) && (this.lastCommitedValue = this.value, this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
   }
   /**
    * Retreive the value of the element parsed to a Number.
@@ -135,344 +100,213 @@ class LuzmoNumberField extends LuzmoTextFieldBase {
   get valueAsString() {
     return this._value.toString();
   }
-  set valueAsString(value) {
-    this.value = this.numberParser.parse(value);
+  set valueAsString(e) {
+    this.value = this.numberParser.parse(e);
   }
   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 (isIOS() && this.inputElement.inputMode === "decimal" && normalizedValue !== this.valueBeforeFocus) {
-      const parts = this.numberFormatter.formatToParts(1000.1);
-      const replacementDecimal = parts.find(
-        (part) => part.type === "decimal"
+    return Number.isNaN(this.value) ? "" : this.numberFormatter.format(this.value) + (this.focused ? "" : this._forcedUnit);
+  }
+  convertValueToNumber(e) {
+    let o = [...e].map((i) => x[i] || i).join("");
+    const r = [...this.valueBeforeFocus].filter(
+      (i) => this.decimalsChars.has(i)
+    ), t = new Set(r);
+    if (g() && this.inputElement.inputMode === "decimal" && o !== this.valueBeforeFocus) {
+      const u = this.numberFormatter.formatToParts(1000.1).find(
+        (d) => d.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;
-          }
-        }
+      for (const d of t)
+        !(d === u) && !this.isIntentDecimal && (o = o.replaceAll(
+          new RegExp(d, "g"),
+          ""
+        ));
+      let c = !1;
+      const s = [...o];
+      for (let d = s.length - 1; d >= 0; d--) {
+        const m = s[d];
+        this.decimalsChars.has(m) && (c ? s[d] = "" : (s[d] = u, c = !0));
       }
-      normalizedValue = valueChars.join("");
+      o = s.join("");
     }
-    return this.numberParser.parse(normalizedValue);
+    return this.numberParser.parse(o);
   }
   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;
+    var e;
+    return this.step !== void 0 ? this.step : ((e = this.formatOptions) == null ? void 0 : e.style) === "percent" ? 0.01 : 1;
   }
-  handlePointerdown(event) {
-    if (event.button !== 0) {
-      event.preventDefault();
+  handlePointerdown(e) {
+    if (e.button !== 0) {
+      e.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);
+    this.managedInput = !0, this.buttons.setPointerCapture(e.pointerId);
+    const o = this.buttons.children[0].getBoundingClientRect(), r = this.buttons.children[1].getBoundingClientRect();
+    this.findChange = (t) => {
+      t.clientX >= o.x && t.clientY >= o.y && t.clientX <= o.x + o.width && t.clientY <= o.y + o.height ? this.change = (i) => this.increment(i.shiftKey ? this.stepModifier : 1) : t.clientX >= r.x && t.clientY >= r.y && t.clientX <= r.x + r.width && t.clientY <= r.y + r.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(event) {
-    this.change(event);
+  doChange(e) {
+    this.change(e);
   }
-  handlePointermove(event) {
-    this.findChange(event);
+  handlePointermove(e) {
+    this.findChange(e);
   }
-  handlePointerup(event) {
-    this.buttons.releasePointerCapture(event.pointerId);
-    cancelAnimationFrame(this.nextChange);
-    clearTimeout(this.safty);
-    this.managedInput = false;
-    this.setValue();
+  handlePointerup(e) {
+    this.buttons.releasePointerCapture(e.pointerId), cancelAnimationFrame(this.nextChange), clearTimeout(this.safty), this.managedInput = !1, this.setValue();
   }
-  doNextChange(event) {
-    this.changeCount += 1;
-    if (this.changeCount % FRAMES_PER_CHANGE === 0) {
-      this.doChange(event);
-    }
-    return requestAnimationFrame(() => {
-      this.nextChange = this.doNextChange(event);
+  doNextChange(e) {
+    return this.changeCount += 1, this.changeCount % $ === 0 && this.doChange(e), requestAnimationFrame(() => {
+      this.nextChange = this.doNextChange(e);
     });
   }
-  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) {
+  stepBy(e) {
+    if (this.disabled || this.readonly)
       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;
+    const o = this.min === void 0 ? 0 : this.min;
+    let r = this.value;
+    r += e * this._step, Number.isNaN(this.value) && (r = o), r = this.valueWithLimits(r), this.requestUpdate(), this._value = this.validateInput(r), this.inputElement.value = this.numberFormatter.format(r), 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(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;
+  onScroll(e) {
+    e.preventDefault(), this.managedInput = !0;
+    const o = e.shiftKey ? e.deltaX / Math.abs(e.deltaX) : e.deltaY / Math.abs(e.deltaY);
+    o !== 0 && !Number.isNaN(o) && (this.stepBy(o * (e.shiftKey ? this.stepModifier : 1)), clearTimeout(this.queuedChangeEvent), this.queuedChangeEvent = setTimeout(() => {
+      this.setValue();
+    }, O)), this.managedInput = !1;
   }
   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;
+    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 && true;
-    this.keyboardFocused = !this.readonly && true;
+    this.focused = !this.readonly && !0, this.keyboardFocused = !this.readonly && !0;
   }
   handleFocusout() {
-    this.focused = !this.readonly && false;
-    this.keyboardFocused = !this.readonly && false;
+    this.focused = !this.readonly && !1, this.keyboardFocused = !this.readonly && !1;
   }
   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;
-      }
+    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(value);
-    this.inputElement.value = this.formattedValue;
+    this.setValue(e), this.inputElement.value = this.formattedValue;
   }
   handleCompositionStart() {
-    this.isComposing = true;
+    this.isComposing = !0;
   }
   handleCompositionEnd() {
-    this.isComposing = false;
-    requestAnimationFrame(() => {
+    this.isComposing = !1, requestAnimationFrame(() => {
       this.inputElement.dispatchEvent(
         new Event("input", {
-          composed: true,
-          bubbles: true
+          composed: !0,
+          bubbles: !0
         })
       );
     });
   }
   handleInputElementPointerdown() {
-    this.hasRecentlyReceivedPointerDown = true;
-    this.updateComplete.then(() => {
+    this.hasRecentlyReceivedPointerDown = !0, this.updateComplete.then(() => {
       requestAnimationFrame(() => {
-        this.hasRecentlyReceivedPointerDown = false;
+        this.hasRecentlyReceivedPointerDown = !1;
       });
     });
   }
-  handleInput(event) {
+  handleInput(e) {
     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;
-        }
+      if (e.data) {
+        const s = this.convertValueToNumber(e.data);
+        Number.isNaN(s) && (this.inputElement.value = this.indeterminate ? h : this._trackingValue, this.isComposing = !1);
       }
-      event.stopPropagation();
+      e.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.indeterminate && (this.wasIndeterminate = !0, this.indeterminateValue = this.value, this.inputElement.value = this.inputElement.value.replace(
+      h,
+      ""
+    )), e.data && this.decimalsChars.has(e.data) && (this.isIntentDecimal = !0);
+    const { value: o, selectionStart: r } = this.inputElement, t = [...o].map((s) => x[s] || s).join("");
+    if (this.numberParser.isValidPartialNumber(t)) {
       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);
+      const s = this.convertValueToNumber(t);
+      !t && this.indeterminateValue ? (this.indeterminate = !0, this._value = this.indeterminateValue) : (this.indeterminate = !1, this._value = this.validateInput(s)), this._trackingValue = t, this.inputElement.value = t, this.inputElement.setSelectionRange(r, r);
       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)
+    this.inputElement.value = this.indeterminate ? h : this._trackingValue, e.stopPropagation();
+    const i = t.length, u = this._trackingValue.length, c = (r || i) - (i - u);
+    this.inputElement.setSelectionRange(c, c);
+  }
+  valueWithLimits(e) {
+    let o = e;
+    return this.min !== void 0 && (o = Math.max(this.min, o)), this.max !== void 0 && (o = Math.min(this.max, o)), o;
+  }
+  validateInput(e) {
+    e = this.valueWithLimits(e);
+    const o = e < 0 ? -1 : 1;
+    if (e *= o, this.step) {
+      const r = this.min === void 0 ? 0 : this.min, t = Number.parseFloat(
+        this.valueFormatter.format((e - r) % 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));
+      if (t === 0 || (Math.round(t / this.step) === 1 ? e += this.step - t : e -= t), this.max !== void 0)
+        for (; e > this.max; )
+          e -= this.step;
+      e = Number.parseFloat(this.valueFormatter.format(e));
     }
-    value *= signMultiplier;
-    return value;
+    return e *= o, e;
   }
   get displayValue() {
-    const indeterminateValue = this.focused ? "" : indeterminatePlaceholder;
-    return this.indeterminate ? indeterminateValue : this.formattedValue;
+    const e = this.focused ? "" : h;
+    return this.indeterminate ? e : this.formattedValue;
   }
   clearNumberFormatterCache() {
-    this._numberFormatter = void 0;
-    this._numberParser = void 0;
+    this._numberFormatter = void 0, this._numberParser = void 0;
   }
   get numberFormatter() {
     if (!this._numberFormatter || !this._numberFormatterFocused) {
       const {
-        style,
-        unit,
-        unitDisplay,
-        ...formatOptionsNoUnit
+        style: e,
+        unit: o,
+        unitDisplay: r,
+        ...t
       } = this.formatOptions;
-      if (style !== "unit") {
-        formatOptionsNoUnit.style = style;
-      }
-      this._numberFormatterFocused = new NumberFormatter(
+      e !== "unit" && (t.style = e), this._numberFormatterFocused = new b(
         this.languageResolver.language,
-        formatOptionsNoUnit
+        t
       );
       try {
-        this._numberFormatter = new NumberFormatter(
+        this._numberFormatter = new b(
           this.languageResolver.language,
           this.formatOptions
-        );
-        this._forcedUnit = "";
-        this._numberFormatter.format(1);
+        ), this._forcedUnit = "", this._numberFormatter.format(1);
       } catch {
-        if (style === "unit") {
-          this._forcedUnit = unit;
-        }
-        this._numberFormatter = this._numberFormatterFocused;
+        e === "unit" && (this._forcedUnit = o), this._numberFormatter = this._numberFormatterFocused;
       }
     }
     return this.focused ? this._numberFormatterFocused : this._numberFormatter;
@@ -482,10 +316,10 @@ class LuzmoNumberField extends LuzmoTextFieldBase {
   }
   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 NumberFormatter("en", {
-        useGrouping: false,
-        maximumFractionDigits: digitsAfterDecimal
+      const e = this.step ? this.step === Math.floor(this.step) ? 0 : this.step.toString().split(".")[1].length : 0;
+      this._valueFormatter = new b("en", {
+        useGrouping: !1,
+        maximumFractionDigits: e
       });
     }
     return this._valueFormatter;
@@ -493,44 +327,35 @@ class LuzmoNumberField extends LuzmoTextFieldBase {
   get numberParser() {
     if (!this._numberParser || !this._numberParserFocused) {
       const {
-        style,
-        unit,
-        unitDisplay,
-        ...formatOptionsNoUnit
+        style: e,
+        unit: o,
+        unitDisplay: r,
+        ...t
       } = this.formatOptions;
-      if (style !== "unit") {
-        formatOptionsNoUnit.style = style;
-      }
-      this._numberParserFocused = new NumberParser(
+      e !== "unit" && (t.style = e), this._numberParserFocused = new f(
         this.languageResolver.language,
-        formatOptionsNoUnit
+        t
       );
       try {
-        this._numberParser = new NumberParser(
+        this._numberParser = new f(
           this.languageResolver.language,
           this.formatOptions
-        );
-        this._forcedUnit = "";
-        this._numberParser.parse("0");
+        ), this._forcedUnit = "", this._numberParser.parse("0");
       } catch {
-        if (style === "unit") {
-          this._forcedUnit = unit;
-        }
-        this._numberParser = this._numberParserFocused;
+        e === "unit" && (this._forcedUnit = o), this._numberParser = this._numberParserFocused;
       }
     }
     return this.focused ? this._numberParserFocused : this._numberParser;
   }
   renderField() {
-    this.autocomplete = "off";
-    return html`
+    return this.autocomplete = "off", z`
       ${super.renderField()}
-      ${this.hideStepper ? nothing : html`
+      ${this.hideStepper ? F : z`
             <span
               class="buttons"
               @focusin=${this.handleFocusin}
               @focusout=${this.handleFocusout}
-              ${streamingListener({
+              ${q({
       start: ["pointerdown", this.handlePointerdown],
       streamInside: [
         [
@@ -560,7 +385,7 @@ class LuzmoNumberField extends LuzmoTextFieldBase {
                 ?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
                 ?quiet=${this.quiet}
               >
-                ${luzmoIcon(luzmoAngleUp)}
+                ${v(y)}
               </luzmo-infield-button>
               <luzmo-infield-button
                 inline="end"
@@ -574,96 +399,72 @@ class LuzmoNumberField extends LuzmoTextFieldBase {
                 ?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
                 ?quiet=${this.quiet}
               >
-                ${luzmoIcon(luzmoAngleDown)}
+                ${v(k)}
               </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(
+  update(e) {
+    if ((e.has("formatOptions") || e.has("resolvedLanguage")) && this.clearNumberFormatterCache(), e.has("value") || e.has("max") || e.has("min") || e.has("step")) {
+      const o = this.numberParser.parse(
         this.formattedValue.replace(this._forcedUnit, "")
       );
-      this.value = value;
-      this.clearValueFormatterCache();
+      this.value = o, this.clearValueFormatterCache();
     }
-    super.update(changes);
+    super.update(e);
   }
-  willUpdate(changes) {
-    this.multiline = false;
-    if (changes.has(languageResolverUpdatedSymbol)) {
-      this.clearNumberFormatterCache();
-    }
+  willUpdate(e) {
+    this.multiline = !1, e.has(E) && this.clearNumberFormatterCache();
   }
-  firstUpdated(changes) {
-    super.firstUpdated(changes);
-    this.addEventListener("keydown", this.handleKeydown);
-    this.addEventListener("compositionstart", this.handleCompositionStart);
-    this.addEventListener("compositionend", this.handleCompositionEnd);
+  firstUpdated(e) {
+    super.firstUpdated(e), 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 (isIPhone() && !hasOnlyPositives) {
-        inputMode = "text";
-      } else if (isIOS() && hasDecimals) {
-        inputMode = "decimal";
-      } else if (isAndroid() && hasDecimals && hasOnlyPositives) {
-        inputMode = "decimal";
+  updated(e) {
+    if (!(!this.inputElement || !this.isConnected)) {
+      if (e.has("min") || e.has("formatOptions")) {
+        const o = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: r } = this.numberFormatter.resolvedOptions(), t = r && r > 0;
+        let i = "numeric";
+        V() && !o ? i = "text" : (g() && t || N() && t && o) && (i = "decimal"), this.inputElement.inputMode = i;
       }
-      this.inputElement.inputMode = inputMode;
-    }
-    if (changes.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && !!this.formatOptions.unit) {
-      this.setSelectionRange(0, this.displayValue.length);
+      e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
     }
   }
 }
-__decorateClass([
-  query(".buttons")
-], LuzmoNumberField.prototype, "buttons", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoNumberField.prototype, "focused", 2);
-__decorateClass([
-  property({ type: Object, attribute: "format-options" })
-], LuzmoNumberField.prototype, "formatOptions", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "hide-stepper" })
-], LuzmoNumberField.prototype, "hideStepper", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], LuzmoNumberField.prototype, "indeterminate", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "keyboard-focused" })
-], LuzmoNumberField.prototype, "keyboardFocused", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoNumberField.prototype, "max", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoNumberField.prototype, "min", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoNumberField.prototype, "step", 2);
-__decorateClass([
-  property({ type: Number, reflect: true, attribute: "step-modifier" })
-], LuzmoNumberField.prototype, "stepModifier", 2);
-__decorateClass([
-  property({ type: Number })
-], LuzmoNumberField.prototype, "value", 1);
-if (!customElements.get("luzmo-number-field")) {
-  customElements.define("luzmo-number-field", LuzmoNumberField);
-}
+a([
+  _(".buttons")
+], l.prototype, "buttons", 2);
+a([
+  n({ type: Boolean, reflect: !0 })
+], l.prototype, "focused", 2);
+a([
+  n({ type: Object, attribute: "format-options" })
+], l.prototype, "formatOptions", 2);
+a([
+  n({ type: Boolean, reflect: !0, attribute: "hide-stepper" })
+], l.prototype, "hideStepper", 2);
+a([
+  n({ type: Boolean, reflect: !0 })
+], l.prototype, "indeterminate", 2);
+a([
+  n({ type: Boolean, reflect: !0, attribute: "keyboard-focused" })
+], l.prototype, "keyboardFocused", 2);
+a([
+  n({ type: Number })
+], l.prototype, "max", 2);
+a([
+  n({ type: Number })
+], l.prototype, "min", 2);
+a([
+  n({ type: Number })
+], l.prototype, "step", 2);
+a([
+  n({ type: Number, reflect: !0, attribute: "step-modifier" })
+], l.prototype, "stepModifier", 2);
+a([
+  n({ type: Number })
+], l.prototype, "value", 1);
+customElements.get("luzmo-number-field") || customElements.define("luzmo-number-field", l);
 export {
-  LuzmoNumberField
+  l as LuzmoNumberField
 };