@vonage/vivid 5.16.0 → 5.18.0

package/text-area/index.js

@@ -3,18 +3,18 @@ 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 } from "../bundled/definition.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as p } from "../bundled/decorate.js";
-import { t as m } from "../bundled/class-names.js";
-import { n as h, t as g } from "../bundled/delegates-aria.js";
-import { n as _ } from "../bundled/form-associated.js";
-import { t as v } from "../bundled/form-element.js";
-import { t as y } from "../bundled/with-success-text.js";
-import { t as b } from "../bundled/with-error-text.js";
-import { t as x } from "../bundled/with-contextual-help.js";
-import { t as S } from "../bundled/char-count.js";
+import { t as m } from "../bundled/form-element.js";
+import { t as h } from "../bundled/with-success-text.js";
+import { t as g } from "../bundled/with-error-text.js";
+import { t as _ } from "../bundled/with-contextual-help.js";
+import { n as v, t as y } from "../bundled/delegates-aria.js";
+import { t as b } from "../bundled/char-count.js";
+import { t as x } from "../bundled/class-names.js";
+import { n as S } from "../bundled/form-associated.js";
 import { a as C, t as w } from "../bundled/mixins.js";
-import { t as T } from "../bundled/definition14.js";
+import { t as T } from "../bundled/definition11.js";
 //#region src/lib/text-area/text-area.scss?inline
 var E = ".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-success{--_connotation-color-primary:var(--vvd-text-area-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-text-area-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-area-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-intermediate:var(--vvd-text-area-success-intermediate,var(--vvd-color-success-500));--_connotation-color-firm:var(--vvd-text-area-success-firm,var(--vvd-color-success-600));--_connotation-color-fierce:var(--vvd-text-area-success-fierce,var(--vvd-color-success-700));--_connotation-color-faint:var(--vvd-text-area-success-faint,var(--vvd-color-success-50));--_connotation-color-soft:var(--vvd-text-area-success-soft,var(--vvd-color-success-100))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-text-area-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-text-area-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-area-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-intermediate:var(--vvd-text-area-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-firm:var(--vvd-text-area-alert-firm,var(--vvd-color-alert-600));--_connotation-color-fierce:var(--vvd-text-area-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-faint:var(--vvd-text-area-alert-faint,var(--vvd-color-alert-50));--_connotation-color-soft:var(--vvd-text-area-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-success,.connotation-alert){--_connotation-color-primary:var(--vvd-text-area-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-area-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-area-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-area-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-area-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-area-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-area-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-area-accent-soft,var(--vvd-color-neutral-100))}.base{grid-template-columns:1fr max-content;row-gap:4px;inline-size:100%;display:inline-grid}@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);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);line-height:20px}.label-wrapper{grid-area:1/1/auto/2}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base);grid-column:2/-1}.control{--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}.control ::-webkit-scrollbar{width:4px}.control ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.control ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.control{box-sizing:border-box;appearance:none;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));resize:none;border:0;border-radius:8px;grid-column:1/-1;padding:8px 16px;transition:box-shadow .2s,background-color .2s,color .2s}@supports selector(::-webkit-resizer){.control::-webkit-resizer{background-image:linear-gradient(315deg, transparent 0, transparent 2px, var(--vvd-color-canvas-text) 2px, var(--vvd-color-canvas-text) 3px, transparent 3px, transparent 5px, var(--vvd-color-canvas-text) 5px, var(--vvd-color-canvas-text) 6px, transparent 6px, transparent 8px, transparent 100%);background-repeat:no-repeat;background-size:10px 10px;block-size:10px;inline-size:10px}}.control:disabled{opacity:1;pointer-events:none;-webkit-text-fill-color:var(--_appearance-color-text)}.control::placeholder,.control:disabled::placeholder{opacity:1;pointer-events:none;-webkit-text-fill-color:var(--_low-ink-color)}.control:focus-visible{--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))}:host([resize=both]) .control{resize:both}:host([resize=horizontal]) .control{resize:horizontal}:host([resize=vertical]) .control{resize:vertical}", D = class {
 	#e = /* @__PURE__ */ new Map();
@@ -70,7 +70,7 @@ var E = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex
 	both: "both",
 	horizontal: "horizontal",
 	vertical: "vertical"
-}, k = class extends x(w(S(b(y(v(g(_(o)))))))) {
+}, k = class extends _(w(b(g(h(m(y(S(o)))))))) {
 	constructor(...e) {
 		super(...e), this.proxy = document.createElement("textarea"), this.resize = O.none, this.cols = 20, this.handleTextInput = () => {
 			this.value = this.control.value;
@@ -129,7 +129,7 @@ p([r({ mode: "boolean" })], k.prototype, "readOnly", void 0), p([r], k.prototype
 })], k.prototype, "rows", void 0), p([r({ mode: "boolean" })], k.prototype, "spellcheck", void 0), p([e], k.prototype, "defaultSlottedNodes", void 0), p([r], k.prototype, "wrap", void 0);
 //#endregion
 //#region src/lib/text-area/text-area.template.ts
-var A = ({ value: e, errorValidationMessage: t, disabled: n, placeholder: r, readOnly: i, successText: a }) => m("base", ["readonly", i], ["placeholder", !!r], ["disabled", n], ["error", !!t], ["has-value", !!e], ["success", !!a]);
+var A = ({ value: e, errorValidationMessage: t, disabled: n, placeholder: r, readOnly: i, successText: a }) => x("base", ["readonly", i], ["placeholder", !!r], ["disabled", n], ["error", !!t], ["has-value", !!e], ["success", !!a]);
 function j() {
 	return t` <label for="control" class="label">
 		${(e) => e.label}
@@ -167,7 +167,7 @@ a(i("text-area", k, (e) => t`
 				?required="${(e) => e.required}"
 				?spellcheck="${(e) => e.spellcheck}"
 				aria-describedby="${(e) => e._feedbackDescribedBy} ${(e) => e.charCount && e.maxlength ? e._charCountDescribedBy : null}"
-				${h()}
+				${v()}
 				@input="${(e) => e.handleTextInput()}"
 				@change="${(e) => e.handleChange()}"
 				${l("control")}

package/text-field/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition25.cjs");
-exports.VwcTextFieldElement = require_definition$1.TextField;
-exports.registerTextField = require_definition$1.registerTextField;
-exports.textFieldDefinition = require_definition$1.textFieldDefinition;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition26.cjs");
+exports.VwcTextFieldElement = require_definition.TextField;
+exports.registerTextField = require_definition.registerTextField;
+exports.textFieldDefinition = require_definition.textFieldDefinition;

package/text-field/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as textFieldDefinition, r as TextField, t as registerTextField } from "../unbundled/definition25.js";
+import "../unbundled/numberConverter.js";
+import { n as textFieldDefinition, r as TextField, t as registerTextField } from "../unbundled/definition26.js";
 export { TextField as VwcTextFieldElement, registerTextField, textFieldDefinition };

package/text-field/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition15.cjs`).t();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition12.cjs`).t();

package/text-field/index.js

@@ -1,6 +1,6 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
-import { t as e } from "../bundled/definition15.js";
+import "../bundled/numberConverter.js";
+import { t as e } from "../bundled/definition12.js";
 //#region src/lib/text-field/index.ts
 e();
 //#endregion

package/time-picker/definition.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
+require("../unbundled/numberConverter.cjs");
 const require_time_selection_picker_template = require("../unbundled/time-selection-picker.template.cjs");
-const require_definition$1 = require("../unbundled/definition72.cjs");
+const require_definition = require("../unbundled/definition74.cjs");
 exports.VwcTimePickerElement = require_time_selection_picker_template.TimePicker;
-exports.registerTimePicker = require_definition$1.registerTimePicker;
-exports.timePickerDefinition = require_definition$1.timePickerDefinition;
+exports.registerTimePicker = require_definition.registerTimePicker;
+exports.timePickerDefinition = require_definition.timePickerDefinition;

package/time-picker/definition.js

@@ -1,4 +1,4 @@
-import "../unbundled/definition2.js";
+import "../unbundled/numberConverter.js";
 import { n as TimePicker } from "../unbundled/time-selection-picker.template.js";
-import { n as timePickerDefinition, t as registerTimePicker } from "../unbundled/definition72.js";
+import { n as timePickerDefinition, t as registerTimePicker } from "../unbundled/definition74.js";
 export { TimePicker as VwcTimePickerElement, registerTimePicker, timePickerDefinition };

package/time-picker/index.cjs

@@ -1 +1 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/definition2.cjs`);const n=require(`../bundled/definition6.cjs`),r=require(`../bundled/definition8.cjs`),i=require(`../bundled/definition15.cjs`),a=require(`../bundled/picker-field.template.cjs`),o=require(`../bundled/time-selection-picker.template.cjs`);var s=e.o(`time-picker`,o.n,e=>a.t(e,o.t(e,6),{withSeparator:!0,padded:!1}),[i.n,r.t,n.t,o.s,t.n],{styles:a.r,shadowOptions:{delegatesFocus:!0}});e.s(s)();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/numberConverter.cjs`);const n=require(`../bundled/definition6.cjs`),r=require(`../bundled/definition8.cjs`),i=require(`../bundled/definition12.cjs`),a=require(`../bundled/picker-field.template.cjs`),o=require(`../bundled/time-selection-picker.template.cjs`);var s=e.o(`time-picker`,o.n,e=>a.t(e,o.t(e,6),{withSeparator:!0,padded:!1}),[i.n,r.t,n.t,o.s,t.n],{styles:a.r,shadowOptions:{delegatesFocus:!0}});e.s(s)();

package/time-picker/index.js

@@ -1,9 +1,9 @@
 import { o as e, s as t } from "../bundled/vivid-element.js";
 import { n } from "../bundled/definition.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as r } from "../bundled/definition6.js";
 import { t as i } from "../bundled/definition8.js";
-import { n as a } from "../bundled/definition15.js";
+import { n as a } from "../bundled/definition12.js";
 import { r as o, t as s } from "../bundled/picker-field.template.js";
 import { n as c, s as l, t as u } from "../bundled/time-selection-picker.template.js";
 //#endregion

package/toggletip/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.VwcToggletipElement = require_definition$1.Toggletip;
-exports.registerToggletip = require_definition$1.registerToggletip;
-exports.toggletipDefinition = require_definition$1.toggletipDefinition;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition24.cjs");
+exports.VwcToggletipElement = require_definition.Toggletip;
+exports.registerToggletip = require_definition.registerToggletip;
+exports.toggletipDefinition = require_definition.toggletipDefinition;

package/toggletip/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "../unbundled/definition29.js";
+import "../unbundled/numberConverter.js";
+import { n as toggletipDefinition, r as Toggletip, t as registerToggletip } from "../unbundled/definition24.js";
 export { Toggletip as VwcToggletipElement, registerToggletip, toggletipDefinition };

package/toggletip/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition13.cjs`).t();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition10.cjs`).t();

package/toggletip/index.js

@@ -1,6 +1,6 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
-import { t as e } from "../bundled/definition13.js";
+import "../bundled/numberConverter.js";
+import { t as e } from "../bundled/definition10.js";
 //#region src/lib/toggletip/index.ts
 e();
 //#endregion

package/tooltip/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition26.cjs");
-exports.VwcTooltipElement = require_definition$1.Tooltip;
-exports.registerTooltip = require_definition$1.registerTooltip;
-exports.tooltipDefinition = require_definition$1.tooltipDefinition;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition27.cjs");
+exports.VwcTooltipElement = require_definition.Tooltip;
+exports.registerTooltip = require_definition.registerTooltip;
+exports.tooltipDefinition = require_definition.tooltipDefinition;

package/tooltip/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "../unbundled/definition26.js";
+import "../unbundled/numberConverter.js";
+import { n as tooltipDefinition, r as Tooltip, t as registerTooltip } from "../unbundled/definition27.js";
 export { Tooltip as VwcTooltipElement, registerTooltip, tooltipDefinition };

package/tooltip/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition18.cjs`).t();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition9.cjs`).t();

package/tooltip/index.js

@@ -1,6 +1,6 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
-import { t as e } from "../bundled/definition18.js";
+import "../bundled/numberConverter.js";
+import { t as e } from "../bundled/definition9.js";
 //#region src/lib/tooltip/index.ts
 e();
 //#endregion

package/tree-item/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition73.cjs");
-exports.VwcTreeItemElement = require_definition$1.TreeItem;
-exports.registerTreeItem = require_definition$1.registerTreeItem;
-exports.treeItemDefinition = require_definition$1.treeItemDefinition;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition75.cjs");
+exports.VwcTreeItemElement = require_definition.TreeItem;
+exports.registerTreeItem = require_definition.registerTreeItem;
+exports.treeItemDefinition = require_definition.treeItemDefinition;

package/tree-item/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "../unbundled/definition73.js";
+import "../unbundled/numberConverter.js";
+import { n as treeItemDefinition, r as TreeItem, t as registerTreeItem } from "../unbundled/definition75.js";
 export { TreeItem as VwcTreeItemElement, registerTreeItem, treeItemDefinition };

package/tree-item/index.cjs

@@ -1 +1 @@
-require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition22.cjs`).t();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/numberConverter.cjs`),require(`../bundled/definition4.cjs`).t();

package/tree-item/index.js

@@ -1,6 +1,6 @@
 import "../bundled/vivid-element.js";
-import "../bundled/definition2.js";
-import { t as e } from "../bundled/definition22.js";
+import "../bundled/numberConverter.js";
+import { t as e } from "../bundled/definition4.js";
 //#region src/lib/tree-item/index.ts
 e();
 //#endregion

package/tree-view/definition.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../unbundled/definition2.cjs");
-const require_definition$1 = require("../unbundled/definition74.cjs");
-exports.VwcTreeViewElement = require_definition$1.TreeView;
-exports.registerTreeView = require_definition$1.registerTreeView;
-exports.treeViewDefinition = require_definition$1.treeViewDefinition;
+require("../unbundled/numberConverter.cjs");
+const require_definition = require("../unbundled/definition76.cjs");
+exports.VwcTreeViewElement = require_definition.TreeView;
+exports.registerTreeView = require_definition.registerTreeView;
+exports.treeViewDefinition = require_definition.treeViewDefinition;

package/tree-view/definition.js

@@ -1,3 +1,3 @@
-import "../unbundled/definition2.js";
-import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "../unbundled/definition74.js";
+import "../unbundled/numberConverter.js";
+import { n as treeViewDefinition, r as TreeView, t as registerTreeView } from "../unbundled/definition76.js";
 export { TreeView as VwcTreeViewElement, registerTreeView, treeViewDefinition };

package/tree-view/index.cjs

@@ -1,6 +1,6 @@
-const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/slotted.cjs`);require(`../bundled/definition2.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/dom.cjs`),o=require(`../bundled/key-codes.cjs`),s=require(`../bundled/host-semantics.cjs`),c=require(`../bundled/definition22.cjs`);var l=`.control{flex-direction:column;gap:4px;display:flex;position:relative}`;function u(e,t){return a.t(e)?Array.from(e.querySelectorAll(t)).filter(e=>{if(e.parentElement instanceof c.r){if(e.parentElement.expanded)return!0}else return!0;return!1}):[]}var d=class extends s.t(e.t){constructor(...e){super(...e),this.currentFocused=null,this.handleFocus=e=>{if(this.slottedTreeItems.length>0){if(e.target===this){this.currentFocused!==null&&c.r.focusItem(this.currentFocused);return}this.contains(e.target)&&(this.setAttribute(`tabindex`,`-1`),this.currentFocused=e.target)}},this.handleBlur=e=>{e.target instanceof HTMLElement&&(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute(`tabindex`,`0`)},this.handleKeyDown=e=>{if(this.slottedTreeItems.length<1)return!0;if(!e.defaultPrevented){let t=this.getVisibleNodes();switch(e.key){case o.s:t.length&&c.r.focusItem(t[0]);return;case`End`:t.length&&c.r.focusItem(t[t.length-1]);return;case o.n:if(e.target&&this.isFocusableElement(e.target)){let t=e.target;t instanceof c.r&&t.childItemLength()>0&&t.expanded?t.expanded=!1:t instanceof c.r&&t.parentElement instanceof c.r&&c.r.focusItem(t.parentElement)}return!1;case o.r:if(e.target&&this.isFocusableElement(e.target)){let t=e.target;t instanceof c.r&&t.childItemLength()>0&&!t.expanded?t.expanded=!0:t instanceof c.r&&t.childItemLength()>0&&this.focusNextNode(1,e.target)}return;case o.t:e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(1,e.target);return;case o.i:e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(-1,e.target);return;case o.a:this.handleClick(e);return}}return!0},this.handleSelectedChange=e=>{if(!e.defaultPrevented){if(!(e.target instanceof Element)||!c.i(e.target))return!0;let t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),this.currentSelected=t):!t.selected&&this.currentSelected===t&&(this.currentSelected=null);return}},this.setItems=()=>{this.currentSelected=this.treeView.querySelector(`[selected]`),(this.currentFocused===null||!this.contains(this.currentFocused))&&(this.currentFocused=this.getValidFocusableItem()),this.nested=this.checkForNestedItems(),this.getVisibleNodes().forEach(e=>{c.i(e)&&(e.nested=this.nested)})},this.isFocusableElement=e=>c.i(e),this.isSelectedElement=e=>e.selected}slottedTreeItemsChanged(){this.$fastController.isConnected&&this.setItems()}connectedCallback(){super.connectedCallback(),this.setAttribute(`tabindex`,`0`),e.O.enqueue(()=>{this.setItems()})}handleClick(e){if(!e.defaultPrevented){if(!(e.target instanceof Element)||!c.i(e.target))return!0;let t=e.target;t.disabled||(t.selected=!t.selected);return}}focusNextNode(e,t){let n=this.getVisibleNodes();if(n){let r=n[n.indexOf(t)+e];a.t(r)&&c.r.focusItem(r)}}getValidFocusableItem(){let e=this.getVisibleNodes(),t=e.findIndex(this.isSelectedElement);return t===-1&&(t=e.findIndex(this.isFocusableElement)),t===-1?null:e[t]}checkForNestedItems(){return this.slottedTreeItems.some(e=>c.i(e)&&e.querySelector(`[data-vvd-component='tree-item']`))}getVisibleNodes(){return u(this,`[data-vvd-component='tree-item']`)}};r.t([e.l({attribute:`render-collapsed-nodes`})],d.prototype,`renderCollapsedNodes`,void 0),r.t([e.T],d.prototype,`currentSelected`,void 0),r.t([e.T],d.prototype,`slottedTreeItems`,void 0);var f=e.d` <template
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),n=require(`../bundled/slotted.cjs`);require(`../bundled/numberConverter.cjs`);const r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/dom.cjs`),o=require(`../bundled/key-codes.cjs`),s=require(`../bundled/definition4.cjs`),c=require(`../bundled/host-semantics.cjs`);var l=`.control{flex-direction:column;gap:4px;display:flex;position:relative}`;function u(e,t){return a.t(e)?Array.from(e.querySelectorAll(t)).filter(e=>{if(e.parentElement instanceof s.r){if(e.parentElement.expanded)return!0}else return!0;return!1}):[]}var d=class extends c.t(e.t){constructor(...e){super(...e),this.currentFocused=null,this.handleFocus=e=>{if(this.slottedTreeItems.length>0){if(e.target===this){this.currentFocused!==null&&s.r.focusItem(this.currentFocused);return}this.contains(e.target)&&(this.setAttribute(`tabindex`,`-1`),this.currentFocused=e.target)}},this.handleBlur=e=>{e.target instanceof HTMLElement&&(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute(`tabindex`,`0`)},this.handleKeyDown=e=>{if(this.slottedTreeItems.length<1)return!0;if(!e.defaultPrevented){let t=this.getVisibleNodes();switch(e.key){case o.s:t.length&&s.r.focusItem(t[0]);return;case`End`:t.length&&s.r.focusItem(t[t.length-1]);return;case o.n:if(e.target&&this.isFocusableElement(e.target)){let t=e.target;t instanceof s.r&&t.childItemLength()>0&&t.expanded?t.expanded=!1:t instanceof s.r&&t.parentElement instanceof s.r&&s.r.focusItem(t.parentElement)}return!1;case o.r:if(e.target&&this.isFocusableElement(e.target)){let t=e.target;t instanceof s.r&&t.childItemLength()>0&&!t.expanded?t.expanded=!0:t instanceof s.r&&t.childItemLength()>0&&this.focusNextNode(1,e.target)}return;case o.t:e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(1,e.target);return;case o.i:e.target&&this.isFocusableElement(e.target)&&this.focusNextNode(-1,e.target);return;case o.a:this.handleClick(e);return}}return!0},this.handleSelectedChange=e=>{if(!e.defaultPrevented){if(!(e.target instanceof Element)||!s.i(e.target))return!0;let t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),this.currentSelected=t):!t.selected&&this.currentSelected===t&&(this.currentSelected=null);return}},this.setItems=()=>{this.currentSelected=this.treeView.querySelector(`[selected]`),(this.currentFocused===null||!this.contains(this.currentFocused))&&(this.currentFocused=this.getValidFocusableItem()),this.nested=this.checkForNestedItems(),this.getVisibleNodes().forEach(e=>{s.i(e)&&(e.nested=this.nested)})},this.isFocusableElement=e=>s.i(e),this.isSelectedElement=e=>e.selected}slottedTreeItemsChanged(){this.$fastController.isConnected&&this.setItems()}connectedCallback(){super.connectedCallback(),this.setAttribute(`tabindex`,`0`),e.O.enqueue(()=>{this.setItems()})}handleClick(e){if(!e.defaultPrevented){if(!(e.target instanceof Element)||!s.i(e.target))return!0;let t=e.target;t.disabled||(t.selected=!t.selected);return}}focusNextNode(e,t){let n=this.getVisibleNodes();if(n){let r=n[n.indexOf(t)+e];a.t(r)&&s.r.focusItem(r)}}getValidFocusableItem(){let e=this.getVisibleNodes(),t=e.findIndex(this.isSelectedElement);return t===-1&&(t=e.findIndex(this.isFocusableElement)),t===-1?null:e[t]}checkForNestedItems(){return this.slottedTreeItems.some(e=>s.i(e)&&e.querySelector(`[data-vvd-component='tree-item']`))}getVisibleNodes(){return u(this,`[data-vvd-component='tree-item']`)}};r.t([e.l({attribute:`render-collapsed-nodes`})],d.prototype,`renderCollapsedNodes`,void 0),r.t([e.T],d.prototype,`currentSelected`,void 0),r.t([e.T],d.prototype,`slottedTreeItems`,void 0);var f=e.d` <template
 	${t.t(`treeView`)}
-	${s.n({role:`tree`})}
+	${c.n({role:`tree`})}
 	@keydown="${(e,t)=>e.handleKeyDown(t.event)}"
 	@focusin="${(e,t)=>e.handleFocus(t.event)}"
 	@focusout="${(e,t)=>e.handleBlur(t.event)}"
@@ -10,4 +10,4 @@ const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/ref.cjs`),
 	<div class="${e=>i.t(`control`)}">
 		<slot ${n.t(`slottedTreeItems`)}></slot>
 	</div>
-</template>`,p=e.o(`tree-view`,d,f,[c.n],{styles:l});e.s(p)();
+</template>`,p=e.o(`tree-view`,d,f,[s.n],{styles:l});e.s(p)();

package/tree-view/index.js

@@ -1,32 +1,32 @@
 import { O as e, T as t, d as n, l as r, o as i, s as a, t as o } from "../bundled/vivid-element.js";
 import { t as s } from "../bundled/ref.js";
 import { t as c } from "../bundled/slotted.js";
-import "../bundled/definition2.js";
+import "../bundled/numberConverter.js";
 import { t as l } from "../bundled/decorate.js";
 import { t as u } from "../bundled/class-names.js";
 import { t as d } from "../bundled/dom.js";
 import { a as f, i as p, n as m, r as h, s as g, t as _ } from "../bundled/key-codes.js";
-import { n as v, t as y } from "../bundled/host-semantics.js";
-import { i as b, n as x, r as S } from "../bundled/definition22.js";
+import { i as v, n as y, r as b } from "../bundled/definition4.js";
+import { n as x, t as S } from "../bundled/host-semantics.js";
 //#region src/lib/tree-view/tree-view.scss?inline
 var C = ".control{flex-direction:column;gap:4px;display:flex;position:relative}";
 //#endregion
 //#region src/lib/tree-view/tree-view.ts
 function w(e, t) {
 	return d(e) ? Array.from(e.querySelectorAll(t)).filter((e) => {
-		if (e.parentElement instanceof S) {
+		if (e.parentElement instanceof b) {
 			if (e.parentElement.expanded) return !0;
 		} else return !0;
 		return !1;
 	}) : [];
 }
-var T = class extends y(o) {
+var T = class extends S(o) {
 	constructor(...e) {
 		super(...e), this.currentFocused = null, this.handleFocus = (e) => {
 			if (this.slottedTreeItems.length > 0) {
 				if (e.target === this) {
 					/* v8 ignore else -- @preserve */
-					this.currentFocused !== null && S.focusItem(this.currentFocused);
+					this.currentFocused !== null && b.focusItem(this.currentFocused);
 					return;
 				}
 				/* v8 ignore else -- @preserve */
@@ -42,18 +42,18 @@ var T = class extends y(o) {
 				switch (e.key) {
 					case g:
 						/* v8 ignore else -- @preserve */
-						t.length && S.focusItem(t[0]);
+						t.length && b.focusItem(t[0]);
 						return;
 					case "End":
 						/* v8 ignore else -- @preserve */
-						t.length && S.focusItem(t[t.length - 1]);
+						t.length && b.focusItem(t[t.length - 1]);
 						return;
 					case m:
 						/* v8 ignore else -- @preserve */
 						if (e.target && this.isFocusableElement(e.target)) {
 							let t = e.target;
 							/* v8 ignore else -- @preserve */
-							t instanceof S && t.childItemLength() > 0 && t.expanded ? t.expanded = !1 : t instanceof S && t.parentElement instanceof S && S.focusItem(t.parentElement);
+							t instanceof b && t.childItemLength() > 0 && t.expanded ? t.expanded = !1 : t instanceof b && t.parentElement instanceof b && b.focusItem(t.parentElement);
 						}
 						return !1;
 					case h:
@@ -61,7 +61,7 @@ var T = class extends y(o) {
 						if (e.target && this.isFocusableElement(e.target)) {
 							let t = e.target;
 							/* v8 ignore else -- @preserve */
-							t instanceof S && t.childItemLength() > 0 && !t.expanded ? t.expanded = !0 : t instanceof S && t.childItemLength() > 0 && this.focusNextNode(1, e.target);
+							t instanceof b && t.childItemLength() > 0 && !t.expanded ? t.expanded = !0 : t instanceof b && t.childItemLength() > 0 && this.focusNextNode(1, e.target);
 						}
 						return;
 					case _:
@@ -81,7 +81,7 @@ var T = class extends y(o) {
 		}, this.handleSelectedChange = (e) => {
 			/* v8 ignore else -- @preserve */
 			if (!e.defaultPrevented) {
-				if (!(e.target instanceof Element) || !b(e.target)) return !0;
+				if (!(e.target instanceof Element) || !v(e.target)) return !0;
 				let t = e.target;
 				/* v8 ignore else -- @preserve */
 				t.selected ? (this.currentSelected && this.currentSelected !== t && (this.currentSelected.selected = !1), this.currentSelected = t) : !t.selected && this.currentSelected === t && (this.currentSelected = null);
@@ -90,9 +90,9 @@ var T = class extends y(o) {
 		}, this.setItems = () => {
 			this.currentSelected = this.treeView.querySelector("[selected]"), (this.currentFocused === null || !this.contains(this.currentFocused)) && (this.currentFocused = this.getValidFocusableItem()), this.nested = this.checkForNestedItems(), this.getVisibleNodes().forEach((e) => {
 				/* v8 ignore else -- @preserve */
-				b(e) && (e.nested = this.nested);
+				v(e) && (e.nested = this.nested);
 			});
-		}, this.isFocusableElement = (e) => b(e), this.isSelectedElement = (e) => e.selected;
+		}, this.isFocusableElement = (e) => v(e), this.isSelectedElement = (e) => e.selected;
 	}
 	slottedTreeItemsChanged() {
 		this.$fastController.isConnected && this.setItems();
@@ -104,7 +104,7 @@ var T = class extends y(o) {
 	}
 	handleClick(e) {
 		if (!e.defaultPrevented) {
-			if (!(e.target instanceof Element) || !b(e.target)) return !0;
+			if (!(e.target instanceof Element) || !v(e.target)) return !0;
 			let t = e.target;
 			t.disabled || (t.selected = !t.selected);
 			return;
@@ -116,7 +116,7 @@ var T = class extends y(o) {
 		if (n) {
 			let r = n[n.indexOf(t) + e];
 			/* v8 ignore else -- @preserve */
-			d(r) && S.focusItem(r);
+			d(r) && b.focusItem(r);
 		}
 	}
 	getValidFocusableItem() {
@@ -124,7 +124,7 @@ var T = class extends y(o) {
 		return t === -1 && (t = e.findIndex(this.isFocusableElement)), t === -1 ? null : e[t];
 	}
 	checkForNestedItems() {
-		return this.slottedTreeItems.some((e) => b(e) && e.querySelector("[data-vvd-component='tree-item']"));
+		return this.slottedTreeItems.some((e) => v(e) && e.querySelector("[data-vvd-component='tree-item']"));
 	}
 	getVisibleNodes() {
 		return w(this, "[data-vvd-component='tree-item']");
@@ -134,7 +134,7 @@ var T = class extends y(o) {
 //#region src/lib/tree-view/index.ts
 l([r({ attribute: "render-collapsed-nodes" })], T.prototype, "renderCollapsedNodes", void 0), l([t], T.prototype, "currentSelected", void 0), l([t], T.prototype, "slottedTreeItems", void 0), a(i("tree-view", T, n` <template
 	${s("treeView")}
-	${v({ role: "tree" })}
+	${x({ role: "tree" })}
 	@keydown="${(e, t) => e.handleKeyDown(t.event)}"
 	@focusin="${(e, t) => e.handleFocus(t.event)}"
 	@focusout="${(e, t) => e.handleBlur(t.event)}"
@@ -144,5 +144,5 @@ l([r({ attribute: "render-collapsed-nodes" })], T.prototype, "renderCollapsedNod
 	<div class="${(e) => u("control")}">
 		<slot ${c("slottedTreeItems")}></slot>
 	</div>
-</template>`, [x], { styles: C }))();
+</template>`, [y], { styles: C }))();
 //#endregion

package/unbundled/button.cjs

@@ -85,7 +85,7 @@ var VividFoundationButton = class extends require_delegates_aria.DelegatesAria(r
 		if (this.autofocus) _microsoft_fast_element.Updates.enqueue(() => {
 			this.focus();
 		});
-		Array.from(this.control.children).forEach((span) => {
+		(this.control ? Array.from(this.control.children) : []).forEach((span) => {
 			span.addEventListener("click", this.handleClick);
 		});
 	}
@@ -94,7 +94,7 @@ var VividFoundationButton = class extends require_delegates_aria.DelegatesAria(r
 	*/
 	disconnectedCallback() {
 		super.disconnectedCallback();
-		Array.from(this.control.children).forEach((span) => {
+		(this.control ? Array.from(this.control.children) : []).forEach((span) => {
 			span.removeEventListener("click", this.handleClick);
 		});
 	}

package/unbundled/button.js

@@ -84,7 +84,7 @@ var VividFoundationButton = class extends DelegatesAria(FormAssociated(VividElem
 		if (this.autofocus) Updates.enqueue(() => {
 			this.focus();
 		});
-		Array.from(this.control.children).forEach((span) => {
+		(this.control ? Array.from(this.control.children) : []).forEach((span) => {
 			span.addEventListener("click", this.handleClick);
 		});
 	}
@@ -93,7 +93,7 @@ var VividFoundationButton = class extends DelegatesAria(FormAssociated(VividElem
 	*/
 	disconnectedCallback() {
 		super.disconnectedCallback();
-		Array.from(this.control.children).forEach((span) => {
+		(this.control ? Array.from(this.control.children) : []).forEach((span) => {
 			span.removeEventListener("click", this.handleClick);
 		});
 	}