@vonage/vivid 5.21.0 → 5.22.0

package/unbundled/definition29.js

@@ -164,7 +164,7 @@ __decorate([attr], ListboxOption.prototype, "connotation", void 0);
 __decorate([attr({ attribute: "tag-connotation" })], ListboxOption.prototype, "tagConnotation", void 0);
 //#endregion
 //#region src/lib/option/option.template.ts
-var getClasses = (x) => classNames("base", [`connotation-${x.connotation}`, Boolean(x.connotation)], ["disabled", x.disabled], ["selected", Boolean(x.selected)], ["hover", Boolean(x._highlighted)], ["active", Boolean(x.checked)], ["icon", Boolean(x.icon)], ["two-lines", Boolean(x.text?.length) && Boolean(x.textSecondary?.length)]);
+var getClasses = (x) => classNames("base", [`connotation-${x.connotation}`, Boolean(x.connotation)], ["disabled", x.disabled], ["selected", x.selected], ["hover", x._highlighted], ["active", Boolean(x.checked)], ["icon", Boolean(x.icon)], ["two-lines", Boolean(x.text?.length) && Boolean(x.textSecondary?.length)]);
 function text() {
 	return html`${when((x) => x.text || x.textSecondary, html`<span class="text">
 			${when((x) => x.text, html`<span class="text-primary">

package/unbundled/definition3.cjs

@@ -46,7 +46,7 @@ var Accordion = class extends require_vivid_element.VividElement {
 					item.addEventListener("change", this.activeItemChange);
 					/* v8 ignore else -- @preserve */
 					if (this.isSingleExpandMode()) if (this.findExpandedItem() === null && index === 0) item.expanded = true;
-					else item !== this.findExpandedItem() ? item.expanded = false : item.expanded = true;
+					else item.expanded = item === this.findExpandedItem();
 				}
 				const itemId = this.accordionIds[index];
 				item.setAttribute("id", typeof itemId !== "string" ? `accordion-${index + 1}` : itemId);
@@ -108,7 +108,7 @@ var Accordion = class extends require_vivid_element.VividElement {
 		}
 	}
 	findExpandedItem() {
-		for (let item = 0; item < this.accordionItems.length; item++) if (this.accordionItems[item].hasAttribute("expanded") === true) return this.accordionItems[item];
+		for (let item = 0; item < this.accordionItems.length; item++) if (this.accordionItems[item].hasAttribute("expanded")) return this.accordionItems[item];
 		return null;
 	}
 	resetItems() {

package/unbundled/definition3.js

@@ -45,7 +45,7 @@ var Accordion = class extends VividElement {
 					item.addEventListener("change", this.activeItemChange);
 					/* v8 ignore else -- @preserve */
 					if (this.isSingleExpandMode()) if (this.findExpandedItem() === null && index === 0) item.expanded = true;
-					else item !== this.findExpandedItem() ? item.expanded = false : item.expanded = true;
+					else item.expanded = item === this.findExpandedItem();
 				}
 				const itemId = this.accordionIds[index];
 				item.setAttribute("id", typeof itemId !== "string" ? `accordion-${index + 1}` : itemId);
@@ -107,7 +107,7 @@ var Accordion = class extends VividElement {
 		}
 	}
 	findExpandedItem() {
-		for (let item = 0; item < this.accordionItems.length; item++) if (this.accordionItems[item].hasAttribute("expanded") === true) return this.accordionItems[item];
+		for (let item = 0; item < this.accordionItems.length; item++) if (this.accordionItems[item].hasAttribute("expanded")) return this.accordionItems[item];
 		return null;
 	}
 	resetItems() {

package/unbundled/definition30.cjs

@@ -242,31 +242,31 @@ var Combobox = class extends require_with_contextual_help.WithContextualHelp(req
 				if (this.isAutocompleteInline) this.filter = this.value;
 				this.open = false;
 				this.clearSelectionRange();
-				break;
+				return;
 			case "Escape":
 				/* v8 ignore else -- @preserve */
 				if (!this.isAutocompleteInline) this.selectedIndex = -1;
 				if (this.open) {
 					this.open = false;
-					break;
+					return;
 				}
 				this.value = "";
 				this.control.value = "";
 				this.filter = "";
 				this.filterOptions();
-				break;
+				return;
 			case "Tab":
 				this.setInputToSelection();
 				if (!this.open) return true;
 				e.preventDefault();
 				this.open = false;
-				break;
+				return;
 			case "ArrowUp":
 			case "ArrowDown":
 				this.filterOptions();
 				if (!this.open) {
 					this.open = true;
-					break;
+					return;
 				}
 				/* v8 ignore else -- @preserve */
 				if (this.filteredOptions.length > 0) {
@@ -275,7 +275,7 @@ var Combobox = class extends require_with_contextual_help.WithContextualHelp(req
 					this._isNavigatingWithKeyboard = false;
 				}
 				if (this.isAutocompleteInline) this.setInlineSelection();
-				break;
+				return;
 			default: return true;
 		}
 	}
@@ -488,7 +488,7 @@ var comboboxTemplate = (context) => {
 			@click="${(x, c) => x.clickHandler(c.event)}"
 			@focusout="${(x, c) => x.focusoutHandler(c.event)}"
 			@keydown="${(x, { event }) => {
-		x.open && require_dialog.handleEscapeKeyAndStopPropogation(event);
+		if (x.open) require_dialog.handleEscapeKeyAndStopPropogation(event);
 		return x.keydownHandler(event);
 	}}"
 		>

package/unbundled/definition30.js

@@ -241,31 +241,31 @@ var Combobox = class extends WithContextualHelp(WithFeedback(WithErrorText(WithS
 				if (this.isAutocompleteInline) this.filter = this.value;
 				this.open = false;
 				this.clearSelectionRange();
-				break;
+				return;
 			case "Escape":
 				/* v8 ignore else -- @preserve */
 				if (!this.isAutocompleteInline) this.selectedIndex = -1;
 				if (this.open) {
 					this.open = false;
-					break;
+					return;
 				}
 				this.value = "";
 				this.control.value = "";
 				this.filter = "";
 				this.filterOptions();
-				break;
+				return;
 			case "Tab":
 				this.setInputToSelection();
 				if (!this.open) return true;
 				e.preventDefault();
 				this.open = false;
-				break;
+				return;
 			case "ArrowUp":
 			case "ArrowDown":
 				this.filterOptions();
 				if (!this.open) {
 					this.open = true;
-					break;
+					return;
 				}
 				/* v8 ignore else -- @preserve */
 				if (this.filteredOptions.length > 0) {
@@ -274,7 +274,7 @@ var Combobox = class extends WithContextualHelp(WithFeedback(WithErrorText(WithS
 					this._isNavigatingWithKeyboard = false;
 				}
 				if (this.isAutocompleteInline) this.setInlineSelection();
-				break;
+				return;
 			default: return true;
 		}
 	}
@@ -487,7 +487,7 @@ var comboboxTemplate = (context) => {
 			@click="${(x, c) => x.clickHandler(c.event)}"
 			@focusout="${(x, c) => x.focusoutHandler(c.event)}"
 			@keydown="${(x, { event }) => {
-		x.open && handleEscapeKeyAndStopPropogation(event);
+		if (x.open) handleEscapeKeyAndStopPropogation(event);
 		return x.keydownHandler(event);
 	}}"
 		>

package/unbundled/definition32.cjs

@@ -225,7 +225,7 @@ var CountryGroupTemplate = (context) => {
 							connotation="cta"
 							appearance="duotone"
 							shape="pill"
-							text="${(x) => "+" + x.overflowCount}"
+							text="${(x) => `+${x.overflowCount}`}"
 						></${badgeTag}>
 					</div>
 				`)}

package/unbundled/definition32.js

@@ -224,7 +224,7 @@ var CountryGroupTemplate = (context) => {
 							connotation="cta"
 							appearance="duotone"
 							shape="pill"
-							text="${(x) => "+" + x.overflowCount}"
+							text="${(x) => `+${x.overflowCount}`}"
 						></${badgeTag}>
 					</div>
 				`)}

package/unbundled/definition34.cjs

@@ -1146,7 +1146,7 @@ var DataGrid = class DataGrid extends require_vivid_element.VividElement {
 	}
 	queueFocusUpdate() {
 		if (this.isUpdatingFocus && this.contains(document.activeElement)) return;
-		if (this.pendingFocusUpdate === false) {
+		if (!this.pendingFocusUpdate) {
 			this.pendingFocusUpdate = true;
 			_microsoft_fast_element.Updates.enqueue(() => this.updateFocus());
 		}
@@ -1176,7 +1176,7 @@ var DataGrid = class DataGrid extends require_vivid_element.VividElement {
 	*
 	* @internal
 	*/
-	slottedRowElementsChanged(_oldValue, _newValue) {
+	slottedRowElementsChanged() {
 		this._resetSelection();
 	}
 	get #selectedRows() {
@@ -1534,18 +1534,19 @@ var DataGridRow = class extends require_host_semantics.HostSemantics(require_viv
 	*/
 	handleKeydown(e) {
 		if (e.defaultPrevented) return;
-		let newFocusColumnIndex = 0;
 		switch (e.key) {
-			case require_key_codes.keyArrowLeft:
-				newFocusColumnIndex = Math.max(0, this.focusColumnIndex - 1);
+			case require_key_codes.keyArrowLeft: {
+				const newFocusColumnIndex = Math.max(0, this.focusColumnIndex - 1);
 				this.cellElements[newFocusColumnIndex].focus();
 				e.preventDefault();
 				break;
-			case require_key_codes.keyArrowRight:
-				newFocusColumnIndex = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1);
+			}
+			case require_key_codes.keyArrowRight: {
+				const newFocusColumnIndex = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1);
 				this.cellElements[newFocusColumnIndex].focus();
 				e.preventDefault();
 				break;
+			}
 			case _microsoft_fast_web_utilities.keyHome:
 				if (!e.ctrlKey) {
 					this.cellElements[0].focus();
@@ -1988,7 +1989,7 @@ function handleClick(x, e) {
 }
 var DataGridCellTemplate = (context) => {
 	const visuallyHiddenTagName = context.tagFor(require_definition$1.VisuallyHidden);
-	const getBaseClasses = ({ selected, _actionItemsSlottedContent }) => (0, _microsoft_fast_web_utilities.classNames)("base", ["selected", !!selected], ["has-action-items", Boolean(_actionItemsSlottedContent?.length)]);
+	const getBaseClasses = ({ selected, _actionItemsSlottedContent }) => (0, _microsoft_fast_web_utilities.classNames)("base", ["selected", selected], ["has-action-items", Boolean(_actionItemsSlottedContent?.length)]);
 	return _microsoft_fast_element.html`
 		<template
 			tabindex="-1"

package/unbundled/definition34.js

@@ -1145,7 +1145,7 @@ var DataGrid = class DataGrid extends VividElement {
 	}
 	queueFocusUpdate() {
 		if (this.isUpdatingFocus && this.contains(document.activeElement)) return;
-		if (this.pendingFocusUpdate === false) {
+		if (!this.pendingFocusUpdate) {
 			this.pendingFocusUpdate = true;
 			Updates.enqueue(() => this.updateFocus());
 		}
@@ -1175,7 +1175,7 @@ var DataGrid = class DataGrid extends VividElement {
 	*
 	* @internal
 	*/
-	slottedRowElementsChanged(_oldValue, _newValue) {
+	slottedRowElementsChanged() {
 		this._resetSelection();
 	}
 	get #selectedRows() {
@@ -1533,18 +1533,19 @@ var DataGridRow = class extends HostSemantics(VividElement) {
 	*/
 	handleKeydown(e) {
 		if (e.defaultPrevented) return;
-		let newFocusColumnIndex = 0;
 		switch (e.key) {
-			case keyArrowLeft$1:
-				newFocusColumnIndex = Math.max(0, this.focusColumnIndex - 1);
+			case keyArrowLeft$1: {
+				const newFocusColumnIndex = Math.max(0, this.focusColumnIndex - 1);
 				this.cellElements[newFocusColumnIndex].focus();
 				e.preventDefault();
 				break;
-			case keyArrowRight$1:
-				newFocusColumnIndex = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1);
+			}
+			case keyArrowRight$1: {
+				const newFocusColumnIndex = Math.min(this.cellElements.length - 1, this.focusColumnIndex + 1);
 				this.cellElements[newFocusColumnIndex].focus();
 				e.preventDefault();
 				break;
+			}
 			case keyHome:
 				if (!e.ctrlKey) {
 					this.cellElements[0].focus();
@@ -1987,7 +1988,7 @@ function handleClick(x, e) {
 }
 var DataGridCellTemplate = (context) => {
 	const visuallyHiddenTagName = context.tagFor(VisuallyHidden);
-	const getBaseClasses = ({ selected, _actionItemsSlottedContent }) => classNames("base", ["selected", !!selected], ["has-action-items", Boolean(_actionItemsSlottedContent?.length)]);
+	const getBaseClasses = ({ selected, _actionItemsSlottedContent }) => classNames("base", ["selected", selected], ["has-action-items", Boolean(_actionItemsSlottedContent?.length)]);
 	return html`
 		<template
 			tabindex="-1"

package/unbundled/definition35.cjs

@@ -8,7 +8,7 @@ let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
 var divider_default = ":host{display:block}.base{--_connotation-color-soft:var(--vvd-divider-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-divider-accent-dim,var(--vvd-color-neutral-200));display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}";
 //#endregion
 //#region src/lib/divider/divider.template.ts
-var getClasses = ({ orientation, appearance }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`${orientation}`, Boolean(orientation)], [`appearance-${appearance}`, Boolean(appearance)]);
+var getClasses = ({ orientation, appearance }) => (0, _microsoft_fast_web_utilities.classNames)("base", [orientation, Boolean(orientation)], [`appearance-${appearance}`, Boolean(appearance)]);
 var getAriaOrientation = ({ role, orientation }) => role === require_divider.DividerRole.presentation ? null : orientation;
 var DividerTemplate = _microsoft_fast_element.html`<template
 	${require_host_semantics.applyHostSemantics({

package/unbundled/definition35.js

@@ -7,7 +7,7 @@ import { classNames } from "@microsoft/fast-web-utilities";
 var divider_default = ":host{display:block}.base{--_connotation-color-soft:var(--vvd-divider-accent-soft,var(--vvd-color-neutral-100));--_connotation-color-dim:var(--vvd-divider-accent-dim,var(--vvd-color-neutral-200));display:block}.base:not(.vertical){block-size:1px;inline-size:100%}.base.vertical{block-size:100%;inline-size:1px}.base.appearance-ghost{background-color:var(--_connotation-color-dim)}.base.appearance-subtle{background-color:var(--_connotation-color-soft)}";
 //#endregion
 //#region src/lib/divider/divider.template.ts
-var getClasses = ({ orientation, appearance }) => classNames("base", [`${orientation}`, Boolean(orientation)], [`appearance-${appearance}`, Boolean(appearance)]);
+var getClasses = ({ orientation, appearance }) => classNames("base", [orientation, Boolean(orientation)], [`appearance-${appearance}`, Boolean(appearance)]);
 var getAriaOrientation = ({ role, orientation }) => role === DividerRole.presentation ? null : orientation;
 //#endregion
 //#region src/lib/divider/definition.ts

package/unbundled/definition39.cjs

@@ -48,7 +48,7 @@ var DialPad = class extends require_localized.Localized(require_vivid_element.Vi
 		this._onDial = () => {
 			if (!this._textFieldEl.checkValidity()) this._announceValidationError(this._textFieldEl.errorValidationMessage ?? "");
 			else this._clearErrorAnnouncement();
-			this.callActive ? this.$emit("end-call") : this.$emit("dial");
+			this.$emit(this.callActive ? "end-call" : "dial");
 		};
 		this.autofocus = false;
 		this._errorAnnouncement = "";
@@ -201,7 +201,7 @@ var DIAL_PAD_BUTTONS = [
 	new DialPadButton("0", "+", "digitZeroLabel", "zero-solid", "btn0"),
 	new DialPadButton("#", null, "digitHashtagLabel", "hashtag-solid", "btnHashtag")
 ];
-var getClasses = ({ noInput, size }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`size-${size}`, Boolean(size)], ["no-input", Boolean(noInput)]);
+var getClasses = ({ noInput, size }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`size-${size}`, Boolean(size)], ["no-input", noInput]);
 function handleKeyDown(x, e) {
 	if (e.key === _microsoft_fast_web_utilities.keyEnter && !x.pending && !x.disabled && !x.callActive && !x.noCall && x.value.length > 0 && e.target instanceof HTMLInputElement) x._onDial();
 	else if (e.key === " " || e.key === "Space") {

package/unbundled/definition39.js

@@ -47,7 +47,7 @@ var DialPad = class extends Localized(VividElement) {
 		this._onDial = () => {
 			if (!this._textFieldEl.checkValidity()) this._announceValidationError(this._textFieldEl.errorValidationMessage ?? "");
 			else this._clearErrorAnnouncement();
-			this.callActive ? this.$emit("end-call") : this.$emit("dial");
+			this.$emit(this.callActive ? "end-call" : "dial");
 		};
 		this.autofocus = false;
 		this._errorAnnouncement = "";
@@ -200,7 +200,7 @@ var DIAL_PAD_BUTTONS = [
 	new DialPadButton("0", "+", "digitZeroLabel", "zero-solid", "btn0"),
 	new DialPadButton("#", null, "digitHashtagLabel", "hashtag-solid", "btnHashtag")
 ];
-var getClasses = ({ noInput, size }) => classNames("base", [`size-${size}`, Boolean(size)], ["no-input", Boolean(noInput)]);
+var getClasses = ({ noInput, size }) => classNames("base", [`size-${size}`, Boolean(size)], ["no-input", noInput]);
 function handleKeyDown(x, e) {
 	if (e.key === keyEnter && !x.pending && !x.disabled && !x.callActive && !x.noCall && x.value.length > 0 && e.target instanceof HTMLInputElement) x._onDial();
 	else if (e.key === " " || e.key === "Space") {

package/unbundled/definition40.cjs

@@ -196,7 +196,7 @@ require_decorate.__decorate([_microsoft_fast_element.observable], Dialog.prototy
 require_decorate.__decorate([_microsoft_fast_element.observable], Dialog.prototype, "actionItemsSlottedContent", void 0);
 //#endregion
 //#region src/lib/dialog/dialog.template.ts
-var getClasses = ({ iconPlacement, bodySlottedContent, footerSlottedContent, actionItemsSlottedContent, _openedAsModal, scrollableBody }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`icon-placement-${iconPlacement}`, Boolean(iconPlacement)], ["hide-body", !bodySlottedContent?.length], ["hide-footer", !(footerSlottedContent?.length || actionItemsSlottedContent?.length)], ["modal", _openedAsModal], ["scrollable-body", Boolean(scrollableBody)]);
+var getClasses = ({ iconPlacement, bodySlottedContent, footerSlottedContent, actionItemsSlottedContent, _openedAsModal, scrollableBody }) => (0, _microsoft_fast_web_utilities.classNames)("base", [`icon-placement-${iconPlacement}`, Boolean(iconPlacement)], ["hide-body", !bodySlottedContent?.length], ["hide-footer", !(footerSlottedContent?.length || actionItemsSlottedContent?.length)], ["modal", _openedAsModal], ["scrollable-body", scrollableBody]);
 function icon(iconTag) {
 	return _microsoft_fast_element.html`
 		<${iconTag} class="icon" name="${(x) => x.icon}"></${iconTag}>

package/unbundled/definition40.js

@@ -195,7 +195,7 @@ __decorate([observable], Dialog.prototype, "footerSlottedContent", void 0);
 __decorate([observable], Dialog.prototype, "actionItemsSlottedContent", void 0);
 //#endregion
 //#region src/lib/dialog/dialog.template.ts
-var getClasses = ({ iconPlacement, bodySlottedContent, footerSlottedContent, actionItemsSlottedContent, _openedAsModal, scrollableBody }) => classNames("base", [`icon-placement-${iconPlacement}`, Boolean(iconPlacement)], ["hide-body", !bodySlottedContent?.length], ["hide-footer", !(footerSlottedContent?.length || actionItemsSlottedContent?.length)], ["modal", _openedAsModal], ["scrollable-body", Boolean(scrollableBody)]);
+var getClasses = ({ iconPlacement, bodySlottedContent, footerSlottedContent, actionItemsSlottedContent, _openedAsModal, scrollableBody }) => classNames("base", [`icon-placement-${iconPlacement}`, Boolean(iconPlacement)], ["hide-body", !bodySlottedContent?.length], ["hide-footer", !(footerSlottedContent?.length || actionItemsSlottedContent?.length)], ["modal", _openedAsModal], ["scrollable-body", scrollableBody]);
 function icon(iconTag) {
 	return html`
 		<${iconTag} class="icon" name="${(x) => x.icon}"></${iconTag}>

package/unbundled/definition44.cjs

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

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
 /**