@vonage/vivid 5.21.0 → 5.23.0

package/unbundled/definition44.js

@@ -29,7 +29,7 @@ __decorate([attr({
 __decorate([attr({ mode: "boolean" })], Header.prototype, "alternate", void 0);
 //#endregion
 //#region src/lib/header/header.template.ts
-var getPartAlternate = ({ alternate }) => classNames(["vvd-theme-alternate", Boolean(alternate)]);
+var getPartAlternate = ({ alternate }) => classNames(["vvd-theme-alternate", alternate]);
 var headerTemplate = (context) => {
 	const elevationTag = context.tagFor(Elevation);
 	return html`

package/unbundled/definition48.cjs

@@ -67,7 +67,7 @@ require_decorate.__decorate([require_vivid_element.replaces({
 })], NavDisclosure.prototype, "current", void 0);
 //#endregion
 //#region src/lib/nav-disclosure/nav-disclosure.template.ts
-var getClasses = ({ appearance, connotation, current, open }) => (0, _microsoft_fast_web_utilities.classNames)("control", [`appearance-${appearance}`, Boolean(appearance)], [`connotation-${connotation}`, Boolean(connotation)], ["current-closed selected", Boolean(current) && !open]);
+var getClasses = ({ appearance, connotation, current, open }) => (0, _microsoft_fast_web_utilities.classNames)("control", [`appearance-${appearance}`, Boolean(appearance)], [`connotation-${connotation}`, Boolean(connotation)], ["current-closed selected", current && !open]);
 var NavDisclosureTemplate = (context) => {
 	const affixIconTemplate = require_affix.affixIconTemplateFactory(context);
 	const iconTag = context.tagFor(require_definition.Icon);

package/unbundled/definition48.js

@@ -66,7 +66,7 @@ __decorate([replaces({
 })], NavDisclosure.prototype, "current", void 0);
 //#endregion
 //#region src/lib/nav-disclosure/nav-disclosure.template.ts
-var getClasses = ({ appearance, connotation, current, open }) => classNames("control", [`appearance-${appearance}`, Boolean(appearance)], [`connotation-${connotation}`, Boolean(connotation)], ["current-closed selected", Boolean(current) && !open]);
+var getClasses = ({ appearance, connotation, current, open }) => classNames("control", [`appearance-${appearance}`, Boolean(appearance)], [`connotation-${connotation}`, Boolean(connotation)], ["current-closed selected", current && !open]);
 var NavDisclosureTemplate = (context) => {
 	const affixIconTemplate = affixIconTemplateFactory(context);
 	const iconTag = context.tagFor(Icon);

package/unbundled/definition49.cjs

@@ -43,7 +43,7 @@ require_decorate.__decorate([require_vivid_element.replaces({
 })], NavItem.prototype, "current", void 0);
 //#endregion
 //#region src/lib/nav-item/nav-item.template.ts
-var getClasses = ({ text, connotation, appearance, current }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["icon-only", !text], [`connotation-${connotation}`, Boolean(connotation)], [`appearance-${appearance}`, Boolean(appearance)], ["current selected", Boolean(current)]);
+var getClasses = ({ text, connotation, appearance, current }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["icon-only", !text], [`connotation-${connotation}`, Boolean(connotation)], [`appearance-${appearance}`, Boolean(appearance)], ["current selected", current]);
 var NavItemTemplate = (context) => {
 	const affixIconTemplate = require_affix.affixIconTemplateFactory(context);
 	return _microsoft_fast_element.html`${(x) => x._renderLinkElement(_microsoft_fast_element.html`${(x) => affixIconTemplate(x.icon, require_affix.IconWrapper.Slot)}

package/unbundled/definition49.js

@@ -42,7 +42,7 @@ __decorate([replaces({
 })], NavItem.prototype, "current", void 0);
 //#endregion
 //#region src/lib/nav-item/nav-item.template.ts
-var getClasses = ({ text, connotation, appearance, current }) => classNames("control", ["icon-only", !text], [`connotation-${connotation}`, Boolean(connotation)], [`appearance-${appearance}`, Boolean(appearance)], ["current selected", Boolean(current)]);
+var getClasses = ({ text, connotation, appearance, current }) => classNames("control", ["icon-only", !text], [`connotation-${connotation}`, Boolean(connotation)], [`appearance-${appearance}`, Boolean(appearance)], ["current selected", current]);
 var NavItemTemplate = (context) => {
 	const affixIconTemplate = affixIconTemplateFactory(context);
 	return html`${(x) => x._renderLinkElement(html`${(x) => affixIconTemplate(x.icon, IconWrapper.Slot)}

package/unbundled/definition5.cjs

@@ -18,7 +18,7 @@ require_decorate.__decorate([_microsoft_fast_element.attr], ProgressRing.prototy
 require_decorate.__decorate([_microsoft_fast_element.attr], ProgressRing.prototype, "size", void 0);
 //#endregion
 //#region src/lib/progress-ring/progress-ring.template.ts
-var getClasses = ({ connotation, size, paused }) => (0, _microsoft_fast_web_utilities.classNames)("base", ["disabled", !!paused], [`connotation-${connotation}`, !!connotation], [`size-${size}`, !!size]);
+var getClasses = ({ connotation, size, paused }) => (0, _microsoft_fast_web_utilities.classNames)("base", ["disabled", paused], [`connotation-${connotation}`, !!connotation], [`size-${size}`, !!size]);
 var progressSegments = 44;
 var ProgressRingTemplate = _microsoft_fast_element.html`<template>
 	<div

package/unbundled/definition5.js

@@ -17,7 +17,7 @@ __decorate([attr], ProgressRing.prototype, "connotation", void 0);
 __decorate([attr], ProgressRing.prototype, "size", void 0);
 //#endregion
 //#region src/lib/progress-ring/progress-ring.template.ts
-var getClasses = ({ connotation, size, paused }) => classNames("base", ["disabled", !!paused], [`connotation-${connotation}`, !!connotation], [`size-${size}`, !!size]);
+var getClasses = ({ connotation, size, paused }) => classNames("base", ["disabled", paused], [`connotation-${connotation}`, !!connotation], [`size-${size}`, !!size]);
 var progressSegments = 44;
 //#endregion
 //#region src/lib/progress-ring/definition.ts

package/unbundled/definition53.cjs

@@ -61,9 +61,16 @@ var Pagination = class extends require_localized.Localized(require_vivid_element
 			const index = this.paginationButtons.findIndex((button) => Number(button.label) === currentLabel);
 			const focusDirection = shiftKey ? -1 : 1;
 			const newIndex = index + focusDirection;
-			if (newIndex < 0) return this.prevButton.focus();
-			if (newIndex > this.paginationButtons.length - 1) return this.nextButton.focus();
-			this.paginationButtons && this.paginationButtons[index + focusDirection].focus();
+			if (newIndex < 0) {
+				this.prevButton.focus();
+				return;
+			}
+			if (newIndex > this.paginationButtons.length - 1) {
+				this.nextButton.focus();
+				return;
+			}
+			/* v8 ignore else -- @preserve */
+			if (this.paginationButtons) this.paginationButtons[index + focusDirection].focus();
 		});
 	}
 	/**

package/unbundled/definition53.js

@@ -60,9 +60,16 @@ var Pagination = class extends Localized(VividElement) {
 			const index = this.paginationButtons.findIndex((button) => Number(button.label) === currentLabel);
 			const focusDirection = shiftKey ? -1 : 1;
 			const newIndex = index + focusDirection;
-			if (newIndex < 0) return this.prevButton.focus();
-			if (newIndex > this.paginationButtons.length - 1) return this.nextButton.focus();
-			this.paginationButtons && this.paginationButtons[index + focusDirection].focus();
+			if (newIndex < 0) {
+				this.prevButton.focus();
+				return;
+			}
+			if (newIndex > this.paginationButtons.length - 1) {
+				this.nextButton.focus();
+				return;
+			}
+			/* v8 ignore else -- @preserve */
+			if (this.paginationButtons) this.paginationButtons[index + focusDirection].focus();
 		});
 	}
 	/**

package/unbundled/definition55.cjs

@@ -262,7 +262,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], Popover.protot
 require_decorate.__decorate([_microsoft_fast_element.observable], Popover.prototype, "_slottedAnchor", void 0);
 //#endregion
 //#region src/lib/popover/popover.template.ts
-var getClasses = ({ open, manual, layout }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["open", Boolean(open)], ["manual", Boolean(manual)], ["condensed", layout === "condensed"]);
+var getClasses = ({ open, manual, layout }) => (0, _microsoft_fast_web_utilities.classNames)("control", ["open", open], ["manual", manual], ["condensed", layout === "condensed"]);
 /**
 * The template for the Popover component.
 *

package/unbundled/definition55.js

@@ -261,7 +261,7 @@ __decorate([observable], Popover.prototype, "anchor", void 0);
 __decorate([observable], Popover.prototype, "_slottedAnchor", void 0);
 //#endregion
 //#region src/lib/popover/popover.template.ts
-var getClasses = ({ open, manual, layout }) => classNames("control", ["open", Boolean(open)], ["manual", Boolean(manual)], ["condensed", layout === "condensed"]);
+var getClasses = ({ open, manual, layout }) => classNames("control", ["open", open], ["manual", manual], ["condensed", layout === "condensed"]);
 /**
 * The template for the Popover component.
 *

package/unbundled/definition56.cjs

@@ -24,7 +24,7 @@ require_decorate.__decorate([(0, _microsoft_fast_element.attr)()], Progress.prot
 require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Progress.prototype, "reverse", void 0);
 //#endregion
 //#region src/lib/progress/progress.template.ts
-var getClasses = ({ connotation, shape, reverse, paused }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`connotation-${connotation}`, Boolean(connotation)], [`shape-${shape}`, Boolean(shape)], ["reverse", Boolean(reverse)], ["paused", Boolean(paused)]);
+var getClasses = ({ connotation, shape, reverse, paused }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`connotation-${connotation}`, Boolean(connotation)], [`shape-${shape}`, Boolean(shape)], ["reverse", reverse], ["paused", paused]);
 function determinate() {
 	return _microsoft_fast_element.html` <span
 		class="determinate"

package/unbundled/definition56.js

@@ -23,7 +23,7 @@ __decorate([attr()], Progress.prototype, "connotation", void 0);
 __decorate([attr({ mode: "boolean" })], Progress.prototype, "reverse", void 0);
 //#endregion
 //#region src/lib/progress/progress.template.ts
-var getClasses = ({ connotation, shape, reverse, paused }) => classNames("base", [`connotation-${connotation}`, Boolean(connotation)], [`shape-${shape}`, Boolean(shape)], ["reverse", Boolean(reverse)], ["paused", Boolean(paused)]);
+var getClasses = ({ connotation, shape, reverse, paused }) => classNames("base", [`connotation-${connotation}`, Boolean(connotation)], [`shape-${shape}`, Boolean(shape)], ["reverse", reverse], ["paused", paused]);
 function determinate() {
 	return html` <span
 		class="determinate"

package/unbundled/definition57.cjs

@@ -84,7 +84,8 @@ var Radio = class extends require_with_error_text.WithErrorText(require_form_ele
 	*/
 	nameChanged(previous, next) {
 		super.nameChanged(previous, next);
-		next !== null ? this.proxy.setAttribute("name", this.name) : this.proxy.removeAttribute("name");
+		if (next !== null) this.proxy.setAttribute("name", this.name);
+		else this.proxy.removeAttribute("name");
 		_microsoft_fast_element.Updates.enqueue(this.validate);
 	}
 	/**
@@ -122,9 +123,7 @@ var Radio = class extends require_with_error_text.WithErrorText(require_form_ele
 		return [];
 	}
 	get #radioGroup() {
-		const parentGroup = this.closest(`${this.tagName.toLocaleLowerCase()}-group[name="${this.name}"]`);
-		if (parentGroup) return parentGroup;
-		return null;
+		return this.closest(`${this.tagName.toLocaleLowerCase()}-group[name="${this.name}"]`);
 	}
 	#validateValueMissingWithSiblings;
 	#syncSiblingsRequiredValidationStatus;
@@ -148,7 +147,7 @@ require_decorate.__decorate([(0, _microsoft_fast_element.attr)({
 require_decorate.__decorate([_microsoft_fast_element.observable], Radio.prototype, "defaultSlottedNodes", void 0);
 //#endregion
 //#region src/lib/radio/radio.template.ts
-var getClasses = ({ connotation, checked, readOnly, disabled }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`connotation-${connotation}`, Boolean(connotation)], ["checked", Boolean(checked)], ["readonly", Boolean(readOnly)], ["disabled", Boolean(disabled)]);
+var getClasses = ({ connotation, checked, readOnly, disabled }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`connotation-${connotation}`, Boolean(connotation)], ["checked", checked], ["readonly", readOnly], ["disabled", disabled]);
 var RadioTemplate = _microsoft_fast_element.html`<template
 	aria-checked="${(x) => x?.checked}"
 	aria-disabled="${(x) => x?.disabled}"

package/unbundled/definition57.js

@@ -83,7 +83,8 @@ var Radio = class extends WithErrorText(FormElement(CheckableFormAssociated(Vivi
 	*/
 	nameChanged(previous, next) {
 		super.nameChanged(previous, next);
-		next !== null ? this.proxy.setAttribute("name", this.name) : this.proxy.removeAttribute("name");
+		if (next !== null) this.proxy.setAttribute("name", this.name);
+		else this.proxy.removeAttribute("name");
 		Updates.enqueue(this.validate);
 	}
 	/**
@@ -121,9 +122,7 @@ var Radio = class extends WithErrorText(FormElement(CheckableFormAssociated(Vivi
 		return [];
 	}
 	get #radioGroup() {
-		const parentGroup = this.closest(`${this.tagName.toLocaleLowerCase()}-group[name="${this.name}"]`);
-		if (parentGroup) return parentGroup;
-		return null;
+		return this.closest(`${this.tagName.toLocaleLowerCase()}-group[name="${this.name}"]`);
 	}
 	#validateValueMissingWithSiblings;
 	#syncSiblingsRequiredValidationStatus;
@@ -147,7 +146,7 @@ __decorate([attr({
 __decorate([observable], Radio.prototype, "defaultSlottedNodes", void 0);
 //#endregion
 //#region src/lib/radio/radio.template.ts
-var getClasses = ({ connotation, checked, readOnly, disabled }) => classNames("base", [`connotation-${connotation}`, Boolean(connotation)], ["checked", Boolean(checked)], ["readonly", Boolean(readOnly)], ["disabled", Boolean(disabled)]);
+var getClasses = ({ connotation, checked, readOnly, disabled }) => classNames("base", [`connotation-${connotation}`, Boolean(connotation)], ["checked", checked], ["readonly", readOnly], ["disabled", disabled]);
 //#endregion
 //#region src/lib/radio/definition.ts
 /**

package/unbundled/definition58.cjs

@@ -32,7 +32,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 		this.radioChangeHandler = (e) => {
 			const changedRadio = e.target;
 			if (changedRadio.checked) {
-				this.slottedRadioButtons?.forEach((radio) => {
+				this.slottedRadioButtons.forEach((radio) => {
 					if (radio !== changedRadio) radio.checked = false;
 				});
 				this.value = changedRadio.value;
@@ -46,16 +46,17 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 			radio.focus();
 		};
 		this.moveRightOffGroup = () => {
-			this.nextElementSibling?.focus();
+			const next = this.nextElementSibling;
+			if (next instanceof HTMLElement) next.focus();
 		};
 		this.moveLeftOffGroup = () => {
-			this.previousElementSibling?.focus();
+			const prev = this.previousElementSibling;
+			if (prev instanceof HTMLElement) prev.focus();
 		};
 		this.moveRight = (e) => {
 			const radio = e.target;
 			const group = this.#focusableRadioButtons;
-			let index = 0;
-			index = group.indexOf(radio) + 1;
+			let index = group.indexOf(radio) + 1;
 			if (index === group.length && this.isInsideToolbar && e.key === "ArrowRight") {
 				this.moveRightOffGroup();
 				return;
@@ -78,15 +79,15 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 			switch (e.key) {
 				case _microsoft_fast_web_utilities.keyEnter:
 					this.checkFocusedRadio(e.target);
-					break;
+					return;
 				case require_key_codes.keyArrowRight:
 				case _microsoft_fast_web_utilities.keyArrowDown:
 					this.moveRight(e);
-					break;
+					return;
 				case require_key_codes.keyArrowLeft:
 				case _microsoft_fast_web_utilities.keyArrowUp:
 					this.moveLeft(e);
-					break;
+					return;
 				default: return true;
 			}
 		};
@@ -95,7 +96,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	requiredChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.required) radio.required = true;
 			else radio.required = false;
 		});
@@ -104,7 +105,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	readOnlyChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.readOnly) radio.readOnly = true;
 			else radio.readOnly = false;
 		});
@@ -113,13 +114,13 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	disabledChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.disabled) radio.disabled = true;
 			else radio.disabled = false;
 		});
 	}
 	nameChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.setAttribute("name", this.name);
 		});
 	}
@@ -127,7 +128,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	valueChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (radio.value === this.value) radio.checked = true;
 		});
 		this.$emit("change");
@@ -136,7 +137,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 	* @internal
 	*/
 	handleSlotChange() {
-		if (this.errorText) this.slottedRadioButtons?.forEach((radio) => {
+		if (this.errorText) this.slottedRadioButtons.forEach((radio) => {
 			radio.errorText = this.errorText;
 		});
 	}
@@ -148,13 +149,13 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 		else this.errorValidationMessage = "";
 	}
 	get #focusableRadioButtons() {
-		return this.slottedRadioButtons?.filter((radio) => !radio.disabled);
+		return this.slottedRadioButtons.filter((radio) => !radio.disabled);
 	}
 	/**
 	* @internal
 	*/
 	slottedRadioButtonsChanged() {
-		if (this.slottedRadioButtons && this.slottedRadioButtons.length > 0) this.setupRadioButtons();
+		if (this.slottedRadioButtons.length > 0) this.setupRadioButtons();
 	}
 	get isInsideToolbar() {
 		return !!this.closest("[role=\"toolbar\"]");
@@ -167,7 +168,7 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 		this.setupRadioButtons();
 	}
 	disconnectedCallback() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.removeEventListener("change", this.radioChangeHandler);
 			radio.removeEventListener("invalid", this.radioErrorHandler);
 		});
@@ -187,8 +188,8 @@ var RadioGroup = class extends require_mixins.WithFeedback(require_vivid_element
 			radio.addEventListener("change", this.radioChangeHandler);
 			radio.addEventListener("invalid", this.radioErrorHandler);
 		}
-		if (this.value === void 0 && this.slottedRadioButtons?.length > 0) {
-			const checkedRadios = this.slottedRadioButtons?.filter((radio) => radio.hasAttribute("checked"));
+		if (this.value === void 0 && this.slottedRadioButtons.length > 0) {
+			const checkedRadios = this.slottedRadioButtons.filter((radio) => radio.hasAttribute("checked"));
 			if (checkedRadios.length > 0 && !foundMatchingVal) {
 				const lastCheckedRadio = checkedRadios[checkedRadios.length - 1];
 				lastCheckedRadio.checked = true;

package/unbundled/definition58.js

@@ -31,7 +31,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 		this.radioChangeHandler = (e) => {
 			const changedRadio = e.target;
 			if (changedRadio.checked) {
-				this.slottedRadioButtons?.forEach((radio) => {
+				this.slottedRadioButtons.forEach((radio) => {
 					if (radio !== changedRadio) radio.checked = false;
 				});
 				this.value = changedRadio.value;
@@ -45,16 +45,17 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 			radio.focus();
 		};
 		this.moveRightOffGroup = () => {
-			this.nextElementSibling?.focus();
+			const next = this.nextElementSibling;
+			if (next instanceof HTMLElement) next.focus();
 		};
 		this.moveLeftOffGroup = () => {
-			this.previousElementSibling?.focus();
+			const prev = this.previousElementSibling;
+			if (prev instanceof HTMLElement) prev.focus();
 		};
 		this.moveRight = (e) => {
 			const radio = e.target;
 			const group = this.#focusableRadioButtons;
-			let index = 0;
-			index = group.indexOf(radio) + 1;
+			let index = group.indexOf(radio) + 1;
 			if (index === group.length && this.isInsideToolbar && e.key === "ArrowRight") {
 				this.moveRightOffGroup();
 				return;
@@ -77,15 +78,15 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 			switch (e.key) {
 				case keyEnter:
 					this.checkFocusedRadio(e.target);
-					break;
+					return;
 				case keyArrowRight$1:
 				case keyArrowDown:
 					this.moveRight(e);
-					break;
+					return;
 				case keyArrowLeft$1:
 				case keyArrowUp:
 					this.moveLeft(e);
-					break;
+					return;
 				default: return true;
 			}
 		};
@@ -94,7 +95,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	requiredChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.required) radio.required = true;
 			else radio.required = false;
 		});
@@ -103,7 +104,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	readOnlyChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.readOnly) radio.readOnly = true;
 			else radio.readOnly = false;
 		});
@@ -112,13 +113,13 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	disabledChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (this.disabled) radio.disabled = true;
 			else radio.disabled = false;
 		});
 	}
 	nameChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.setAttribute("name", this.name);
 		});
 	}
@@ -126,7 +127,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	valueChanged() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			if (radio.value === this.value) radio.checked = true;
 		});
 		this.$emit("change");
@@ -135,7 +136,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 	* @internal
 	*/
 	handleSlotChange() {
-		if (this.errorText) this.slottedRadioButtons?.forEach((radio) => {
+		if (this.errorText) this.slottedRadioButtons.forEach((radio) => {
 			radio.errorText = this.errorText;
 		});
 	}
@@ -147,13 +148,13 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 		else this.errorValidationMessage = "";
 	}
 	get #focusableRadioButtons() {
-		return this.slottedRadioButtons?.filter((radio) => !radio.disabled);
+		return this.slottedRadioButtons.filter((radio) => !radio.disabled);
 	}
 	/**
 	* @internal
 	*/
 	slottedRadioButtonsChanged() {
-		if (this.slottedRadioButtons && this.slottedRadioButtons.length > 0) this.setupRadioButtons();
+		if (this.slottedRadioButtons.length > 0) this.setupRadioButtons();
 	}
 	get isInsideToolbar() {
 		return !!this.closest("[role=\"toolbar\"]");
@@ -166,7 +167,7 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 		this.setupRadioButtons();
 	}
 	disconnectedCallback() {
-		this.slottedRadioButtons?.forEach((radio) => {
+		this.slottedRadioButtons.forEach((radio) => {
 			radio.removeEventListener("change", this.radioChangeHandler);
 			radio.removeEventListener("invalid", this.radioErrorHandler);
 		});
@@ -186,8 +187,8 @@ var RadioGroup = class extends WithFeedback(VividElement) {
 			radio.addEventListener("change", this.radioChangeHandler);
 			radio.addEventListener("invalid", this.radioErrorHandler);
 		}
-		if (this.value === void 0 && this.slottedRadioButtons?.length > 0) {
-			const checkedRadios = this.slottedRadioButtons?.filter((radio) => radio.hasAttribute("checked"));
+		if (this.value === void 0 && this.slottedRadioButtons.length > 0) {
+			const checkedRadios = this.slottedRadioButtons.filter((radio) => radio.hasAttribute("checked"));
 			if (checkedRadios.length > 0 && !foundMatchingVal) {
 				const lastCheckedRadio = checkedRadios[checkedRadios.length - 1];
 				lastCheckedRadio.checked = true;

package/unbundled/definition59.cjs

@@ -418,7 +418,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], RangeSlider.pr
 require_decorate.__decorate([_microsoft_fast_element.observable], RangeSlider.prototype, "_selectedRangeCss", void 0);
 //#endregion
 //#region src/lib/range-slider/range-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 getThumbClassesFor = (thumb) => ({ _visiblyFocusedThumb }) => (0, _microsoft_fast_web_utilities.classNames)("thumb-container", ["focus-visible", _visiblyFocusedThumb === thumb]);
 var RangeSliderTemplate = (context) => {
 	const popupTag = context.tagFor(require_definition.Popup);

package/unbundled/definition59.js

@@ -417,7 +417,7 @@ __decorate([observable], RangeSlider.prototype, "_endThumbCss", void 0);
 __decorate([observable], RangeSlider.prototype, "_selectedRangeCss", void 0);
 //#endregion
 //#region src/lib/range-slider/range-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 getThumbClassesFor = (thumb) => ({ _visiblyFocusedThumb }) => classNames("thumb-container", ["focus-visible", _visiblyFocusedThumb === thumb]);
 var RangeSliderTemplate = (context) => {
 	const popupTag = context.tagFor(Popup);