@vonage/vivid 5.21.0 → 5.22.0

package/unbundled/definition61.js

@@ -199,7 +199,10 @@ var Select = class extends WithLightDOMFeedback(WithContextualHelp(WithErrorText
 	* @internal
 	*/
 	focusinHandler(e) {
-		if (!this.multiple) return super.focusinHandler(e);
+		if (!this.multiple) {
+			super.focusinHandler(e);
+			return;
+		}
 		/* v8 ignore else -- @preserve */
 		if (!this.shouldSkipFocus && e.target === e.currentTarget) {
 			this.uncheckAllOptions();
@@ -289,7 +292,7 @@ var Select = class extends WithLightDOMFeedback(WithContextualHelp(WithErrorText
 			Updates.enqueue(() => this.focus());
 			return;
 		}
-		const didClose = prev === true && next === false;
+		const didClose = prev && !next;
 		const selectionChangedWhileOpen = this.indexWhenOpened !== this.selectedIndex;
 		if (didClose && selectionChangedWhileOpen) this.updateValue(true);
 	}
@@ -483,7 +486,7 @@ var Select = class extends WithLightDOMFeedback(WithContextualHelp(WithErrorText
 				}
 			default:
 				/* v8 ignore else -- @preserve */
-				if (key.length === 1) this.handleTypeAhead(`${key}`);
+				if (key.length === 1) this.handleTypeAhead(key);
 				return;
 		}
 	}
@@ -616,7 +619,7 @@ var Select = class extends WithLightDOMFeedback(WithContextualHelp(WithErrorText
 	* @internal
 	*/
 	_onClearButtonClick() {
-		if (this.multiple) this.selectedOptions?.forEach((o) => {
+		if (this.multiple) this.selectedOptions.forEach((o) => {
 			/* v8 ignore else -- @preserve */
 			if (!o.disabled) o.selected = false;
 		});
@@ -763,7 +766,10 @@ function renderControl(context) {
 */
 function ifNotFromFeedback(handler) {
 	return (x, c) => {
-		if (!c.event.composedPath().includes(x._feedbackWrapper)) return handler(x, c.event);
+		if (!c.event.composedPath().includes(x._feedbackWrapper)) {
+			handler(x, c.event);
+			return;
+		}
 		return true;
 	};
 }
@@ -785,7 +791,7 @@ var SelectTemplate = (context) => {
 			@focusin="${ifNotFromFeedback((x, e) => x.focusinHandler(e))}"
 			@focusout="${ifNotFromFeedback((x, e) => x.focusoutHandler(e))}"
 			@keydown="${ifNotFromFeedback((x, e) => {
-		x.open && handleEscapeKeyAndStopPropogation(e);
+		if (x.open) handleEscapeKeyAndStopPropogation(e);
 		return x.keydownHandler(e);
 	})}"
 			@mousedown="${ifNotFromFeedback((x, e) => x.mousedownHandler(e))}"

package/unbundled/definition64.cjs

@@ -45,7 +45,10 @@ var SelectableBox = class extends require_delegates_aria.DelegatesAria(require_v
 	*/
 	_handleKeydown(event) {
 		if (this.disabled) return true;
-		if ((event.code === "Space" || event.code === "Enter") && this.clickableBox) return this._handleCheckedChange();
+		if ((event.code === "Space" || event.code === "Enter") && this.clickableBox) {
+			this._handleCheckedChange();
+			return;
+		}
 		return true;
 	}
 };

package/unbundled/definition64.js

@@ -44,7 +44,10 @@ var SelectableBox = class extends DelegatesAria(VividElement) {
 	*/
 	_handleKeydown(event) {
 		if (this.disabled) return true;
-		if ((event.code === "Space" || event.code === "Enter") && this.clickableBox) return this._handleCheckedChange();
+		if ((event.code === "Space" || event.code === "Enter") && this.clickableBox) {
+			this._handleCheckedChange();
+			return;
+		}
 		return true;
 	}
 };

package/unbundled/definition65.cjs

@@ -25,7 +25,8 @@ var SideDrawer = class extends require_vivid_element.VividElement {
 	attributeChangedCallback(name, oldValue, newValue) {
 		super.attributeChangedCallback(name, oldValue, newValue);
 		switch (name) {
-			case "open": this.open ? this.#open() : this.#close();
+			case "open": if (this.open) this.#open();
+			else this.#close();
 		}
 	}
 	#close() {

package/unbundled/definition65.js

@@ -24,7 +24,8 @@ var SideDrawer = class extends VividElement {
 	attributeChangedCallback(name, oldValue, newValue) {
 		super.attributeChangedCallback(name, oldValue, newValue);
 		switch (name) {
-			case "open": this.open ? this.#open() : this.#close();
+			case "open": if (this.open) this.#open();
+			else this.#close();
 		}
 	}
 	#close() {

package/unbundled/definition69.cjs

@@ -29,7 +29,8 @@ var Switch = class extends require_delegates_aria.DelegatesAria(require_form_ass
 	readOnlyChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.proxy instanceof HTMLInputElement) this.proxy.readOnly = this.readOnly;
-		this.readOnly ? this.classList.add("readonly") : this.classList.remove("readonly");
+		if (this.readOnly) this.classList.add("readonly");
+		else this.classList.remove("readonly");
 	}
 	/**
 	* @internal
@@ -68,7 +69,7 @@ require_decorate.__decorate([(0, _microsoft_fast_element.attr)({
 require_decorate.__decorate([_microsoft_fast_element.observable], Switch.prototype, "defaultSlottedNodes", void 0);
 //#endregion
 //#region src/lib/switch/switch.template.ts
-var getClasses = (_) => (0, _microsoft_fast_web_utilities.classNames)("control", ["appearance-filled", _.checked], ["checked", _.checked], ["disabled", _.disabled], ["readonly", _.readOnly], [`connotation-${_.connotation}`, Boolean(_.checked) && Boolean(_.connotation)]);
+var getClasses = (x) => (0, _microsoft_fast_web_utilities.classNames)("control", ["appearance-filled", x.checked], ["checked", x.checked], ["disabled", x.disabled], ["readonly", x.readOnly], [`connotation-${x.connotation}`, x.checked && Boolean(x.connotation)]);
 var SwitchTemplate = _microsoft_fast_element.html`
 	<template>
 		<div

package/unbundled/definition69.js

@@ -28,7 +28,8 @@ var Switch = class extends DelegatesAria(CheckableFormAssociated(VividElement))
 	readOnlyChanged() {
 		/* v8 ignore if -- @preserve */
 		if (this.proxy instanceof HTMLInputElement) this.proxy.readOnly = this.readOnly;
-		this.readOnly ? this.classList.add("readonly") : this.classList.remove("readonly");
+		if (this.readOnly) this.classList.add("readonly");
+		else this.classList.remove("readonly");
 	}
 	/**
 	* @internal
@@ -67,7 +68,7 @@ __decorate([attr({
 __decorate([observable], Switch.prototype, "defaultSlottedNodes", void 0);
 //#endregion
 //#region src/lib/switch/switch.template.ts
-var getClasses = (_) => classNames("control", ["appearance-filled", _.checked], ["checked", _.checked], ["disabled", _.disabled], ["readonly", _.readOnly], [`connotation-${_.connotation}`, Boolean(_.checked) && Boolean(_.connotation)]);
+var getClasses = (x) => classNames("control", ["appearance-filled", x.checked], ["checked", x.checked], ["disabled", x.disabled], ["readonly", x.readOnly], [`connotation-${x.connotation}`, x.checked && Boolean(x.connotation)]);
 //#endregion
 //#region src/lib/switch/definition.ts
 /**

package/unbundled/definition7.cjs

@@ -94,7 +94,7 @@ function getEffectiveAppearance(appearance, pressed) {
 	}
 	return resolvedAppearance;
 }
-var getClasses = ({ connotation, appearance, shape, iconTrailing, icon, label, disabled, pending, stacked, size, iconSlottedContent, ariaExpanded, active, dropdownIndicator, pressed }) => (0, _microsoft_fast_web_utilities.classNames)("control", [`connotation-${connotation}`, Boolean(connotation)], `appearance-${getEffectiveAppearance(appearance, pressed)}`, ["disabled", disabled || pending], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ["icon-only", !label && !!(icon || iconSlottedContent?.length) && !dropdownIndicator], ["icon-trailing", iconTrailing], ["stacked", Boolean(stacked)], ["active", ariaExpanded === "true" || active]);
+var getClasses = ({ connotation, appearance, shape, iconTrailing, icon, label, disabled, pending, stacked, size, iconSlottedContent, ariaExpanded, active, dropdownIndicator, pressed }) => (0, _microsoft_fast_web_utilities.classNames)("control", [`connotation-${connotation}`, Boolean(connotation)], `appearance-${getEffectiveAppearance(appearance, pressed)}`, ["disabled", disabled || pending], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ["icon-only", !label && !!(icon || iconSlottedContent?.length) && !dropdownIndicator], ["icon-trailing", iconTrailing], ["stacked", stacked], ["active", ariaExpanded === "true" || active]);
 function renderIconOrPending(context, icon, pending, size = require_enums.Size.Normal) {
 	if (pending && size != require_enums.Size.SuperCondensed) {
 		const progressTag = context.tagFor(require_definition$1.ProgressRing);

package/unbundled/definition7.js

@@ -93,7 +93,7 @@ function getEffectiveAppearance(appearance, pressed) {
 	}
 	return resolvedAppearance;
 }
-var getClasses = ({ connotation, appearance, shape, iconTrailing, icon, label, disabled, pending, stacked, size, iconSlottedContent, ariaExpanded, active, dropdownIndicator, pressed }) => classNames("control", [`connotation-${connotation}`, Boolean(connotation)], `appearance-${getEffectiveAppearance(appearance, pressed)}`, ["disabled", disabled || pending], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ["icon-only", !label && !!(icon || iconSlottedContent?.length) && !dropdownIndicator], ["icon-trailing", iconTrailing], ["stacked", Boolean(stacked)], ["active", ariaExpanded === "true" || active]);
+var getClasses = ({ connotation, appearance, shape, iconTrailing, icon, label, disabled, pending, stacked, size, iconSlottedContent, ariaExpanded, active, dropdownIndicator, pressed }) => classNames("control", [`connotation-${connotation}`, Boolean(connotation)], `appearance-${getEffectiveAppearance(appearance, pressed)}`, ["disabled", disabled || pending], [`shape-${shape}`, Boolean(shape)], [`size-${size}`, Boolean(size)], ["icon-only", !label && !!(icon || iconSlottedContent?.length) && !dropdownIndicator], ["icon-trailing", iconTrailing], ["stacked", stacked], ["active", ariaExpanded === "true" || active]);
 function renderIconOrPending(context, icon, pending, size = Size.Normal) {
 	if (pending && size != Size.SuperCondensed) {
 		const progressTag = context.tagFor(ProgressRing);

package/unbundled/definition71.cjs

@@ -54,7 +54,7 @@ require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "fromView
 require_decorate.__decorate([_microsoft_fast_element.observable], Tab.prototype, "active", void 0);
 //#endregion
 //#region src/lib/tab/tab.template.ts
-var getClasses = ({ connotation, disabled, active, iconTrailing, shape, removable }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`connotation-${connotation}`, Boolean(connotation) && Boolean(active)], [`shape-${shape}`, Boolean(shape)], ["disabled", Boolean(disabled)], ["selected", Boolean(active)], ["icon-trailing", iconTrailing], ["removable", removable]);
+var getClasses = ({ connotation, disabled, active, iconTrailing, shape, removable }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`connotation-${connotation}`, Boolean(connotation) && active], [`shape-${shape}`, Boolean(shape)], ["disabled", disabled], ["selected", active], ["icon-trailing", iconTrailing], ["removable", removable]);
 function renderDismissButton(context) {
 	const affixIconTemplate = require_affix.affixIconTemplateFactory(context);
 	return _microsoft_fast_element.html`<button

package/unbundled/definition71.js

@@ -53,7 +53,7 @@ __decorate([attr({ mode: "fromView" })], Tab.prototype, "tabIndex", void 0);
 __decorate([observable], Tab.prototype, "active", void 0);
 //#endregion
 //#region src/lib/tab/tab.template.ts
-var getClasses = ({ connotation, disabled, active, iconTrailing, shape, removable }) => classNames("base", [`connotation-${connotation}`, Boolean(connotation) && Boolean(active)], [`shape-${shape}`, Boolean(shape)], ["disabled", Boolean(disabled)], ["selected", Boolean(active)], ["icon-trailing", iconTrailing], ["removable", removable]);
+var getClasses = ({ connotation, disabled, active, iconTrailing, shape, removable }) => classNames("base", [`connotation-${connotation}`, Boolean(connotation) && active], [`shape-${shape}`, Boolean(shape)], ["disabled", disabled], ["selected", active], ["icon-trailing", iconTrailing], ["removable", removable]);
 function renderDismissButton(context) {
 	const affixIconTemplate = affixIconTemplateFactory(context);
 	return html`<button

package/unbundled/definition72.cjs

@@ -36,7 +36,7 @@ var table_cell_default = ":host{border-bottom:1px solid var(--vvd-color-neutral-
 var Table = class extends require_vivid_element.VividElement {};
 //#endregion
 //#region src/lib/table/table.template.ts
-var TableTemplate = (context) => {
+var TableTemplate = () => {
 	return _microsoft_fast_element.html`
 		<template role="table">
 			<div part="inner-container" class="table-inner-container">
@@ -58,7 +58,7 @@ var tableHeadName = "table-head";
 var TableHead = class extends require_vivid_element.VividElement {};
 //#endregion
 //#region src/lib/table/table-head.template.ts
-var TableHeadTemplate = (context) => {
+var TableHeadTemplate = () => {
 	return _microsoft_fast_element.html`
 		<template>
 			<slot></slot>
@@ -75,7 +75,7 @@ var TableHeadTemplate = (context) => {
 var TableBody = class extends require_vivid_element.VividElement {};
 //#endregion
 //#region src/lib/table/table-body.template.ts
-var TableBodyTemplate = (context) => {
+var TableBodyTemplate = () => {
 	return _microsoft_fast_element.html`
 		<template>
 			<slot></slot>
@@ -92,7 +92,7 @@ var TableBodyTemplate = (context) => {
 var TableRow = class extends require_host_semantics.HostSemantics(require_vivid_element.VividElement) {};
 //#endregion
 //#region src/lib/table/table-row.template.ts
-var TableRowTemplate = (context) => {
+var TableRowTemplate = () => {
 	return _microsoft_fast_element.html`
 		<template
 			${require_host_semantics.applyHostSemantics({ role: "row" })}
@@ -153,7 +153,7 @@ var TableHeaderCellTemplate = (context) => {
 var TableCell = class extends require_host_semantics.HostSemantics(require_vivid_element.VividElement) {};
 //#endregion
 //#region src/lib/table/table-cell.template.ts
-var TableCellTemplate = (context) => {
+var TableCellTemplate = () => {
 	return _microsoft_fast_element.html`
 		<template
 			${require_host_semantics.applyHostSemantics({ role: () => "cell" })}

package/unbundled/definition72.js

@@ -35,7 +35,7 @@ var table_cell_default = ":host{border-bottom:1px solid var(--vvd-color-neutral-
 var Table = class extends VividElement {};
 //#endregion
 //#region src/lib/table/table.template.ts
-var TableTemplate = (context) => {
+var TableTemplate = () => {
 	return html`
 		<template role="table">
 			<div part="inner-container" class="table-inner-container">
@@ -57,7 +57,7 @@ var tableHeadName = "table-head";
 var TableHead = class extends VividElement {};
 //#endregion
 //#region src/lib/table/table-head.template.ts
-var TableHeadTemplate = (context) => {
+var TableHeadTemplate = () => {
 	return html`
 		<template>
 			<slot></slot>
@@ -74,7 +74,7 @@ var TableHeadTemplate = (context) => {
 var TableBody = class extends VividElement {};
 //#endregion
 //#region src/lib/table/table-body.template.ts
-var TableBodyTemplate = (context) => {
+var TableBodyTemplate = () => {
 	return html`
 		<template>
 			<slot></slot>
@@ -91,7 +91,7 @@ var TableBodyTemplate = (context) => {
 var TableRow = class extends HostSemantics(VividElement) {};
 //#endregion
 //#region src/lib/table/table-row.template.ts
-var TableRowTemplate = (context) => {
+var TableRowTemplate = () => {
 	return html`
 		<template
 			${applyHostSemantics({ role: "row" })}
@@ -152,7 +152,7 @@ var TableHeaderCellTemplate = (context) => {
 var TableCell = class extends HostSemantics(VividElement) {};
 //#endregion
 //#region src/lib/table/table-cell.template.ts
-var TableCellTemplate = (context) => {
+var TableCellTemplate = () => {
 	return html`
 		<template
 			${applyHostSemantics({ role: () => "cell" })}

package/unbundled/definition73.cjs

@@ -219,7 +219,7 @@ var Tabs = class extends require_vivid_element.VividElement {
 			if (currentTransform !== targetTransform) this.#isTransitioningTransform = true;
 		} else this.#cancelAnimationIfNeeded();
 		indicatorEl.style.transform = targetTransform;
-		indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, this.tabs[activeTabIndex].getBoundingClientRect().width + "px");
+		indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, `${this.tabs[activeTabIndex].getBoundingClientRect().width}px`);
 	}
 	/**
 	* @internal
@@ -287,7 +287,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], Tabs.prototype
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Tabs.prototype, "activeindicator", void 0);
 //#endregion
 //#region src/lib/tabs/tabs.template.ts
-var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => (0, _microsoft_fast_web_utilities.classNames)("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", Boolean(scrollablePanel)], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
+var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => (0, _microsoft_fast_web_utilities.classNames)("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", scrollablePanel], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
 function setNoScrollState(scrollShadow, scrollWrapper) {
 	if (scrollWrapper.scrollWidth <= scrollWrapper.clientWidth) {
 		scrollShadow.classList.toggle("start-scroll", false);

package/unbundled/definition73.js

@@ -218,7 +218,7 @@ var Tabs = class extends VividElement {
 			if (currentTransform !== targetTransform) this.#isTransitioningTransform = true;
 		} else this.#cancelAnimationIfNeeded();
 		indicatorEl.style.transform = targetTransform;
-		indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, this.tabs[activeTabIndex].getBoundingClientRect().width + "px");
+		indicatorEl.style.setProperty(ACTIVE_TAB_WIDTH, `${this.tabs[activeTabIndex].getBoundingClientRect().width}px`);
 	}
 	/**
 	* @internal
@@ -286,7 +286,7 @@ __decorate([observable], Tabs.prototype, "_actionItemsSlottedContent", void 0);
 __decorate([attr({ mode: "boolean" })], Tabs.prototype, "activeindicator", void 0);
 //#endregion
 //#region src/lib/tabs/tabs.template.ts
-var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => classNames("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", Boolean(scrollablePanel)], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
+var getClasses = ({ connotation, orientation, gutters, scrollablePanel, tabsLayout, _actionItemsSlottedContent }) => classNames("base", `layout-${tabsLayout ?? "align-start"}`, [`connotation-${connotation}`, Boolean(connotation)], [`orientation-${orientation}`, Boolean(orientation)], `gutters-${gutters ?? "small"}`, ["scroll", scrollablePanel], ["has-action-items", Boolean(_actionItemsSlottedContent.length)]);
 function setNoScrollState(scrollShadow, scrollWrapper) {
 	if (scrollWrapper.scrollWidth <= scrollWrapper.clientWidth) {
 		scrollShadow.classList.toggle("start-scroll", false);

package/unbundled/definition75.cjs

@@ -42,7 +42,7 @@ var Tag = class extends require_localized.Localized(require_delegates_aria.Deleg
 	remove() {
 		if (!this.removable || this.selectable) return;
 		this.$emit("removed");
-		this.parentElement && this.parentElement.removeChild(this);
+		this.parentElement?.removeChild(this);
 	}
 	#select;
 	/**

package/unbundled/definition75.js

@@ -41,7 +41,7 @@ var Tag = class extends Localized(DelegatesAria(AffixIcon(VividElement))) {
 	remove() {
 		if (!this.removable || this.selectable) return;
 		this.$emit("removed");
-		this.parentElement && this.parentElement.removeChild(this);
+		this.parentElement?.removeChild(this);
 	}
 	#select;
 	/**

package/unbundled/definition78.cjs

@@ -91,7 +91,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], TreeItem.proto
 require_decorate.__decorate([_microsoft_fast_element.observable], TreeItem.prototype, "renderCollapsedChildren", void 0);
 //#endregion
 //#region src/lib/tree-item/tree-item.template.ts
-var getClasses = ({ disabled, selected }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], ["selected", Boolean(selected)]);
+var getClasses = ({ disabled, selected }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], ["selected", selected]);
 var expandCollapseButton = (context) => {
 	const iconTag = context.tagFor(require_definition.Icon);
 	return _microsoft_fast_element.html`

package/unbundled/definition78.js

@@ -90,7 +90,7 @@ __decorate([observable], TreeItem.prototype, "nested", void 0);
 __decorate([observable], TreeItem.prototype, "renderCollapsedChildren", void 0);
 //#endregion
 //#region src/lib/tree-item/tree-item.template.ts
-var getClasses = ({ disabled, selected }) => classNames("control", ["disabled", disabled], ["selected", Boolean(selected)]);
+var getClasses = ({ disabled, selected }) => classNames("control", ["disabled", disabled], ["selected", selected]);
 var expandCollapseButton = (context) => {
 	const iconTag = context.tagFor(Icon);
 	return html`

package/unbundled/definition79.cjs

@@ -101,7 +101,6 @@ var TreeView = class extends require_host_semantics.HostSemantics(require_vivid_
 					if (this.currentSelected && this.currentSelected !== item) this.currentSelected.selected = false;
 					this.currentSelected = item;
 				} else if (!item.selected && this.currentSelected === item) this.currentSelected = null;
-				return;
 			}
 		};
 		this.setItems = () => {
@@ -144,7 +143,6 @@ var TreeView = class extends require_host_semantics.HostSemantics(require_vivid_
 			if (!(e.target instanceof Element) || !require_definition.isTreeItemElement(e.target)) return true;
 			const item = e.target;
 			if (!item.disabled) item.selected = !item.selected;
-			return;
 		}
 	}
 	/**

package/unbundled/definition79.js

@@ -100,7 +100,6 @@ var TreeView = class extends HostSemantics(VividElement) {
 					if (this.currentSelected && this.currentSelected !== item) this.currentSelected.selected = false;
 					this.currentSelected = item;
 				} else if (!item.selected && this.currentSelected === item) this.currentSelected = null;
-				return;
 			}
 		};
 		this.setItems = () => {
@@ -143,7 +142,6 @@ var TreeView = class extends HostSemantics(VividElement) {
 			if (!(e.target instanceof Element) || !isTreeItemElement(e.target)) return true;
 			const item = e.target;
 			if (!item.disabled) item.selected = !item.selected;
-			return;
 		}
 	}
 	/**

package/unbundled/definition80.cjs

@@ -118,7 +118,7 @@ var VideoPlayer = class extends require_localized.Localized(require_vivid_elemen
 		return this.shadowRoot.getElementById("no-sources");
 	}
 	#disposePlayer() {
-		this._player && this._player.dispose();
+		this._player?.dispose();
 	}
 	#setupVideoElement() {
 		this.#videoElement = document.createElement("video");

package/unbundled/definition80.js

@@ -116,7 +116,7 @@ var VideoPlayer = class extends Localized(VividElement) {
 		return this.shadowRoot.getElementById("no-sources");
 	}
 	#disposePlayer() {
-		this._player && this._player.dispose();
+		this._player?.dispose();
 	}
 	#setupVideoElement() {
 		this.#videoElement = document.createElement("video");

package/unbundled/definition9.cjs

@@ -61,7 +61,7 @@ var Alert = class extends require_affix.AffixIcon(require_localized.Localized(re
 		if (newValue) {
 			this.style.display = "contents";
 			const closeBtn = this.shadowRoot.querySelector(".dismiss-button");
-			if (this.removable && closeBtn) closeBtn.focus();
+			if (this.removable) closeBtn?.focus();
 		} else this.style.display = "none";
 	}
 	connectedCallback() {

package/unbundled/definition9.js

@@ -60,7 +60,7 @@ var Alert = class extends AffixIcon(Localized(VividElement)) {
 		if (newValue) {
 			this.style.display = "contents";
 			const closeBtn = this.shadowRoot.querySelector(".dismiss-button");
-			if (this.removable && closeBtn) closeBtn.focus();
+			if (this.removable) closeBtn?.focus();
 		} else this.style.display = "none";
 	}
 	connectedCallback() {

package/unbundled/form-associated.cjs

@@ -57,7 +57,7 @@ var FormAssociated = (Base) => {
 		*/
 		get labels() {
 			if (this.elementInternals) return Object.freeze(Array.from(this.elementInternals.labels));
-			else if (this.proxy instanceof HTMLElement && this.proxy.ownerDocument && this.id) {
+			else if (this.proxy instanceof HTMLElement && this.id) {
 				const parentLabels = this.proxy.labels;
 				const forLabels = Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));
 				return Object.freeze(forLabels.concat(Array.from(parentLabels)));
@@ -382,7 +382,7 @@ var CheckableFormAssociated = (Base) => {
 		*/
 		formResetCallback() {
 			super.formResetCallback();
-			this.checked = !!this.defaultChecked;
+			this.checked = this.defaultChecked;
 			this.dirtyChecked = false;
 		}
 	}

package/unbundled/form-associated.js

@@ -56,7 +56,7 @@ var FormAssociated = (Base) => {
 		*/
 		get labels() {
 			if (this.elementInternals) return Object.freeze(Array.from(this.elementInternals.labels));
-			else if (this.proxy instanceof HTMLElement && this.proxy.ownerDocument && this.id) {
+			else if (this.proxy instanceof HTMLElement && this.id) {
 				const parentLabels = this.proxy.labels;
 				const forLabels = Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`));
 				return Object.freeze(forLabels.concat(Array.from(parentLabels)));
@@ -381,7 +381,7 @@ var CheckableFormAssociated = (Base) => {
 		*/
 		formResetCallback() {
 			super.formResetCallback();
-			this.checked = !!this.defaultChecked;
+			this.checked = this.defaultChecked;
 			this.dirtyChecked = false;
 		}
 	}

package/unbundled/listbox.cjs

@@ -178,25 +178,25 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 					e.preventDefault();
 					this.selectFirstOption();
 				}
-				break;
+				return;
 			case _microsoft_fast_web_utilities.keyArrowDown:
 				/* v8 ignore else -- @preserve */
 				if (!e.shiftKey) {
 					e.preventDefault();
 					this.selectNextOption();
 				}
-				break;
+				return;
 			case _microsoft_fast_web_utilities.keyArrowUp:
 				/* v8 ignore else -- @preserve */
 				if (!e.shiftKey) {
 					e.preventDefault();
 					this.selectPreviousOption();
 				}
-				break;
+				return;
 			case _microsoft_fast_web_utilities.keyEnd:
 				e.preventDefault();
 				this.selectLastOption();
-				break;
+				return;
 			case _microsoft_fast_web_utilities.keyTab:
 				this.focusAndScrollOptionIntoView();
 				return true;
@@ -207,7 +207,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 			if (this.typeaheadExpired) return true;
 			default:
 				/* v8 ignore else -- @preserve */
-				if (key.length === 1) this.handleTypeAhead(`${key}`);
+				if (key.length === 1) this.handleTypeAhead(key);
 				return true;
 		}
 	}
@@ -229,7 +229,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 	*
 	* @internal
 	*/
-	selectedIndexChanged(prev, next) {
+	selectedIndexChanged(_prev, next) {
 		const validNext = this._validSelectedIndex(next);
 		if (next !== validNext) {
 			this.selectedIndex = validNext;
@@ -296,7 +296,7 @@ var Listbox = class Listbox extends require_vivid_element.VividElement {
 			if (prevIndex !== -1) this.selectedIndex = prevIndex;
 		}
 	}
-	_newDefaultSelectedIndex(prev, next, currentSelectedIndex) {
+	_newDefaultSelectedIndex(prev, next, _currentSelectedIndex) {
 		for (const [index, newOption] of next.entries()) if (this._isDefaultSelected(newOption) && !prev.includes(newOption)) return index;
 		return null;
 	}

package/unbundled/listbox.js

@@ -177,25 +177,25 @@ var Listbox = class Listbox extends VividElement {
 					e.preventDefault();
 					this.selectFirstOption();
 				}
-				break;
+				return;
 			case keyArrowDown:
 				/* v8 ignore else -- @preserve */
 				if (!e.shiftKey) {
 					e.preventDefault();
 					this.selectNextOption();
 				}
-				break;
+				return;
 			case keyArrowUp:
 				/* v8 ignore else -- @preserve */
 				if (!e.shiftKey) {
 					e.preventDefault();
 					this.selectPreviousOption();
 				}
-				break;
+				return;
 			case keyEnd:
 				e.preventDefault();
 				this.selectLastOption();
-				break;
+				return;
 			case keyTab:
 				this.focusAndScrollOptionIntoView();
 				return true;
@@ -206,7 +206,7 @@ var Listbox = class Listbox extends VividElement {
 			if (this.typeaheadExpired) return true;
 			default:
 				/* v8 ignore else -- @preserve */
-				if (key.length === 1) this.handleTypeAhead(`${key}`);
+				if (key.length === 1) this.handleTypeAhead(key);
 				return true;
 		}
 	}
@@ -228,7 +228,7 @@ var Listbox = class Listbox extends VividElement {
 	*
 	* @internal
 	*/
-	selectedIndexChanged(prev, next) {
+	selectedIndexChanged(_prev, next) {
 		const validNext = this._validSelectedIndex(next);
 		if (next !== validNext) {
 			this.selectedIndex = validNext;
@@ -295,7 +295,7 @@ var Listbox = class Listbox extends VividElement {
 			if (prevIndex !== -1) this.selectedIndex = prevIndex;
 		}
 	}
-	_newDefaultSelectedIndex(prev, next, currentSelectedIndex) {
+	_newDefaultSelectedIndex(prev, next, _currentSelectedIndex) {
 		for (const [index, newOption] of next.entries()) if (this._isDefaultSelected(newOption) && !prev.includes(newOption)) return index;
 		return null;
 	}

package/unbundled/numberConverter.cjs

@@ -65,7 +65,7 @@ var numberConverter = {
 		return value.toString();
 	},
 	fromView(value) {
-		if (typeof value === "string") value = parseFloat(value.toString());
+		if (typeof value === "string") value = parseFloat(value);
 		if (typeof value !== "number") return;
 		return isNaN(value) || !isFinite(value) ? void 0 : value;
 	}

package/unbundled/numberConverter.js

@@ -65,7 +65,7 @@ var numberConverter = {
 		return value.toString();
 	},
 	fromView(value) {
-		if (typeof value === "string") value = parseFloat(value.toString());
+		if (typeof value === "string") value = parseFloat(value);
 		if (typeof value !== "number") return;
 		return isNaN(value) || !isFinite(value) ? void 0 : value;
 	}

package/unbundled/slider.template.cjs

@@ -38,7 +38,7 @@ var lerp = (a, b, value) => a + (b - a) * value;
 var inverseLerp = (a, b, value) => (0, _microsoft_fast_web_utilities.limit)(0, 1, (value - a) / (b - a));
 //#endregion
 //#region src/lib/slider/slider.template.ts
-var getClasses = ({ disabled, connotation }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", Boolean(disabled)], [`connotation-${connotation}`, Boolean(connotation)]);
+var getClasses = ({ disabled, connotation }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["disabled", disabled], [`connotation-${connotation}`, Boolean(connotation)]);
 var getThumbClasses = ({ _focusVisible }) => (0, _microsoft_fast_web_utilities.classNames)("thumb-container", ["focus-visible", _focusVisible]);
 var getMarkersTemplate = (isHorizontal, numMarkers) => {
 	const placeholder = isHorizontal ? [

package/unbundled/slider.template.js

@@ -37,7 +37,7 @@ var lerp = (a, b, value) => a + (b - a) * value;
 var inverseLerp = (a, b, value) => limit(0, 1, (value - a) / (b - a));
 //#endregion
 //#region src/lib/slider/slider.template.ts
-var getClasses = ({ disabled, connotation }) => classNames("control", ["disabled", Boolean(disabled)], [`connotation-${connotation}`, Boolean(connotation)]);
+var getClasses = ({ disabled, connotation }) => classNames("control", ["disabled", disabled], [`connotation-${connotation}`, Boolean(connotation)]);
 var getThumbClasses = ({ _focusVisible }) => classNames("thumb-container", ["focus-visible", _focusVisible]);
 var getMarkersTemplate = (isHorizontal, numMarkers) => {
 	const placeholder = isHorizontal ? [