@vonage/vivid 5.15.1 → 5.16.0

package/number-field/index.js

@@ -1,318 +1,160 @@
-import { B as k, b as $ } from "../bundled/definition3.js";
-import { d as z } from "../bundled/definition15.js";
-import { V as C, v as D } from "../bundled/definition14.js";
-import { i as V } from "../bundled/definition2.js";
-import { W as A, f as S } from "../bundled/mixins.js";
-import { V as F, U as B, a as l, n as c, o as d, h as u, c as P, d as N } from "../bundled/vivid-element.js";
-import { c as T } from "../bundled/definition13.js";
-import { D as U, d as I } from "../bundled/delegates-aria.js";
-import { F as L } from "../bundled/form-associated.js";
-import { W as O } from "../bundled/with-contextual-help.js";
-import { W } from "../bundled/with-error-text.js";
-import { W as E } from "../bundled/with-success-text.js";
-import { F as H } from "../bundled/form-element.js";
-import { b as R } from "../bundled/affix.js";
-import { L as q } from "../bundled/localized.js";
-import { b as M, c as K } from "../bundled/key-codes.js";
-import { b } from "../bundled/enums.js";
-import { D as j } from "../bundled/divider.js";
-import { w as Y } from "../bundled/when.js";
-import { s as G } from "../bundled/slotted.js";
-import { r as J } from "../bundled/ref.js";
-import { c as Q } from "../bundled/class-names.js";
-const X = '.label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}:host{display:inline-block}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.base{--_connotation-color-primary: var(--vvd-text-field-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-text-field-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-text-field-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-text-field-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-firm: var(--vvd-text-field-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-text-field-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-faint: var(--vvd-text-field-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-text-field-accent-soft, var(--vvd-color-neutral-100))}.base{--_text-field-gutter-start: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;--_text-field-gutter-end: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))*.4) ;--_text-field-icon-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_text-field-block-size: calc(1px*(40 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_text-field-border-radius: 8px;--_text-field-pill-border-radius: 24px;display:inline-grid;width:100%;align-items:center;gap:4px;grid-template-columns:min-content 1fr max-content}.base.size-condensed{--_text-field-gutter-start: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_text-field-gutter-end: calc(1px*(24 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_text-field-icon-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))/2) ;--_text-field-block-size: calc(1px*(32 + 4*clamp(-1, var(--vvd-size-density, 0), 2))) ;--_text-field-border-radius: 4px}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color: var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color: var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important;font:var(--vvd-typography-base);grid-column:1/4;grid-row:1}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-column:1/4;grid-row:1}.char-count+.label-wrapper{grid-column:1/3}.fieldset{position:relative;display:flex;align-items:center;background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;padding-block:0;transition:color .2s,background-color .2s}.fieldset:after{position:absolute;display:block;border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:"";inline-size:100%;pointer-events:none;transition:box-shadow .2s}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){width:100%!important;box-sizing:border-box!important;border:0 none!important;border-radius:inherit!important;margin:initial!important;appearance:none!important;background-color:transparent!important;block-size:100%!important;color:inherit!important;font:inherit;outline:transparent;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;text-align:inherit}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill),.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{position:absolute;z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));line-height:1;transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;position:absolute;z-index:1;display:block;border-radius:inherit;content:"";inset:0;pointer-events:none}}:host([internal-part]) .fieldset{background-color:transparent;font:var(--vvd-typography-heading-4);line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}.base{--_text-field-gutter-end: 70px}.control::-webkit-outer-spin-button,.control::-webkit-inner-spin-button{appearance:none}.control-buttons{position:absolute;z-index:1;right:3px;display:flex}.readonly .control-buttons,.disabled .control-buttons{pointer-events:none}.control-buttons .divider{margin-block:8px}.control-buttons>*{flex-shrink:0}';
-var Z = Object.defineProperty, n = (a, t, e, o) => {
-  for (var i = void 0, s = a.length - 1, p; s >= 0; s--)
-    (p = a[s]) && (i = p(t, e, i) || i);
-  return i && Z(t, e, i), i;
+import { t as e } from "../bundled/localized.js";
+import { O as t, T as n, d as r, l as i, o as a, s as o, t as s, u as c } from "../bundled/vivid-element.js";
+import { t as l } from "../bundled/ref.js";
+import { t as u } from "../bundled/when.js";
+import { t as d } from "../bundled/slotted.js";
+import { n as f, r as p } from "../bundled/definition.js";
+import { t as m } from "../bundled/definition2.js";
+import { t as h } from "../bundled/decorate.js";
+import { t as g } from "../bundled/class-names.js";
+import { i as _, t as v } from "../bundled/key-codes.js";
+import { t as y } from "../bundled/affix.js";
+import { n as b, t as x } from "../bundled/delegates-aria.js";
+import { n as S } from "../bundled/form-associated.js";
+import { t as C } from "../bundled/form-element.js";
+import { t as w } from "../bundled/with-success-text.js";
+import { t as T } from "../bundled/with-error-text.js";
+import { t as E } from "../bundled/with-contextual-help.js";
+import { i as D, t as O } from "../bundled/definition6.js";
+import { i as k } from "../bundled/enums.js";
+import { t as A } from "../bundled/divider.js";
+import { a as j, t as M } from "../bundled/mixins.js";
+import { t as N } from "../bundled/definition14.js";
+import { t as P } from "../bundled/definition16.js";
+//#region src/lib/number-field/number-field.scss?inline
+var F = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base{--_connotation-color-primary:var(--vvd-text-field-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-field-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-field-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-field-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-field-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-field-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-field-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-field-accent-soft,var(--vvd-color-neutral-100));--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2.5);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2))) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)));--_text-field-border-radius:8px;--_text-field-pill-border-radius:24px;grid-template-columns:min-content 1fr max-content;align-items:center;gap:4px;width:100%;display:inline-grid}.base.size-condensed{--_text-field-gutter-start:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-gutter-end:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16)) / 2);--_text-field-icon-size:calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8)) / 2);--_text-field-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));--_text-field-border-radius:4px}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text)}.label:not(slot),.label::slotted(label){font:var(--vvd-typography-base);grid-area:1/1/auto/4;box-sizing:initial!important;padding:initial!important;margin:initial!important;color:var(--vvd-color-canvas-text)!important}.char-count+.label:not(slot),.char-count+.label::slotted(label){grid-column:1/3}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base)}.label-wrapper{grid-area:1/1/auto/4}.char-count+.label-wrapper{grid-column:1/3}.fieldset{background-color:var(--_appearance-color-fill);font:var(--vvd-typography-base);grid-column:1/4;align-items:center;padding-block:0;transition:color .2s,background-color .2s;display:flex;position:relative}.fieldset:after{border-radius:inherit;block-size:100%;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);content:\"\";pointer-events:none;inline-size:100%;transition:box-shadow .2s;display:block;position:absolute}.fieldset:focus-visible{outline:none}.base>.fieldset{block-size:var(--_text-field-block-size)}.base:not(.shape-pill) .fieldset{border-radius:var(--_text-field-border-radius)}.base.shape-pill .fieldset{border-radius:var(--_text-field-pill-border-radius)}.wrapper{border-radius:inherit;block-size:100%;inline-size:100%}.control{border-radius:inherit;text-align:start}.control:not(slot),.control::slotted(input){font:inherit;text-align:inherit;outline:#0000;box-sizing:border-box!important;border-radius:inherit!important;width:100%!important;margin:initial!important;appearance:none!important;block-size:100%!important;color:inherit!important;padding-block:0!important;padding-inline:var(--_text-field-gutter-start) var(--_text-field-gutter-end)!important;background-color:#0000!important;border:0!important}.control:not(slot):disabled,.control::slotted(input:disabled){cursor:not-allowed!important;opacity:1!important;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot)::placeholder{opacity:1!important;-webkit-text-fill-color:var(--_low-ink-color)!important}.control::slotted(input:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.control:not(slot):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--_appearance-color-fill) inset;-webkit-text-fill-color:var(--_appearance-color-text)!important}.has-icon .control:not(slot),.has-icon .control::slotted(input){padding-inline-start:calc(var(--_text-field-icon-size) + var(--_text-field-gutter-start) * 2)!important}.icon{z-index:1;color:var(--_low-ink-color);font-size:var(--_text-field-icon-size);line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + var(--_text-field-gutter-start));transform:translateY(-50%)}.leading-items-wrapper{position:relative}.base.no-leading .leading-items-wrapper{display:none}.action-items-wrapper{margin-inline-end:4px}.base:not(.action-items) .action-items-wrapper{display:none}@supports selector(:has(*)){.base:not(.has-activedescendant) .fieldset:has(.wrapper .control:focus-within):after{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}}@supports not selector(:has(*)){.base:not(.has-activedescendant) .wrapper:focus-within:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px));--focus-stroke-gap-color:transparent;z-index:1;border-radius:inherit;content:\"\";pointer-events:none;display:block;position:absolute;inset:0}}:host([internal-part]) .fieldset{font:var(--vvd-typography-heading-4);background-color:#0000;line-height:1.1}:host([internal-part]) .fieldset:not(:focus-within):after{block-size:1px;inset-block-end:0}@supports selector(:has(*)){:host([internal-part]) .fieldset:has(.action-items-wrapper:focus-within):after{block-size:1px;inset-block-end:0}}:host([internal-part]) .control{text-align:center}slot[name=_mirrored-helper-text]{display:none}.base{--_text-field-gutter-end:70px}.control::-webkit-outer-spin-button{appearance:none}.control::-webkit-inner-spin-button{appearance:none}.control-buttons{z-index:1;display:flex;position:absolute;right:3px}.readonly .control-buttons,.disabled .control-buttons{pointer-events:none}.control-buttons .divider{margin-block:8px}.control-buttons>*{flex-shrink:0}", I = {
+	up: 1,
+	down: -1
 };
-const m = {
-  up: 1,
-  down: -1
-};
-function h(a, t) {
-  const e = parseFloat(a.value), o = isNaN(e) ? a.min > 0 ? a.min : a.max < 0 ? a.max : a.min ? 0 : t * a.step : e + t * a.step;
-  a.value = Number(o.toFixed(12)).toString(), a._updatedValueAnnouncement = a.locale.numberField.updatedValueAnnouncement(
-    a._presentationValue
-  );
-}
-const g = (a) => {
-  const t = a.source;
-  return {
-    invalidCharacters: new RegExp(`[^0-9\\-+e${t}]`, "g"),
-    additionalDecimalSeparators: new RegExp(`(?<=${t}.*)${t}`, "g"),
-    trailingDecimalSeparator: new RegExp(`${t}$`),
-    decimalSeparator: a
-  };
-}, ee = g(/\./), te = g(/,/), f = /^-?((\d*\.\d+)|(\d+))$/;
-class r extends O(
-  A(
-    W(
-      E(
-        H(
-          R(q(U(L(F))))
-        )
-      )
-    )
-  )
-) {
-  constructor() {
-    super(...arguments), this.proxy = document.createElement("input"), this.readOnly = !1, this.autofocus = !1, this.step = 1, this.isUserInput = !1, this._presentationValue = "", this._updatedValueAnnouncement = "", this.incrementButtonAriaLabel = null, this.decrementButtonAriaLabel = null;
-  }
-  stepChanged(t, e) {
-    this.proxy.setAttribute(
-      "step",
-      Number.isFinite(e) ? e.toString() : ""
-    );
-  }
-  /**
-   * Ensures that the max is greater than the min and that the value
-   *  is less than the max
-   *
-   * @internal
-   */
-  maxChanged(t, e) {
-    this.max = Math.max(e, this.min ?? e), this.proxy.max = this.max.toString(), this.validate();
-  }
-  /**
-   * Ensures that the min is less than the max and that the value
-   *  is greater than the min
-   *
-   * @internal
-   */
-  minChanged(t, e) {
-    this.min = Math.min(e, this.max ?? e), this.proxy.min = this.min.toString(), this.validate();
-  }
-  /**
-   * The value property, typed as a number.
-   *
-   * @public
-   */
-  get valueAsNumber() {
-    return parseFloat(this.value);
-  }
-  set valueAsNumber(t) {
-    this.value = t.toString();
-  }
-  /**
-   * @internal
-   */
-  valueChanged(t, e) {
-    this.value = f.test(e) ? e : "", e === this.value && (this.control && !this.isUserInput && (this._presentationValue = this.#e(this.value)), super.valueChanged(t, this.value), t !== void 0 && !this.isUserInput && (this.$emit("input"), this.$emit("change")));
-  }
-  /**
-   * @internal
-   */
-  get _numberPatterns() {
-    return this.locale.common.useCommaAsDecimalSeparator ? te : ee;
-  }
-  #e(t) {
-    return t.replace(
-      ".",
-      this.locale.common.useCommaAsDecimalSeparator ? "," : "."
-    );
-  }
-  #t(t) {
-    return t.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
-  }
-  #a(t) {
-    const e = t.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
-    return f.test(e) ? e : "";
-  }
-  /** {@inheritDoc (FormAssociated:interface).validate} */
-  validate() {
-    super.validate(this.control);
-  }
-  /**
-   * Increments the value using the step value
-   *
-   * @public
-   */
-  stepUp() {
-    h(this, m.up);
-  }
-  /**
-   * Decrements the value using the step value
-   *
-   * @public
-   */
-  stepDown() {
-    h(this, m.down);
-  }
-  /**
-   * Sets up the initial state of the number field
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.proxy.setAttribute("type", "number"), this.validate(), this._presentationValue = this.#e(this.value), this.autofocus && B.enqueue(() => {
-      this.focus();
-    });
-  }
-  /**
-   * Selects all the text in the number field
-   *
-   * @public
-   */
-  select() {
-    this.control.select(), this.$emit("select");
-  }
-  /**
-   * Handles the internal control's `input` event
-   * @internal
-   */
-  handleTextInput() {
-    this._presentationValue = this.#t(
-      this.control.value
-    ), this.control.value !== this._presentationValue && (this.control.value = this._presentationValue), this.isUserInput = !0, this.value = this.#a(this._presentationValue), this.isUserInput = !1;
-  }
-  /**
-   * Change event handler for inner control.
-   * @remarks
-   * "Change" events are not `composable` so they will not
-   * permeate the shadow DOM boundary. This fn effectively proxies
-   * the change event, emitting a `change` event whenever the internal
-   * control emits a `change` event
-   * @internal
-   */
-  handleChange() {
-    this.$emit("change");
-  }
-  /**
-   * Handles the internal control's `keydown` event
-   * @internal
-   */
-  handleKeyDown(t) {
-    switch (t.key) {
-      case K:
-        return this.stepUp(), !1;
-      case M:
-        return this.stepDown(), !1;
-    }
-    return !0;
-  }
+function L(e, t) {
+	let n = parseFloat(e.value), r = isNaN(n) ? e.min > 0 ? e.min : e.max < 0 ? e.max : e.min ? 0 : t * e.step : n + t * e.step;
+	e.value = Number(r.toFixed(12)).toString(), e._updatedValueAnnouncement = e.locale.numberField.updatedValueAnnouncement(e._presentationValue);
 }
-n([
-  l({ attribute: "readonly", mode: "boolean" })
-], r.prototype, "readOnly");
-n([
-  l({ mode: "boolean" })
-], r.prototype, "autofocus");
-n([
-  l
-], r.prototype, "placeholder");
-n([
-  l
-], r.prototype, "list");
-n([
-  l({ converter: c })
-], r.prototype, "maxlength");
-n([
-  l({ converter: c })
-], r.prototype, "minlength");
-n([
-  l({ converter: c })
-], r.prototype, "size");
-n([
-  l()
-], r.prototype, "scale");
-n([
-  l({ converter: c })
-], r.prototype, "step");
-n([
-  l({ converter: c })
-], r.prototype, "max");
-n([
-  l({ converter: c })
-], r.prototype, "min");
-n([
-  d
-], r.prototype, "defaultSlottedNodes");
-n([
-  d
-], r.prototype, "_presentationValue");
-n([
-  d
-], r.prototype, "_updatedValueAnnouncement");
-n([
-  l({ attribute: "increment-button-aria-label" })
-], r.prototype, "incrementButtonAriaLabel");
-n([
-  l({ attribute: "decrement-button-aria-label" })
-], r.prototype, "decrementButtonAriaLabel");
-n([
-  l
-], r.prototype, "appearance");
-n([
-  l
-], r.prototype, "shape");
-n([
-  l
-], r.prototype, "autoComplete");
-const ae = ({
-  errorValidationMessage: a,
-  disabled: t,
-  value: e,
-  readOnly: o,
-  placeholder: i,
-  appearance: s,
-  shape: p,
-  label: y,
-  successText: w,
-  scale: v
-}) => Q(
-  ["error", !!a],
-  ["disabled", t],
-  ["has-value", !!e],
-  ["readonly", o],
-  ["placeholder", !!i],
-  [`appearance-${s}`, !!s],
-  [`shape-${p}`, !!p],
-  ["no-label", !y],
-  ["success", !!w],
-  [`size-${v}`, !!v]
-);
-function oe() {
-  return u` <label for="control" class="label">
-		${(a) => a.label}
+var R = (e) => {
+	let t = e.source;
+	return {
+		invalidCharacters: RegExp(`[^0-9\\-+e${t}]`, "g"),
+		additionalDecimalSeparators: RegExp(`(?<=${t}.*)${t}`, "g"),
+		trailingDecimalSeparator: RegExp(`${t}$`),
+		decimalSeparator: e
+	};
+}, z = R(/\./), B = R(/,/), V = /^-?((\d*\.\d+)|(\d+))$/, H = class extends E(M(T(w(C(y(e(x(S(s))))))))) {
+	constructor(...e) {
+		super(...e), this.proxy = document.createElement("input"), this.readOnly = !1, this.autofocus = !1, this.step = 1, this.isUserInput = !1, this._presentationValue = "", this._updatedValueAnnouncement = "", this.incrementButtonAriaLabel = null, this.decrementButtonAriaLabel = null;
+	}
+	stepChanged(e, t) {
+		this.proxy.setAttribute("step", Number.isFinite(t) ? t.toString() : "");
+	}
+	maxChanged(e, t) {
+		this.max = Math.max(t, this.min ?? t), this.proxy.max = this.max.toString(), this.validate();
+	}
+	minChanged(e, t) {
+		this.min = Math.min(t, this.max ?? t), this.proxy.min = this.min.toString(), this.validate();
+	}
+	get valueAsNumber() {
+		return parseFloat(this.value);
+	}
+	set valueAsNumber(e) {
+		this.value = e.toString();
+	}
+	valueChanged(e, t) {
+		this.value = V.test(t) ? t : "", t === this.value && (this.control && !this.isUserInput && (this._presentationValue = this.#e(this.value)), super.valueChanged(e, this.value), e !== void 0 && !this.isUserInput && (this.$emit("input"), this.$emit("change")));
+	}
+	get _numberPatterns() {
+		return this.locale.common.useCommaAsDecimalSeparator ? B : z;
+	}
+	#e(e) {
+		return e.replace(".", this.locale.common.useCommaAsDecimalSeparator ? "," : ".");
+	}
+	#t(e) {
+		return e.replace(this._numberPatterns.invalidCharacters, "").replace(this._numberPatterns.additionalDecimalSeparators, "");
+	}
+	#n(e) {
+		let t = e.replace(this._numberPatterns.trailingDecimalSeparator, "").replace(this._numberPatterns.decimalSeparator, ".");
+		return V.test(t) ? t : "";
+	}
+	validate() {
+		super.validate(this.control);
+	}
+	stepUp() {
+		L(this, I.up);
+	}
+	stepDown() {
+		L(this, I.down);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.proxy.setAttribute("type", "number"), this.validate(), this._presentationValue = this.#e(this.value), this.autofocus && t.enqueue(() => {
+			this.focus();
+		});
+	}
+	select() {
+		this.control.select(), this.$emit("select");
+	}
+	handleTextInput() {
+		this._presentationValue = this.#t(this.control.value), this.control.value !== this._presentationValue && (this.control.value = this._presentationValue), this.isUserInput = !0, this.value = this.#n(this._presentationValue), this.isUserInput = !1;
+	}
+	handleChange() {
+		this.$emit("change");
+	}
+	handleKeyDown(e) {
+		switch (e.key) {
+			case _: return this.stepUp(), !1;
+			case v: return this.stepDown(), !1;
+		}
+		return !0;
+	}
+};
+h([i({
+	attribute: "readonly",
+	mode: "boolean"
+})], H.prototype, "readOnly", void 0), h([i({ mode: "boolean" })], H.prototype, "autofocus", void 0), h([i], H.prototype, "placeholder", void 0), h([i], H.prototype, "list", void 0), h([i({ converter: c })], H.prototype, "maxlength", void 0), h([i({ converter: c })], H.prototype, "minlength", void 0), h([i({ converter: c })], H.prototype, "size", void 0), h([i()], H.prototype, "scale", void 0), h([i({ converter: c })], H.prototype, "step", void 0), h([i({ converter: c })], H.prototype, "max", void 0), h([i({ converter: c })], H.prototype, "min", void 0), h([n], H.prototype, "defaultSlottedNodes", void 0), h([n], H.prototype, "_presentationValue", void 0), h([n], H.prototype, "_updatedValueAnnouncement", void 0), h([i({ attribute: "increment-button-aria-label" })], H.prototype, "incrementButtonAriaLabel", void 0), h([i({ attribute: "decrement-button-aria-label" })], H.prototype, "decrementButtonAriaLabel", void 0), h([i], H.prototype, "appearance", void 0), h([i], H.prototype, "shape", void 0), h([i], H.prototype, "autoComplete", void 0);
+//#endregion
+//#region src/lib/number-field/number-field.template.ts
+var U = ({ errorValidationMessage: e, disabled: t, value: n, readOnly: r, placeholder: i, appearance: a, shape: o, label: s, successText: c, scale: l }) => g(["error", !!e], ["disabled", t], ["has-value", !!n], ["readonly", r], ["placeholder", !!i], [`appearance-${a}`, !!a], [`shape-${o}`, !!o], ["no-label", !s], ["success", !!c], [`size-${l}`, !!l]);
+function W() {
+	return r` <label for="control" class="label">
+		${(e) => e.label}
 	</label>`;
 }
-function x(a) {
-  return a.shape === b.Pill ? b.Pill : null;
+function G(e) {
+	return e.shape === k.Pill ? k.Pill : null;
 }
-function _(a) {
-  return a.disabled || a.readOnly ? "-1" : null;
+function K(e) {
+	return e.disabled || e.readOnly ? "-1" : null;
 }
-function re(a) {
-  const t = a.tagFor(k), e = a.tagFor(j);
-  return u`
-		<div class="control-buttons" ?inert="${(o) => o.disabled || o.readOnly}">
+function q(e) {
+	let t = e.tagFor(D), n = e.tagFor(A);
+	return r`
+		<div class="control-buttons" ?inert="${(e) => e.disabled || e.readOnly}">
 			<${t} id="subtract" icon="minus-line"
-				?disabled="${(o) => o.disabled || o.readOnly}"
-				aria-label=${(o) => o.decrementButtonAriaLabel || o.locale.numberField.decrementButtonLabel(o.step)}
-				shape="${x}"
+				?disabled="${(e) => e.disabled || e.readOnly}"
+				aria-label=${(e) => e.decrementButtonAriaLabel || e.locale.numberField.decrementButtonLabel(e.step)}
+				shape="${G}"
 				type="button"
-				size="${(o) => o.scale === "condensed" ? "super-condensed" : "condensed"}"
-				tabindex="${_}"
-				@click="${(o) => o.stepDown()}"></${t}>
-			<${e} class="divider" orientation="vertical"></${e}>
+				size="${(e) => e.scale === "condensed" ? "super-condensed" : "condensed"}"
+				tabindex="${K}"
+				@click="${(e) => e.stepDown()}"></${t}>
+			<${n} class="divider" orientation="vertical"></${n}>
 			<${t} id="add" icon="plus-line"
-				?disabled="${(o) => o.disabled || o.readOnly}"
-				aria-label=${(o) => o.incrementButtonAriaLabel || o.locale.numberField.incrementButtonLabel(o.step)}
-				shape="${x}"
+				?disabled="${(e) => e.disabled || e.readOnly}"
+				aria-label=${(e) => e.incrementButtonAriaLabel || e.locale.numberField.incrementButtonLabel(e.step)}
+				shape="${G}"
 				type="button"
-				size="${(o) => o.scale === "condensed" ? "super-condensed" : "condensed"}"
-				tabindex="${_}"
-				@click="${(o) => o.stepUp()}"></${t}>
+				size="${(e) => e.scale === "condensed" ? "super-condensed" : "condensed"}"
+				tabindex="${K}"
+				@click="${(e) => e.stepUp()}"></${t}>
 			</div>
 	`;
 }
-const ne = (a) => {
-  const t = a.tagFor(C);
-  return u`
-		<div class="base ${ae}">
+//#endregion
+//#region src/lib/number-field/index.ts
+o(a("number-field", H, (e) => {
+	let t = e.tagFor(p);
+	return r`
+		<div class="base ${U}">
 			<div class="label-wrapper" ?hidden=${(e) => !e.label && !e._hasContextualHelp}>
-				${Y((e) => e.label, oe())}
-				<slot name="contextual-help" ${G("_contextualHelpSlottedContent")}></slot>
+				${u((e) => e.label, W())}
+				<slot name="contextual-help" ${d("_contextualHelpSlottedContent")}></slot>
 			</div>
 			<div class="fieldset">
 				<div class="wrapper">
@@ -321,7 +163,7 @@ const ne = (a) => {
 						id="control"
 						@input="${(e) => e.handleTextInput()}"
 						@change="${(e) => e.handleChange()}"
-						@keydown="${(e, o) => e.handleKeyDown(o.event)}"
+						@keydown="${(e, t) => e.handleKeyDown(t.event)}"
 						?autofocus="${(e) => e.autofocus}"
 						?disabled="${(e) => e.disabled}"
 						list="${(e) => e.list}"
@@ -337,36 +179,26 @@ const ne = (a) => {
 						:value="${(e) => e._presentationValue}"
 						type="text"
 						aria-describedby="${(e) => e._feedbackDescribedBy}"
-						${I()}
-						${J("control")}
+						${b()}
+						${l("control")}
 					/>
 				</div>
-				${() => re(a)}
+				${() => q(e)}
 			</div>
-			${(e) => e._getFeedbackTemplate(a)}
+			${(t) => t._getFeedbackTemplate(e)}
 			<${t} id="value-announcement" role="status" aria-atomic="true">
 				${(e) => e._updatedValueAnnouncement}</${t}>
 		</div>
 	`;
-}, le = N(
-  "number-field",
-  r,
-  ne,
-  [
-    $,
-    z,
-    V,
-    S,
-    D,
-    T
-  ],
-  {
-    styles: X,
-    shadowOptions: {
-      delegatesFocus: !0
-    }
-  }
-), ie = P(
-  le
-);
-ie();
+}, [
+	O,
+	P,
+	m,
+	j,
+	f,
+	N
+], {
+	styles: F,
+	shadowOptions: { delegatesFocus: !0 }
+}))();
+//#endregion

package/option/definition.cjs

@@ -1,13 +1,6 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('../icon/definition.cjs');
-require('../unbundled/vivid-element.cjs');
-const option_definition = require('../unbundled/definition3.cjs');
-
-
-
-exports.VwcOptionElement = option_definition.ListboxOption;
-exports.listboxOptionDefinition = option_definition.listboxOptionDefinition;
-exports.registerOption = option_definition.registerOption;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../unbundled/definition2.cjs");
+const require_definition$1 = require("../unbundled/definition27.cjs");
+exports.VwcOptionElement = require_definition$1.ListboxOption;
+exports.listboxOptionDefinition = require_definition$1.listboxOptionDefinition;
+exports.registerOption = require_definition$1.registerOption;

package/option/definition.js

@@ -1,3 +1,3 @@
-import '../icon/definition.js';
-import '../unbundled/vivid-element.js';
-export { L as VwcOptionElement, l as listboxOptionDefinition, r as registerOption } from '../unbundled/definition3.js';
+import "../unbundled/definition2.js";
+import { n as registerOption, r as ListboxOption, t as listboxOptionDefinition } from "../unbundled/definition27.js";
+export { ListboxOption as VwcOptionElement, listboxOptionDefinition, registerOption };

package/option/index.cjs

@@ -1 +1 @@
-"use strict";const i=require("../bundled/definition12.cjs");i.registerOption();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition12.cjs`).n();

package/option/index.js

@@ -1,2 +1,6 @@
-import { r } from "../bundled/definition12.js";
-r();
+import "../bundled/vivid-element.js";
+import "../bundled/definition2.js";
+import { n as e } from "../bundled/definition12.js";
+//#region src/lib/option/index.ts
+e();
+//#endregion