@vonage/vivid 5.17.0 → 5.18.0

package/note/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/definition2.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.cjs`);var o=`.base.connotation-success{--_connotation-color-intermediate:var(--vvd-note-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-note-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-note-success-fierce,var(--vvd-color-success-700))}.base.connotation-information{--_connotation-color-intermediate:var(--vvd-note-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-note-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-note-information-fierce,var(--vvd-color-information-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-note-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-note-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-note-alert-fierce,var(--vvd-color-alert-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-note-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-note-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-note-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-announcement{--_connotation-color-intermediate:var(--vvd-note-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-faint:var(--vvd-note-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce:var(--vvd-note-announcement-fierce,var(--vvd-color-announcement-700))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-intermediate:var(--vvd-note-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-note-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce:var(--vvd-note-accent-fierce,var(--vvd-color-neutral-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}`,s=class extends i.t(e.t){};r.t([e.l],s.prototype,`headline`,void 0),r.t([e.l],s.prototype,`connotation`,void 0);var c=({connotation:e})=>a.t(`base`,`connotation-${e}`);function l(){return e.d`<div class="headline">${e=>e.headline}</div>`}var u=e.o(`note`,s,n=>{let r=i.a(n);return e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition2.cjs`),i=require(`../bundled/affix.cjs`),a=require(`../bundled/class-names.cjs`);var o=`.base.connotation-success{--_connotation-color-intermediate:var(--vvd-note-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-note-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-note-success-fierce,var(--vvd-color-success-700))}.base.connotation-information{--_connotation-color-intermediate:var(--vvd-note-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-note-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-note-information-fierce,var(--vvd-color-information-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-note-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-note-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-note-alert-fierce,var(--vvd-color-alert-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-note-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-note-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-note-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-announcement{--_connotation-color-intermediate:var(--vvd-note-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-faint:var(--vvd-note-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce:var(--vvd-note-announcement-fierce,var(--vvd-color-announcement-700))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-intermediate:var(--vvd-note-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-note-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce:var(--vvd-note-accent-fierce,var(--vvd-color-neutral-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}`,s=class extends i.t(e.t){};n.t([e.l],s.prototype,`headline`,void 0),n.t([e.l],s.prototype,`connotation`,void 0);var c=({connotation:e})=>a.t(`base`,`connotation-${e}`);function l(){return e.d`<div class="headline">${e=>e.headline}</div>`}var u=e.o(`note`,s,n=>{let r=i.a(n);return e.d`
 		<div class="${c}">
 			${e=>r(e.icon,i.i.Slot)}
 			<div class="text">
@@ -6,4 +6,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`)
 				<slot class="message"></slot>
 			</div>
 		</div>
-	`},[n.t],{styles:o});e.s(u)();
+	`},[r.t],{styles:o});e.s(u)();

package/note/index.js

@@ -1,12 +1,13 @@
 import { d as e, l as t, o as n, s as r, t as i } from "../bundled/vivid-element.js";
 import { t as a } from "../bundled/when.js";
-import { t as o } from "../bundled/definition2.js";
-import { t as s } from "../bundled/decorate.js";
+import "../bundled/numberConverter.js";
+import { t as o } from "../bundled/decorate.js";
+import { t as s } from "../bundled/definition2.js";
 import { a as c, i as l, t as u } from "../bundled/affix.js";
 import { t as d } from "../bundled/class-names.js";
 //#region src/lib/note/note.scss?inline
 var f = ".base.connotation-success{--_connotation-color-intermediate:var(--vvd-note-success-intermediate,var(--vvd-color-success-500));--_connotation-color-faint:var(--vvd-note-success-faint,var(--vvd-color-success-50));--_connotation-color-fierce:var(--vvd-note-success-fierce,var(--vvd-color-success-700))}.base.connotation-information{--_connotation-color-intermediate:var(--vvd-note-information-intermediate,var(--vvd-color-information-500));--_connotation-color-faint:var(--vvd-note-information-faint,var(--vvd-color-information-50));--_connotation-color-fierce:var(--vvd-note-information-fierce,var(--vvd-color-information-700))}.base.connotation-alert{--_connotation-color-intermediate:var(--vvd-note-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-faint:var(--vvd-note-alert-faint,var(--vvd-color-alert-50));--_connotation-color-fierce:var(--vvd-note-alert-fierce,var(--vvd-color-alert-700))}.base.connotation-warning{--_connotation-color-intermediate:var(--vvd-note-warning-intermediate,var(--vvd-color-warning-300));--_connotation-color-faint:var(--vvd-note-warning-faint,var(--vvd-color-warning-50));--_connotation-color-fierce:var(--vvd-note-warning-fierce,var(--vvd-color-warning-700))}.base.connotation-announcement{--_connotation-color-intermediate:var(--vvd-note-announcement-intermediate,var(--vvd-color-announcement-500));--_connotation-color-faint:var(--vvd-note-announcement-faint,var(--vvd-color-announcement-50));--_connotation-color-fierce:var(--vvd-note-announcement-fierce,var(--vvd-color-announcement-700))}.base:not(.connotation-success,.connotation-information,.connotation-alert,.connotation-warning,.connotation-announcement){--_connotation-color-intermediate:var(--vvd-note-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-faint:var(--vvd-note-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-fierce:var(--vvd-note-accent-fierce,var(--vvd-color-neutral-700))}.base{--_appearance-color-text:var(--_connotation-color-fierce);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:var(--_connotation-color-intermediate);padding:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 20));background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--vvd-color-canvas-text);border-radius:8px;align-items:flex-start;column-gap:16px;display:flex}@supports (contain:content){.base{contain:content}}@supports not (contain:content){.base{overflow:hidden}}slot[name=icon]{color:var(--_appearance-color-outline);font-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.text{text-align:start;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;gap:4px;min-height:24px;display:flex}.text .headline{font:var(--vvd-typography-base-bold)}.text .message{font:var(--vvd-typography-base)}", p = class extends u(i) {};
-s([t], p.prototype, "headline", void 0), s([t], p.prototype, "connotation", void 0);
+o([t], p.prototype, "headline", void 0), o([t], p.prototype, "connotation", void 0);
 //#endregion
 //#region src/lib/note/note.template.ts
 var m = ({ connotation: e }) => d("base", `connotation-${e}`);
@@ -26,5 +27,5 @@ r(n("note", p, (t) => {
 			</div>
 		</div>
 	`;
-}, [o], { styles: f }))();
+}, [s], { styles: f }))();
 //#endregion

package/number-field/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition49.cjs");
-exports.VwcNumberFieldElement = require_definition$1.NumberField;
-exports.numberFieldDefinition = require_definition$1.numberFieldDefinition;
-exports.registerNumberField = require_definition$1.registerNumberField;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition51.cjs");
+exports.VwcNumberFieldElement = require_definition.NumberField;
+exports.numberFieldDefinition = require_definition.numberFieldDefinition;
+exports.registerNumberField = require_definition.registerNumberField;

package/number-field/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "../unbundled/definition49.js";
+import "../unbundled/numberConverter.js";
+import { n as registerNumberField, r as NumberField, t as numberFieldDefinition } from "../unbundled/definition51.js";
 export { NumberField as VwcNumberFieldElement, numberFieldDefinition, registerNumberField };

package/number-field/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/slotted.cjs`),a=require(`../bundled/definition.cjs`),o=require(`../bundled/enums.cjs`),s=require(`../bundled/definition2.cjs`),c=require(`../bundled/decorate.cjs`),l=require(`../bundled/affix.cjs`),u=require(`../bundled/form-element.cjs`),d=require(`../bundled/with-success-text.cjs`),f=require(`../bundled/with-error-text.cjs`),p=require(`../bundled/with-contextual-help.cjs`),m=require(`../bundled/delegates-aria.cjs`),h=require(`../bundled/class-names.cjs`),g=require(`../bundled/key-codes.cjs`),_=require(`../bundled/form-associated.cjs`),v=require(`../bundled/definition6.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/definition11.cjs`),x=require(`../bundled/definition19.cjs`),S=require(`../bundled/divider.cjs`);var C=`.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}`,w={up:1,down:-1};function T(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)}var E=e=>{let t=e.source;return{invalidCharacters:RegExp(`[^0-9\\-+e${t}]`,`g`),additionalDecimalSeparators:RegExp(`(?<=${t}.*)${t}`,`g`),trailingDecimalSeparator:RegExp(`${t}$`),decimalSeparator:e}},D=E(/\./),O=E(/,/),k=/^-?((\d*\.\d+)|(\d+))$/,A=class extends p.t(y.t(f.t(d.t(u.t(l.t(e.t(m.t(_.n(t.t))))))))){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=k.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?O:D}#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 k.test(t)?t:``}validate(){super.validate(this.control)}stepUp(){T(this,w.up)}stepDown(){T(this,w.down)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`number`),this.validate(),this._presentationValue=this.#e(this.value),this.autofocus&&t.O.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 g.i:return this.stepUp(),!1;case g.t:return this.stepDown(),!1}return!0}};c.t([t.l({attribute:`readonly`,mode:`boolean`})],A.prototype,`readOnly`,void 0),c.t([t.l({mode:`boolean`})],A.prototype,`autofocus`,void 0),c.t([t.l],A.prototype,`placeholder`,void 0),c.t([t.l],A.prototype,`list`,void 0),c.t([t.l({converter:t.u})],A.prototype,`maxlength`,void 0),c.t([t.l({converter:t.u})],A.prototype,`minlength`,void 0),c.t([t.l({converter:t.u})],A.prototype,`size`,void 0),c.t([t.l()],A.prototype,`scale`,void 0),c.t([t.l({converter:t.u})],A.prototype,`step`,void 0),c.t([t.l({converter:t.u})],A.prototype,`max`,void 0),c.t([t.l({converter:t.u})],A.prototype,`min`,void 0),c.t([t.T],A.prototype,`defaultSlottedNodes`,void 0),c.t([t.T],A.prototype,`_presentationValue`,void 0),c.t([t.T],A.prototype,`_updatedValueAnnouncement`,void 0),c.t([t.l({attribute:`increment-button-aria-label`})],A.prototype,`incrementButtonAriaLabel`,void 0),c.t([t.l({attribute:`decrement-button-aria-label`})],A.prototype,`decrementButtonAriaLabel`,void 0),c.t([t.l],A.prototype,`appearance`,void 0),c.t([t.l],A.prototype,`shape`,void 0),c.t([t.l],A.prototype,`autoComplete`,void 0);var j=({errorValidationMessage:e,disabled:t,value:n,readOnly:r,placeholder:i,appearance:a,shape:o,label:s,successText:c,scale:l})=>h.t([`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 M(){return t.d` <label for="control" class="label">
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/slotted.cjs`),a=require(`../bundled/definition.cjs`),o=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const s=require(`../bundled/decorate.cjs`),c=require(`../bundled/definition2.cjs`),l=require(`../bundled/affix.cjs`),u=require(`../bundled/form-element.cjs`),d=require(`../bundled/with-success-text.cjs`),f=require(`../bundled/with-error-text.cjs`),p=require(`../bundled/with-contextual-help.cjs`),m=require(`../bundled/delegates-aria.cjs`),h=require(`../bundled/class-names.cjs`),g=require(`../bundled/key-codes.cjs`),_=require(`../bundled/form-associated.cjs`),v=require(`../bundled/definition6.cjs`),y=require(`../bundled/mixins.cjs`),b=require(`../bundled/definition11.cjs`),x=require(`../bundled/definition19.cjs`),S=require(`../bundled/divider.cjs`);var C=`.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}`,w={up:1,down:-1};function T(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)}var E=e=>{let t=e.source;return{invalidCharacters:RegExp(`[^0-9\\-+e${t}]`,`g`),additionalDecimalSeparators:RegExp(`(?<=${t}.*)${t}`,`g`),trailingDecimalSeparator:RegExp(`${t}$`),decimalSeparator:e}},D=E(/\./),O=E(/,/),k=/^-?((\d*\.\d+)|(\d+))$/,A=class extends p.t(y.t(f.t(d.t(u.t(l.t(e.t(m.t(_.n(t.t))))))))){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=k.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?O:D}#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 k.test(t)?t:``}validate(){super.validate(this.control)}stepUp(){T(this,w.up)}stepDown(){T(this,w.down)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute(`type`,`number`),this.validate(),this._presentationValue=this.#e(this.value),this.autofocus&&t.O.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 g.i:return this.stepUp(),!1;case g.t:return this.stepDown(),!1}return!0}};s.t([t.l({attribute:`readonly`,mode:`boolean`})],A.prototype,`readOnly`,void 0),s.t([t.l({mode:`boolean`})],A.prototype,`autofocus`,void 0),s.t([t.l],A.prototype,`placeholder`,void 0),s.t([t.l],A.prototype,`list`,void 0),s.t([t.l({converter:t.u})],A.prototype,`maxlength`,void 0),s.t([t.l({converter:t.u})],A.prototype,`minlength`,void 0),s.t([t.l({converter:t.u})],A.prototype,`size`,void 0),s.t([t.l()],A.prototype,`scale`,void 0),s.t([t.l({converter:t.u})],A.prototype,`step`,void 0),s.t([t.l({converter:t.u})],A.prototype,`max`,void 0),s.t([t.l({converter:t.u})],A.prototype,`min`,void 0),s.t([t.T],A.prototype,`defaultSlottedNodes`,void 0),s.t([t.T],A.prototype,`_presentationValue`,void 0),s.t([t.T],A.prototype,`_updatedValueAnnouncement`,void 0),s.t([t.l({attribute:`increment-button-aria-label`})],A.prototype,`incrementButtonAriaLabel`,void 0),s.t([t.l({attribute:`decrement-button-aria-label`})],A.prototype,`decrementButtonAriaLabel`,void 0),s.t([t.l],A.prototype,`appearance`,void 0),s.t([t.l],A.prototype,`shape`,void 0),s.t([t.l],A.prototype,`autoComplete`,void 0);var j=({errorValidationMessage:e,disabled:t,value:n,readOnly:r,placeholder:i,appearance:a,shape:o,label:s,successText:c,scale:l})=>h.t([`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 M(){return t.d` <label for="control" class="label">
 		${e=>e.label}
 	</label>`}function N(e){return e.shape===o.i.Pill?o.i.Pill:null}function P(e){return e.disabled||e.readOnly?`-1`:null}function F(e){let n=e.tagFor(v.i),r=e.tagFor(S.t);return t.d`
 		<div class="control-buttons" ?inert="${e=>e.disabled||e.readOnly}">
@@ -59,4 +59,4 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 			<${o} id="value-announcement" role="status" aria-atomic="true">
 				${e=>e._updatedValueAnnouncement}</${o}>
 		</div>
-	`},[v.t,x.t,s.t,y.a,a.n,b.t],{styles:C,shadowOptions:{delegatesFocus:!0}});t.s(I)();
+	`},[v.t,x.t,c.t,y.a,a.n,b.t],{styles:C,shadowOptions:{delegatesFocus:!0}});t.s(I)();

package/number-field/index.js

@@ -5,8 +5,9 @@ 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 { i as m } from "../bundled/enums.js";
-import { t as h } from "../bundled/definition2.js";
-import { t as g } from "../bundled/decorate.js";
+import "../bundled/numberConverter.js";
+import { t as h } from "../bundled/decorate.js";
+import { t as g } from "../bundled/definition2.js";
 import { t as _ } from "../bundled/affix.js";
 import { t as v } from "../bundled/form-element.js";
 import { t as y } from "../bundled/with-success-text.js";
@@ -104,10 +105,10 @@ var R = (e) => {
 		return !0;
 	}
 };
-g([i({
+h([i({
 	attribute: "readonly",
 	mode: "boolean"
-})], H.prototype, "readOnly", void 0), g([i({ mode: "boolean" })], H.prototype, "autofocus", void 0), g([i], H.prototype, "placeholder", void 0), g([i], H.prototype, "list", void 0), g([i({ converter: c })], H.prototype, "maxlength", void 0), g([i({ converter: c })], H.prototype, "minlength", void 0), g([i({ converter: c })], H.prototype, "size", void 0), g([i()], H.prototype, "scale", void 0), g([i({ converter: c })], H.prototype, "step", void 0), g([i({ converter: c })], H.prototype, "max", void 0), g([i({ converter: c })], H.prototype, "min", void 0), g([n], H.prototype, "defaultSlottedNodes", void 0), g([n], H.prototype, "_presentationValue", void 0), g([n], H.prototype, "_updatedValueAnnouncement", void 0), g([i({ attribute: "increment-button-aria-label" })], H.prototype, "incrementButtonAriaLabel", void 0), g([i({ attribute: "decrement-button-aria-label" })], H.prototype, "decrementButtonAriaLabel", void 0), g([i], H.prototype, "appearance", void 0), g([i], H.prototype, "shape", void 0), g([i], H.prototype, "autoComplete", void 0);
+})], 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 }) => w(["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]);
@@ -193,7 +194,7 @@ o(a("number-field", H, (e) => {
 }, [
 	k,
 	N,
-	h,
+	g,
 	A,
 	f,
 	M

package/option/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition29.cjs");
-exports.VwcOptionElement = require_definition$1.ListboxOption;
-exports.listboxOptionDefinition = require_definition$1.listboxOptionDefinition;
-exports.registerOption = require_definition$1.registerOption;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition29.cjs");
+exports.VwcOptionElement = require_definition.ListboxOption;
+exports.listboxOptionDefinition = require_definition.listboxOptionDefinition;
+exports.registerOption = require_definition.registerOption;

package/option/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.js";
 import { n as registerOption, r as ListboxOption, t as listboxOptionDefinition } from "../unbundled/definition29.js";
 export { ListboxOption as VwcOptionElement, listboxOptionDefinition, registerOption };

package/option/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition17.cjs`).n();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition17.cjs`).n();

package/option/index.js

@@ -1,5 +1,5 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { n as e } from "../bundled/definition17.js";
 //#region src/lib/option/index.ts
 e();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid",
-  "version": "5.17.0",
+  "version": "5.18.0",
   "homepage": "https://vivid.vonage.com",
   "bugs": {
     "url": "https://github.com/Vonage/vivid-3/issues"
@@ -86,17 +86,17 @@
     "vitest-axe": "^0.1.0",
     "vitest-fetch-mock": "^0.4.5",
     "wait-on": "^8.0.5",
+    "@repo/eslint-config": "1.0.0",
+    "@repo/eslint-plugin-repo": "1.0.0",
     "@repo/cem-analyzer-plugins": "1.0.0",
     "@repo/metadata-extractor": "1.0.0",
-    "@repo/eslint-plugin-repo": "1.0.0",
-    "@repo/eslint-config": "1.0.0",
     "@repo/shared": "1.0.0",
     "@repo/stylelint-config": "1.0.0",
     "@repo/styles": "1.0.0",
     "@repo/tokens": "1.0.0",
     "@repo/tools": "1.0.0",
-    "@repo/typescript-config": "1.0.0",
     "@repo/vitest-config": "1.0.0",
+    "@repo/typescript-config": "1.0.0",
     "@vonage/vivid-icons": "4.10.0"
   },
   "customElements": "custom-elements.json",

package/pagination/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition50.cjs");
-exports.VwcPaginationElement = require_definition$1.Pagination;
-exports.paginationDefinition = require_definition$1.paginationDefinition;
-exports.registerPagination = require_definition$1.registerPagination;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition52.cjs");
+exports.VwcPaginationElement = require_definition.Pagination;
+exports.paginationDefinition = require_definition.paginationDefinition;
+exports.registerPagination = require_definition.registerPagination;

package/pagination/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerPagination, r as Pagination, t as paginationDefinition } from "../unbundled/definition50.js";
+import "../unbundled/numberConverter.js";
+import { n as registerPagination, r as Pagination, t as paginationDefinition } from "../unbundled/definition52.js";
 export { Pagination as VwcPaginationElement, paginationDefinition, registerPagination };

package/pagination/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`),o=require(`../bundled/children.cjs`),s=require(`../bundled/enums.cjs`);require(`../bundled/definition2.cjs`);const c=require(`../bundled/decorate.cjs`),l=require(`../bundled/class-names.cjs`),u=require(`../bundled/definition6.cjs`);var d=`.control{justify-content:space-between;display:inline-flex}.control:not(.shape-pill){border-radius:4px}.control.shape-pill{border-radius:16px}.buttons-wrapper{column-gap:4px;display:flex}.vwc-pagination-button[size=super-condensed]{--base-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.vwc-pagination-button[size=condensed]{--base-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.vwc-pagination-button[size=normal]{--base-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.vwc-pagination-button::part(button){padding-inline:0}.dots{text-align:center;align-self:center}.dots:not(.size-super-condensed){font:var(--vvd-typography-base-bold)}.dots.size-super-condensed{font:var(--vvd-typography-base-condensed-bold);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.dots.size-condensed{inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.dots.size-normal{inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}`,f=7,p={fromView:e=>parseInt(e,10),toView:e=>e.toString()},m=class extends e.t(t.t){get pagesList(){return Array(this.total<f?this.total:f).fill(0).map((e,t,n)=>{if(t===0)return 1;if(t===n.length-1)return this.total;if(this.selectedIndex!==void 0&&this.total>f){if(this.selectedIndex<4&&t===f-2)return`...`;if(this.selectedIndex>=4&&this.selectedIndex<=this.total-5){if(t>1&&t<f-2)return this.selectedIndex+(t-2);if(t===1||t===f-2)return`...`}if(this.selectedIndex>this.total-5){if(t>1)return this.total-(6-t);if(t===1)return`...`}}return t+1})}constructor(){super(),this.navIcons=!1,this.total=0,this.selectedIndex=0,this.addEventListener(`tabpressed`,e=>{let{value:t,shiftKey:n}=e.detail,r=this.paginationButtons.findIndex(e=>Number(e.label)===t),i=n?-1:1,a=r+i;if(a<0)return this.prevButton.focus();if(a>this.paginationButtons.length-1)return this.nextButton.focus();this.paginationButtons&&this.paginationButtons[r+i].focus()})}totalChanged(e,t){if(t<0){this.total=0;return}this.#t()}selectedIndexChanged(e,t){e!==void 0&&(this.$emit(`pagination-change`,{selectedIndex:t,total:this.total,oldIndex:e}),this.#t())}paginationButtonsChanged(e,t){t.forEach(e=>{e.shadowRoot.querySelector(`button`).setAttribute(`part`,`button`)})}get#e(){return Math.max(0,Math.min(this.selectedIndex??0,this.total-1))}#t(){this.selectedIndex!==this.#e&&window.queueMicrotask(()=>{this.selectedIndex!==this.#e&&(this.selectedIndex=this.#e)})}};c.t([t.l],m.prototype,`size`,void 0),c.t([t.l],m.prototype,`shape`,void 0),c.t([t.T],m.prototype,`paginationButtons`,void 0),c.t([t.T],m.prototype,`prevButton`,void 0),c.t([t.T],m.prototype,`nextButton`,void 0),c.t([t.l({attribute:`nav-icons`,mode:`boolean`})],m.prototype,`navIcons`,void 0),c.t([t.E],m.prototype,`pagesList`,null),c.t([t.l({mode:`reflect`,converter:p})],m.prototype,`total`,void 0),c.t([t.l({mode:`reflect`,converter:p,attribute:`selected-index`})],m.prototype,`selectedIndex`,void 0);var h=[s.a.SuperCondensed,s.a.Condensed,s.a.Normal],g=[s.i.Rounded,s.i.Pill],_=(e,{parent:t})=>t.selectedIndex=Number(e)-1,v=(e,{event:t,parent:n})=>{(t.key===` `||t.key===`Enter`)&&_(e,{parent:n}),t.key===`Tab`&&t.target.dispatchEvent(new CustomEvent(`tabpressed`,{detail:{value:e,shiftKey:t.shiftKey},bubbles:!0,composed:!0}))},y=e=>l.t(`control`);function b(e,{parent:t}){return t.selectedIndex===Number(e)-1?`filled`:`ghost`}var x=e=>t.d` ${i.t(e=>e!==`...`,t.d`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/repeat.cjs`),r=require(`../bundled/ref.cjs`),i=require(`../bundled/when.cjs`),a=require(`../bundled/slotted.cjs`),o=require(`../bundled/children.cjs`),s=require(`../bundled/enums.cjs`);require(`../bundled/numberConverter.cjs`);const c=require(`../bundled/decorate.cjs`),l=require(`../bundled/class-names.cjs`),u=require(`../bundled/definition6.cjs`);var d=`.control{justify-content:space-between;display:inline-flex}.control:not(.shape-pill){border-radius:4px}.control.shape-pill{border-radius:16px}.buttons-wrapper{column-gap:4px;display:flex}.vwc-pagination-button[size=super-condensed]{--base-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.vwc-pagination-button[size=condensed]{--base-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.vwc-pagination-button[size=normal]{--base-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}.vwc-pagination-button::part(button){padding-inline:0}.dots{text-align:center;align-self:center}.dots:not(.size-super-condensed){font:var(--vvd-typography-base-bold)}.dots.size-super-condensed{font:var(--vvd-typography-base-condensed-bold);inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 16))}.dots.size-condensed{inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8))}.dots.size-normal{inline-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2)))}`,f=7,p={fromView:e=>parseInt(e,10),toView:e=>e.toString()},m=class extends e.t(t.t){get pagesList(){return Array(this.total<f?this.total:f).fill(0).map((e,t,n)=>{if(t===0)return 1;if(t===n.length-1)return this.total;if(this.selectedIndex!==void 0&&this.total>f){if(this.selectedIndex<4&&t===f-2)return`...`;if(this.selectedIndex>=4&&this.selectedIndex<=this.total-5){if(t>1&&t<f-2)return this.selectedIndex+(t-2);if(t===1||t===f-2)return`...`}if(this.selectedIndex>this.total-5){if(t>1)return this.total-(6-t);if(t===1)return`...`}}return t+1})}constructor(){super(),this.navIcons=!1,this.total=0,this.selectedIndex=0,this.addEventListener(`tabpressed`,e=>{let{value:t,shiftKey:n}=e.detail,r=this.paginationButtons.findIndex(e=>Number(e.label)===t),i=n?-1:1,a=r+i;if(a<0)return this.prevButton.focus();if(a>this.paginationButtons.length-1)return this.nextButton.focus();this.paginationButtons&&this.paginationButtons[r+i].focus()})}totalChanged(e,t){if(t<0){this.total=0;return}this.#t()}selectedIndexChanged(e,t){e!==void 0&&(this.$emit(`pagination-change`,{selectedIndex:t,total:this.total,oldIndex:e}),this.#t())}paginationButtonsChanged(e,t){t.forEach(e=>{e.shadowRoot.querySelector(`button`).setAttribute(`part`,`button`)})}get#e(){return Math.max(0,Math.min(this.selectedIndex??0,this.total-1))}#t(){this.selectedIndex!==this.#e&&window.queueMicrotask(()=>{this.selectedIndex!==this.#e&&(this.selectedIndex=this.#e)})}};c.t([t.l],m.prototype,`size`,void 0),c.t([t.l],m.prototype,`shape`,void 0),c.t([t.T],m.prototype,`paginationButtons`,void 0),c.t([t.T],m.prototype,`prevButton`,void 0),c.t([t.T],m.prototype,`nextButton`,void 0),c.t([t.l({attribute:`nav-icons`,mode:`boolean`})],m.prototype,`navIcons`,void 0),c.t([t.E],m.prototype,`pagesList`,null),c.t([t.l({mode:`reflect`,converter:p})],m.prototype,`total`,void 0),c.t([t.l({mode:`reflect`,converter:p,attribute:`selected-index`})],m.prototype,`selectedIndex`,void 0);var h=[s.a.SuperCondensed,s.a.Condensed,s.a.Normal],g=[s.i.Rounded,s.i.Pill],_=(e,{parent:t})=>t.selectedIndex=Number(e)-1,v=(e,{event:t,parent:n})=>{(t.key===` `||t.key===`Enter`)&&_(e,{parent:n}),t.key===`Tab`&&t.target.dispatchEvent(new CustomEvent(`tabpressed`,{detail:{value:e,shiftKey:t.shiftKey},bubbles:!0,composed:!0}))},y=e=>l.t(`control`);function b(e,{parent:t}){return t.selectedIndex===Number(e)-1?`filled`:`ghost`}var x=e=>t.d` ${i.t(e=>e!==`...`,t.d`
 		<${e} class="vwc-pagination-button"
 			label="${e=>e}"
 			appearance="${b}"

package/pagination/index.js

@@ -6,7 +6,7 @@ import { t as u } from "../bundled/when.js";
 import { r as d } from "../bundled/slotted.js";
 import { t as f } from "../bundled/children.js";
 import { a as p, i as m } from "../bundled/enums.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.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/definition6.js";

package/popover/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition51.cjs");
-exports.VwcPopoverElement = require_definition$1.Popover;
-exports.popoverDefinition = require_definition$1.popoverDefinition;
-exports.registerPopover = require_definition$1.registerPopover;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition53.cjs");
+exports.VwcPopoverElement = require_definition.Popover;
+exports.popoverDefinition = require_definition.popoverDefinition;
+exports.registerPopover = require_definition.registerPopover;

package/popover/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerPopover, r as Popover, t as popoverDefinition } from "../unbundled/definition51.js";
+import "../unbundled/numberConverter.js";
+import { n as registerPopover, r as Popover, t as popoverDefinition } from "../unbundled/definition53.js";
 export { Popover as VwcPopoverElement, popoverDefinition, registerPopover };

package/popover/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/slotted.cjs`),a=require(`../bundled/definition2.cjs`),o=require(`../bundled/decorate.cjs`),s=require(`../bundled/delegates-aria.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/floating-ui.dom.cjs`);var f=`:host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}`,p=class extends e.t(s.t(t.t)){constructor(...e){super(...e),this.placement=`bottom`,this.manual=!1,this.layout=`default`,this.offset=8,this.alternate=!1,this.dismissButtonAriaLabel=null,this.arrow=!1,this.open=!1}placementChanged(){this.#s()}arrowChanged(){this.#s()}openChanged(e,t){if(!this._popoverEl)return;let n=this._popoverEl.matches(`:popover-open`);t&&!n?this._popoverEl.showPopover():!t&&n&&this._popoverEl.hidePopover(),this.#s()}anchorChanged(){this.#t()}_slottedAnchorChanged(){this.#t()}#e=null;#t(){if(!this._popoverEl)return;let e=this.anchor||this._slottedAnchor?.[0]||null;this.#e!==e&&(this.#e&&this.#r(this.#e),this.#e=e,this.#e&&this._popoverEl&&(this.#n(this.#e),this.#s()))}#n(e){e.setAttribute(`aria-haspopup`,`dialog`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=this._popoverEl:e.addEventListener(`click`,this.#i)}#r(e){e.removeAttribute(`aria-haspopup`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=null:e.removeEventListener(`click`,this.#i)}#i=()=>{this._popoverEl.togglePopover()};get#a(){let e=[d.s(),d.a(),d.l(),d.o()],t=this.offset??0;return this.arrow&&this._arrowEl&&(t=12,e=[...e,d.t({element:this._arrowEl,padding:10})]),t>0&&e.unshift(d.c(t)),e}#o;#s(){this.#o?.(),this.open&&this.#e&&this._popoverEl&&(this.#o=d.r(this.#e,this._popoverEl,this.#l))}#c;#l=()=>{this.#c=this.updatePosition()};async updatePosition(){if(!this.open||!this.#e||!this._popoverEl)return;let e=await d.i(this.#e,this._popoverEl,{placement:this.placement,strategy:`fixed`,middleware:this.#a});this.open&&(this.#u(e),this.arrow&&this._arrowEl&&this.#d(e))}#u(e){let{x:t,y:n}=e;Object.assign(this._popoverEl.style,{left:`${t}px`,top:`${n}px`,visibility:e.middlewareData.hide?.referenceHidden?`hidden`:`visible`})}#d(e){if(!this._arrowEl)return;let{x:t,y:n}=e.middlewareData.arrow,r={left:`calc(100% - 4px)`,right:`-4px`,top:`calc(100% - 4px)`,bottom:`-4px`},i=e.placement.split(`-`)[0];Object.assign(this._arrowEl.style,{left:t?`${t}px`:r[i],top:n?`${n}px`:r[i]})}#f=e=>{let t=e.newState?e.newState===`open`:this._popoverEl.matches(`:popover-open`);this.open!==t&&(this.open=t),this.$emit(t?`open`:`close`,void 0,{bubbles:!1})};connectedCallback(){super.connectedCallback(),this.#t(),this._popoverEl&&(this._popoverEl.addEventListener(`toggle`,this.#f),this.open&&!this._popoverEl.matches(`:popover-open`)&&(this._popoverEl.showPopover(),this.#s()))}disconnectedCallback(){super.disconnectedCallback(),this.#o?.(),this.#e&&=(this.#r(this.#e),null),this._popoverEl&&this._popoverEl.removeEventListener(`toggle`,this.#f)}show(){return this.open=!0,this.#c??Promise.resolve()}hide(){this.open=!1}toggle(){this.open=!this.open}};o.t([t.l({mode:`fromView`})],p.prototype,`placement`,void 0),o.t([t.l({mode:`boolean`})],p.prototype,`manual`,void 0),o.t([t.l({mode:`fromView`})],p.prototype,`layout`,void 0),o.t([t.l({attribute:`offset`,mode:`fromView`,converter:t.u})],p.prototype,`offset`,void 0),o.t([t.l({mode:`boolean`})],p.prototype,`alternate`,void 0),o.t([t.l({attribute:`dismiss-button-aria-label`})],p.prototype,`dismissButtonAriaLabel`,void 0),o.t([t.l({mode:`boolean`})],p.prototype,`arrow`,void 0),o.t([t.l({mode:`boolean`})],p.prototype,`open`,void 0),o.t([t.T],p.prototype,`anchor`,void 0),o.t([t.T],p.prototype,`_slottedAnchor`,void 0);var m=({open:e,manual:t,layout:n})=>c.t(`control`,[`open`,!!e],[`manual`,!!t],[`condensed`,n===`condensed`]),h=t.o(`popover`,p,e=>{let o=e.tagFor(u.r),c=e.tagFor(l.i),d=e.tagFor(a.r);return t.d`
+const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.cjs`),n=require(`../bundled/ref.cjs`),r=require(`../bundled/when.cjs`),i=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const a=require(`../bundled/decorate.cjs`),o=require(`../bundled/definition2.cjs`),s=require(`../bundled/delegates-aria.cjs`),c=require(`../bundled/class-names.cjs`),l=require(`../bundled/definition6.cjs`),u=require(`../bundled/definition7.cjs`),d=require(`../bundled/floating-ui.dom.cjs`);var f=`:host{display:inline-block}.base{white-space:initial;--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.base ::-webkit-scrollbar{width:4px}.base ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.base ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.base{border:none;border-radius:8px;inline-size:max-content;min-inline-size:fit-content;margin:0;padding:0;position:fixed;overflow:visible}.base:focus-visible{outline:none}.base::backdrop{background-color:var(--popover-backdrop-bg,transparent)}.control{padding:var(--popover-padding,24px);border-radius:inherit;background:var(--vvd-color-surface-4dp);color:var(--vvd-color-canvas-text);gap:var(--popover-gap,24px);flex-direction:column;display:flex}.control:not(.open){display:none}.control.condensed{--popover-padding:12px;--popover-gap:12px}.control.manual{padding-block-start:40px}.arrow{z-index:-1;background:var(--vvd-color-surface-4dp);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dismiss-button{position:absolute;inset-block-start:4px;inset-inline-end:4px}`,p=class extends e.t(s.t(t.t)){constructor(...e){super(...e),this.placement=`bottom`,this.manual=!1,this.layout=`default`,this.offset=8,this.alternate=!1,this.dismissButtonAriaLabel=null,this.arrow=!1,this.open=!1}placementChanged(){this.#s()}arrowChanged(){this.#s()}openChanged(e,t){if(!this._popoverEl)return;let n=this._popoverEl.matches(`:popover-open`);t&&!n?this._popoverEl.showPopover():!t&&n&&this._popoverEl.hidePopover(),this.#s()}anchorChanged(){this.#t()}_slottedAnchorChanged(){this.#t()}#e=null;#t(){if(!this._popoverEl)return;let e=this.anchor||this._slottedAnchor?.[0]||null;this.#e!==e&&(this.#e&&this.#r(this.#e),this.#e=e,this.#e&&this._popoverEl&&(this.#n(this.#e),this.#s()))}#n(e){e.setAttribute(`aria-haspopup`,`dialog`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=this._popoverEl:e.addEventListener(`click`,this.#i)}#r(e){e.removeAttribute(`aria-haspopup`),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e.popoverTargetElement=null:e.removeEventListener(`click`,this.#i)}#i=()=>{this._popoverEl.togglePopover()};get#a(){let e=[d.s(),d.a(),d.l(),d.o()],t=this.offset??0;return this.arrow&&this._arrowEl&&(t=12,e=[...e,d.t({element:this._arrowEl,padding:10})]),t>0&&e.unshift(d.c(t)),e}#o;#s(){this.#o?.(),this.open&&this.#e&&this._popoverEl&&(this.#o=d.r(this.#e,this._popoverEl,this.#l))}#c;#l=()=>{this.#c=this.updatePosition()};async updatePosition(){if(!this.open||!this.#e||!this._popoverEl)return;let e=await d.i(this.#e,this._popoverEl,{placement:this.placement,strategy:`fixed`,middleware:this.#a});this.open&&(this.#u(e),this.arrow&&this._arrowEl&&this.#d(e))}#u(e){let{x:t,y:n}=e;Object.assign(this._popoverEl.style,{left:`${t}px`,top:`${n}px`,visibility:e.middlewareData.hide?.referenceHidden?`hidden`:`visible`})}#d(e){if(!this._arrowEl)return;let{x:t,y:n}=e.middlewareData.arrow,r={left:`calc(100% - 4px)`,right:`-4px`,top:`calc(100% - 4px)`,bottom:`-4px`},i=e.placement.split(`-`)[0];Object.assign(this._arrowEl.style,{left:t?`${t}px`:r[i],top:n?`${n}px`:r[i]})}#f=e=>{let t=e.newState?e.newState===`open`:this._popoverEl.matches(`:popover-open`);this.open!==t&&(this.open=t),this.$emit(t?`open`:`close`,void 0,{bubbles:!1})};connectedCallback(){super.connectedCallback(),this.#t(),this._popoverEl&&(this._popoverEl.addEventListener(`toggle`,this.#f),this.open&&!this._popoverEl.matches(`:popover-open`)&&(this._popoverEl.showPopover(),this.#s()))}disconnectedCallback(){super.disconnectedCallback(),this.#o?.(),this.#e&&=(this.#r(this.#e),null),this._popoverEl&&this._popoverEl.removeEventListener(`toggle`,this.#f)}show(){return this.open=!0,this.#c??Promise.resolve()}hide(){this.open=!1}toggle(){this.open=!this.open}};a.t([t.l({mode:`fromView`})],p.prototype,`placement`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`manual`,void 0),a.t([t.l({mode:`fromView`})],p.prototype,`layout`,void 0),a.t([t.l({attribute:`offset`,mode:`fromView`,converter:t.u})],p.prototype,`offset`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`alternate`,void 0),a.t([t.l({attribute:`dismiss-button-aria-label`})],p.prototype,`dismissButtonAriaLabel`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`arrow`,void 0),a.t([t.l({mode:`boolean`})],p.prototype,`open`,void 0),a.t([t.T],p.prototype,`anchor`,void 0),a.t([t.T],p.prototype,`_slottedAnchor`,void 0);var m=({open:e,manual:t,layout:n})=>c.t(`control`,[`open`,!!e],[`manual`,!!t],[`condensed`,n===`condensed`]),h=t.o(`popover`,p,e=>{let a=e.tagFor(u.r),c=e.tagFor(l.i),d=e.tagFor(o.r);return t.d`
 		<slot name="anchor" ${i.t(`_slottedAnchor`)}></slot>
-		<${o}>
+		<${a}>
 			<div class="base" 
 				${n.t(`_popoverEl`)} 
 				popover="${e=>e.manual?`manual`:`auto`}"
@@ -23,5 +23,5 @@ const e=require(`../bundled/localized.cjs`),t=require(`../bundled/vivid-element.
 					${r.t(e=>e.arrow,t.d`<div class="arrow" ${n.t(`_arrowEl`)}></div>`)}
 				</div>
 			</div>
-		</${o}>
-	`},[l.t,a.t,u.t],{styles:f,shadowOptions:{delegatesFocus:!0}});t.s(h)();
+		</${a}>
+	`},[l.t,o.t,u.t],{styles:f,shadowOptions:{delegatesFocus:!0}});t.s(h)();

package/popover/index.js

@@ -3,8 +3,9 @@ import { T as t, d as n, l as r, o as i, s as a, t as o, u as s } from "../bundl
 import { t as c } from "../bundled/ref.js";
 import { t as l } from "../bundled/when.js";
 import { t as u } from "../bundled/slotted.js";
-import { r as d, t as f } from "../bundled/definition2.js";
-import { t as p } from "../bundled/decorate.js";
+import "../bundled/numberConverter.js";
+import { t as d } from "../bundled/decorate.js";
+import { r as f, t as p } from "../bundled/definition2.js";
 import { n as m, t as h } from "../bundled/delegates-aria.js";
 import { t as g } from "../bundled/class-names.js";
 import { i as _, t as v } from "../bundled/definition6.js";
@@ -121,18 +122,18 @@ var k = ":host{display:inline-block}.base{white-space:initial;--scrollbar-track-
 		this.open = !this.open;
 	}
 };
-p([r({ mode: "fromView" })], A.prototype, "placement", void 0), p([r({ mode: "boolean" })], A.prototype, "manual", void 0), p([r({ mode: "fromView" })], A.prototype, "layout", void 0), p([r({
+d([r({ mode: "fromView" })], A.prototype, "placement", void 0), d([r({ mode: "boolean" })], A.prototype, "manual", void 0), d([r({ mode: "fromView" })], A.prototype, "layout", void 0), d([r({
 	attribute: "offset",
 	mode: "fromView",
 	converter: s
-})], A.prototype, "offset", void 0), p([r({ mode: "boolean" })], A.prototype, "alternate", void 0), p([r({ attribute: "dismiss-button-aria-label" })], A.prototype, "dismissButtonAriaLabel", void 0), p([r({ mode: "boolean" })], A.prototype, "arrow", void 0), p([r({ mode: "boolean" })], A.prototype, "open", void 0), p([t], A.prototype, "anchor", void 0), p([t], A.prototype, "_slottedAnchor", void 0);
+})], A.prototype, "offset", void 0), d([r({ mode: "boolean" })], A.prototype, "alternate", void 0), d([r({ attribute: "dismiss-button-aria-label" })], A.prototype, "dismissButtonAriaLabel", void 0), d([r({ mode: "boolean" })], A.prototype, "arrow", void 0), d([r({ mode: "boolean" })], A.prototype, "open", void 0), d([t], A.prototype, "anchor", void 0), d([t], A.prototype, "_slottedAnchor", void 0);
 //#endregion
 //#region src/lib/popover/popover.template.ts
 var j = ({ open: e, manual: t, layout: n }) => g("control", ["open", !!e], ["manual", !!t], ["condensed", n === "condensed"]);
 //#endregion
 //#region src/lib/popover/index.ts
 a(i("popover", A, (e) => {
-	let t = e.tagFor(y), r = e.tagFor(_), i = e.tagFor(d);
+	let t = e.tagFor(y), r = e.tagFor(_), i = e.tagFor(f);
 	return n`
 		<slot name="anchor" ${u("_slottedAnchor")}></slot>
 		<${t}>
@@ -165,7 +166,7 @@ a(i("popover", A, (e) => {
 	`;
 }, [
 	v,
-	f,
+	p,
 	b
 ], {
 	styles: k,

package/popup/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition10.cjs");
-exports.popupDefinition = require_definition$1.popupDefinition;
-exports.registerPopup = require_definition$1.registerPopup;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition10.cjs");
+exports.popupDefinition = require_definition.popupDefinition;
+exports.registerPopup = require_definition.registerPopup;

package/popup/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.js";
 import { n as registerPopup, t as popupDefinition } from "../unbundled/definition10.js";
 export { popupDefinition, registerPopup };

package/popup/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition8.cjs`).n();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition8.cjs`).n();

package/popup/index.js

@@ -1,5 +1,5 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { n as e } from "../bundled/definition8.js";
 //#region src/lib/popup/index.ts
 e();

package/progress/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition52.cjs");
+const require_definition = require("../unbundled/definition54.cjs");
 exports.VwcProgressElement = require_definition.Progress;
 exports.progressDefinition = require_definition.progressDefinition;
 exports.registerProgress = require_definition.registerProgress;

package/progress/definition.js

@@ -1,2 +1,2 @@
-import { n as registerProgress, r as Progress, t as progressDefinition } from "../unbundled/definition52.js";
+import { n as registerProgress, r as Progress, t as progressDefinition } from "../unbundled/definition54.js";
 export { Progress as VwcProgressElement, progressDefinition, registerProgress };

package/radio/definition.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_definition = require("../unbundled/definition53.cjs");
+const require_definition = require("../unbundled/definition55.cjs");
 exports.VwcRadioElement = require_definition.Radio;
 exports.radioDefinition = require_definition.radioDefinition;
 exports.registerRadio = require_definition.registerRadio;

package/radio/definition.js

@@ -1,2 +1,2 @@
-import { n as registerRadio, r as Radio, t as radioDefinition } from "../unbundled/definition53.js";
+import { n as registerRadio, r as Radio, t as radioDefinition } from "../unbundled/definition55.js";
 export { Radio as VwcRadioElement, radioDefinition, registerRadio };

package/radio-group/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition54.cjs");
-exports.VwcRadioGroupElement = require_definition$1.RadioGroup;
-exports.radioGroupDefinition = require_definition$1.radioGroupDefinition;
-exports.registerRadioGroup = require_definition$1.registerRadioGroup;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition56.cjs");
+exports.VwcRadioGroupElement = require_definition.RadioGroup;
+exports.radioGroupDefinition = require_definition.radioGroupDefinition;
+exports.registerRadioGroup = require_definition.registerRadioGroup;

package/radio-group/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "../unbundled/definition54.js";
+import "../unbundled/numberConverter.js";
+import { n as registerRadioGroup, r as RadioGroup, t as radioGroupDefinition } from "../unbundled/definition56.js";
 export { RadioGroup as VwcRadioGroupElement, radioGroupDefinition, registerRadioGroup };

package/radio-group/index.cjs

@@ -1,4 +1,4 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`);require(`../bundled/definition2.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/aria.cjs`),o=require(`../bundled/key-codes.cjs`),s=require(`../bundled/mixins.cjs`),c=require(`../bundled/definition16.cjs`);var l=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,u=class extends s.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=a.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{this.errorValidationMessage=e.target.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons?.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=0;if(r=n.indexOf(t)+1,r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case o.a:this.checkFocusedRadio(e.target);break;case o.r:case o.t:this.moveRight(e);break;case o.n:case o.i:this.moveLeft(e);break;default:return!0}}}requiredChanged(){this.slottedRadioButtons?.forEach(e=>{this.required?e.required=!0:e.required=!1})}readOnlyChanged(){this.slottedRadioButtons?.forEach(e=>{this.readOnly?e.readOnly=!0:e.readOnly=!1})}disabledChanged(){this.slottedRadioButtons?.forEach(e=>{this.disabled?e.disabled=!0:e.disabled=!1})}nameChanged(){this.slottedRadioButtons?.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons?.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons?.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){t?this.errorValidationMessage=t:this.errorValidationMessage=``}get#e(){return this.slottedRadioButtons?.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons?.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons?.length>0){let t=this.slottedRadioButtons?.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.l],u.prototype,`label`,void 0),r.t([e.l({attribute:`required`,mode:`boolean`})],u.prototype,`required`,void 0),r.t([e.l({attribute:`readonly`,mode:`boolean`})],u.prototype,`readOnly`,void 0),r.t([e.l({attribute:`disabled`,mode:`boolean`})],u.prototype,`disabled`,void 0),r.t([e.l],u.prototype,`name`,void 0),r.t([e.l],u.prototype,`value`,void 0),r.t([e.T],u.prototype,`errorValidationMessage`,void 0),r.t([e.l({attribute:`error-text`})],u.prototype,`errorText`,void 0),r.t([e.l],u.prototype,`orientation`,void 0),r.t([e.T],u.prototype,`slottedRadioButtons`,void 0);var d=e.o(`radio-group`,u,r=>{let o=r.tagFor(c.r,!0);return e.d`
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/when.cjs`),n=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/delegates-aria.cjs`),a=require(`../bundled/aria.cjs`),o=require(`../bundled/key-codes.cjs`),s=require(`../bundled/mixins.cjs`),c=require(`../bundled/definition16.cjs`);var l=`.base{--_low-ink-color:var(--vvd-color-neutral-600);flex-direction:column;gap:8px;display:flex}.positioning-region{flex-wrap:wrap;gap:8px;display:flex}.positioning-region.vertical{flex-direction:column}fieldset{border:none;margin:0;padding:0;display:block}legend{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);margin-block-end:8px;padding:0}`,u=class extends s.t(e.t){constructor(...e){super(...e),this.errorValidationMessage=``,this.orientation=a.t.horizontal,this.slottedRadioButtons=[],this.radioErrorHandler=e=>{this.errorValidationMessage=e.target.errorValidationMessage||``},this.radioChangeHandler=e=>{let t=e.target;t.checked&&(this.slottedRadioButtons?.forEach(e=>{e!==t&&(e.checked=!1)}),this.value=t.value,this.#t(t)),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{let n=e[t];!this.isInsideToolbar&&!n.readOnly&&(n.checked=!0),n.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.moveRight=e=>{let t=e.target,n=this.#e,r=0;if(r=n.indexOf(t)+1,r===n.length&&this.isInsideToolbar&&e.key===`ArrowRight`){this.moveRightOffGroup();return}r===n.length&&(r=0),this.moveToRadioByIndex(n,r)},this.moveLeft=e=>{let t=e.target,n=this.#e,r=n.indexOf(t)-1;if(this.isInsideToolbar&&e.key===`ArrowLeft`&&r<0){this.moveLeftOffGroup();return}r=r<0?n.length-1:r,this.moveToRadioByIndex(n,r)},this.keydownHandler=e=>{switch(e.key){case o.a:this.checkFocusedRadio(e.target);break;case o.r:case o.t:this.moveRight(e);break;case o.n:case o.i:this.moveLeft(e);break;default:return!0}}}requiredChanged(){this.slottedRadioButtons?.forEach(e=>{this.required?e.required=!0:e.required=!1})}readOnlyChanged(){this.slottedRadioButtons?.forEach(e=>{this.readOnly?e.readOnly=!0:e.readOnly=!1})}disabledChanged(){this.slottedRadioButtons?.forEach(e=>{this.disabled?e.disabled=!0:e.disabled=!1})}nameChanged(){this.slottedRadioButtons?.forEach(e=>{e.setAttribute(`name`,this.name)})}valueChanged(){this.slottedRadioButtons?.forEach(e=>{e.value===this.value&&(e.checked=!0)}),this.$emit(`change`)}handleSlotChange(){this.errorText&&this.slottedRadioButtons?.forEach(e=>{e.errorText=this.errorText})}errorTextChanged(e,t){t?this.errorValidationMessage=t:this.errorValidationMessage=``}get#e(){return this.slottedRadioButtons?.filter(e=>!e.disabled)}slottedRadioButtonsChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get isInsideToolbar(){return!!this.closest(`[role="toolbar"]`)}connectedCallback(){super.connectedCallback(),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons?.forEach(e=>{e.removeEventListener(`change`,this.radioChangeHandler),e.removeEventListener(`invalid`,this.radioErrorHandler)})}setupRadioButtons(){let e=!1;for(let t of this.slottedRadioButtons)this.name!==void 0&&t.setAttribute(`name`,this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.required&&(t.required=!0),this.value&&this.value===t.value?(t.checked=!0,this.#t(t),e=!0):t.checked=!1,t.addEventListener(`change`,this.radioChangeHandler),t.addEventListener(`invalid`,this.radioErrorHandler);if(this.value===void 0&&this.slottedRadioButtons?.length>0){let t=this.slottedRadioButtons?.filter(e=>e.hasAttribute(`checked`));if(t.length>0&&!e){let e=t[t.length-1];e.checked=!0,this.#t(e)}else this.#t(this.slottedRadioButtons[0])}}focusInHandler(e){this.#t(e.target)}#t(e){e.setAttribute(`tabindex`,`0`);for(let t of this.slottedRadioButtons)t!==e&&t.setAttribute(`tabindex`,`-1`)}checkFocusedRadio(e){e.readOnly||(e.checked=!0)}};r.t([e.l],u.prototype,`label`,void 0),r.t([e.l({attribute:`required`,mode:`boolean`})],u.prototype,`required`,void 0),r.t([e.l({attribute:`readonly`,mode:`boolean`})],u.prototype,`readOnly`,void 0),r.t([e.l({attribute:`disabled`,mode:`boolean`})],u.prototype,`disabled`,void 0),r.t([e.l],u.prototype,`name`,void 0),r.t([e.l],u.prototype,`value`,void 0),r.t([e.T],u.prototype,`errorValidationMessage`,void 0),r.t([e.l({attribute:`error-text`})],u.prototype,`errorText`,void 0),r.t([e.l],u.prototype,`orientation`,void 0),r.t([e.T],u.prototype,`slottedRadioButtons`,void 0);var d=e.o(`radio-group`,u,r=>{let o=r.tagFor(c.r,!0);return e.d`
 		<template
 			@keydown="${(e,t)=>e.keydownHandler(t.event)}"
 			@focusin="${(e,t)=>e.focusInHandler(t.event)}"

package/radio-group/index.js

@@ -1,7 +1,7 @@
 import { T as e, d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
 import { t as o } from "../bundled/when.js";
 import { r as s, t as c } from "../bundled/slotted.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as l } from "../bundled/decorate.js";
 import { n as u } from "../bundled/delegates-aria.js";
 import { t as d } from "../bundled/aria.js";

package/range-slider/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition55.cjs");
-exports.VwcRangeSliderElement = require_definition$1.RangeSlider;
-exports.rangeSliderDefinition = require_definition$1.rangeSliderDefinition;
-exports.registerRangeSlider = require_definition$1.registerRangeSlider;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition57.cjs");
+exports.VwcRangeSliderElement = require_definition.RangeSlider;
+exports.rangeSliderDefinition = require_definition.rangeSliderDefinition;
+exports.registerRangeSlider = require_definition.registerRangeSlider;

package/range-slider/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "../unbundled/definition55.js";
+import "../unbundled/numberConverter.js";
+import { n as registerRangeSlider, r as RangeSlider, t as rangeSliderDefinition } from "../unbundled/definition57.js";
 export { RangeSlider as VwcRangeSliderElement, rangeSliderDefinition, registerRangeSlider };