@vonage/vivid 5.20.1 → 5.22.0

package/unbundled/en-US.js

@@ -0,0 +1,445 @@
+import { t as __exportAll } from "./chunk.js";
+//#region ../../node_modules/.pnpm/video.js@8.23.7/node_modules/video.js/dist/lang/en.json
+var en_exports = /* @__PURE__ */ __exportAll({
+	Background: () => Background,
+	Black: () => Black,
+	Blue: () => Blue,
+	Captions: () => Captions,
+	Casual: () => Casual,
+	Chapters: () => Chapters,
+	Close: () => Close,
+	Color: () => Color,
+	Cyan: () => Cyan,
+	Depressed: () => Depressed,
+	Descriptions: () => Descriptions,
+	Done: () => Done,
+	Duration: () => Duration,
+	Fullscreen: () => Fullscreen,
+	Green: () => Green,
+	LIVE: () => LIVE,
+	Loaded: () => Loaded,
+	Magenta: () => Magenta,
+	Mute: () => Mute,
+	None: () => None,
+	Opacity: () => Opacity,
+	Opaque: () => Opaque,
+	Pause: () => Pause,
+	Play: () => Play,
+	Progress: () => Progress,
+	Raised: () => Raised,
+	Red: () => "Red",
+	Replay: () => Replay,
+	Reset: () => Reset,
+	Script: () => Script,
+	Subtitles: () => Subtitles,
+	Text: () => Text,
+	Transparent: () => Transparent,
+	Uniform: () => Uniform,
+	Unmute: () => Unmute,
+	White: () => White,
+	Window: () => Window,
+	Yellow: () => Yellow,
+	default: () => en_default
+});
+var Play = "Play";
+var Pause = "Pause";
+var Replay = "Replay";
+var Duration = "Duration";
+var LIVE = "LIVE";
+var Loaded = "Loaded";
+var Progress = "Progress";
+var Fullscreen = "Fullscreen";
+var Mute = "Mute";
+var Unmute = "Unmute";
+var Subtitles = "Subtitles";
+var Captions = "Captions";
+var Chapters = "Chapters";
+var Descriptions = "Descriptions";
+var Close = "Close";
+var Text = "Text";
+var White = "White";
+var Black = "Black";
+var Green = "Green";
+var Blue = "Blue";
+var Yellow = "Yellow";
+var Magenta = "Magenta";
+var Cyan = "Cyan";
+var Background = "Background";
+var Window = "Window";
+var Transparent = "Transparent";
+var Opaque = "Opaque";
+var None = "None";
+var Raised = "Raised";
+var Depressed = "Depressed";
+var Uniform = "Uniform";
+var Casual = "Casual";
+var Script = "Script";
+var Reset = "Reset";
+var Done = "Done";
+var Color = "Color";
+var Opacity = "Opacity";
+var en_default = {
+	"Audio Player": "Audio Player",
+	"Video Player": "Video Player",
+	Play,
+	Pause,
+	Replay,
+	"Current Time": "Current Time",
+	Duration,
+	"Remaining Time": "Remaining Time",
+	"Stream Type": "Stream Type",
+	LIVE,
+	"Seek to live, currently behind live": "Seek to live, currently behind live",
+	"Seek to live, currently playing live": "Seek to live, currently playing live",
+	Loaded,
+	Progress,
+	"Progress Bar": "Progress Bar",
+	"progress bar timing: currentTime={1} duration={2}": "{1} of {2}",
+	Fullscreen,
+	"Exit Fullscreen": "Exit Fullscreen",
+	Mute,
+	Unmute,
+	"Playback Rate": "Playback Rate",
+	Subtitles,
+	"subtitles off": "subtitles off",
+	Captions,
+	"captions off": "captions off",
+	Chapters,
+	Descriptions,
+	"descriptions off": "descriptions off",
+	"Audio Track": "Audio Track",
+	"Volume Level": "Volume Level",
+	"You aborted the media playback": "You aborted the media playback",
+	"A network error caused the media download to fail part-way.": "A network error caused the media download to fail part-way.",
+	"The media could not be loaded, either because the server or network failed or because the format is not supported.": "The media could not be loaded, either because the server or network failed or because the format is not supported.",
+	"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.",
+	"No compatible source was found for this media.": "No compatible source was found for this media.",
+	"The media is encrypted and we do not have the keys to decrypt it.": "The media is encrypted and we do not have the keys to decrypt it.",
+	"Play Video": "Play Video",
+	Close,
+	"Close Modal Dialog": "Close Modal Dialog",
+	"Modal Window": "Modal Window",
+	"This is a modal window": "This is a modal window",
+	"This modal can be closed by pressing the Escape key or activating the close button.": "This modal can be closed by pressing the Escape key or activating the close button.",
+	", opens captions settings dialog": ", opens captions settings dialog",
+	", opens subtitles settings dialog": ", opens subtitles settings dialog",
+	", opens descriptions settings dialog": ", opens descriptions settings dialog",
+	", selected": ", selected",
+	"captions settings": "captions settings",
+	"subtitles settings": "subtitles settings",
+	"descriptions settings": "descriptions settings",
+	Text,
+	White,
+	Black,
+	Red: "Red",
+	Green,
+	Blue,
+	Yellow,
+	Magenta,
+	Cyan,
+	Background,
+	Window,
+	Transparent,
+	"Semi-Transparent": "Semi-Transparent",
+	Opaque,
+	"Font Size": "Font Size",
+	"Text Edge Style": "Text Edge Style",
+	None,
+	Raised,
+	Depressed,
+	Uniform,
+	"Drop shadow": "Drop shadow",
+	"Font Family": "Font Family",
+	"Proportional Sans-Serif": "Proportional Sans-Serif",
+	"Monospace Sans-Serif": "Monospace Sans-Serif",
+	"Proportional Serif": "Proportional Serif",
+	"Monospace Serif": "Monospace Serif",
+	Casual,
+	Script,
+	"Small Caps": "Small Caps",
+	Reset,
+	"restore all settings to the default values": "restore all settings to the default values",
+	Done,
+	"Caption Settings Dialog": "Caption Settings Dialog",
+	"Beginning of dialog window. Escape will cancel and close the window.": "Beginning of dialog window. Escape will cancel and close the window.",
+	"End of dialog window.": "End of dialog window.",
+	"{1} is loading.": "{1} is loading.",
+	"Exit Picture-in-Picture": "Exit Picture-in-Picture",
+	"Picture-in-Picture": "Picture-in-Picture",
+	"No content": "No content",
+	Color,
+	Opacity,
+	"Text Background": "Text Background",
+	"Caption Area Background": "Caption Area Background",
+	"Playing in Picture-in-Picture": "Playing in Picture-in-Picture",
+	"Skip backward {1} seconds": "Skip backward {1} seconds",
+	"Skip forward {1} seconds": "Skip forward {1} seconds"
+};
+//#endregion
+//#region src/locales/en-US.ts
+var enUS = {
+	lang: "en-US",
+	common: { useCommaAsDecimalSeparator: false },
+	pickerField: {
+		clearLabel: "Clear",
+		okLabel: "OK"
+	},
+	calendarPicker: {
+		months: {
+			name: [
+				"January",
+				"February",
+				"March",
+				"April",
+				"May",
+				"June",
+				"July",
+				"August",
+				"September",
+				"October",
+				"November",
+				"December"
+			],
+			shorthand: [
+				"Jan",
+				"Feb",
+				"Mar",
+				"Apr",
+				"May",
+				"Jun",
+				"Jul",
+				"Aug",
+				"Sep",
+				"Oct",
+				"Nov",
+				"Dec"
+			]
+		},
+		weekdays: {
+			name: [
+				"Sunday",
+				"Monday",
+				"Tuesday",
+				"Wednesday",
+				"Thursday",
+				"Friday",
+				"Saturday"
+			],
+			shorthand: [
+				"Sun",
+				"Mon",
+				"Tue",
+				"Wed",
+				"Thu",
+				"Fri",
+				"Sat"
+			]
+		},
+		firstDayOfWeek: 0,
+		dateFormat: "MM/dd/yyyy",
+		dateFormatPlaceholder: "MM/DD/YYYY",
+		chooseDateLabel: "Choose date",
+		changeDateLabel: (date) => `Change date, ${date}`,
+		chooseDatesLabel: "Choose dates",
+		changeDatesLabel: (range) => `Change dates, ${range}`,
+		prevYearLabel: "Previous year",
+		prevMonthLabel: "Previous month",
+		nextMonthLabel: "Next month",
+		nextYearLabel: "Next year",
+		todayLabel: "today",
+		selectedLabel: "selected",
+		currentLabel: "current",
+		changeMonthLabel: (month) => `Change month, ${month} selected`,
+		showCalendarForMonthLabel: (month) => `Show calendar for ${month}`,
+		invalidDateError: "Please enter a valid date.",
+		invalidDateRangeError: "Please enter a valid date range.",
+		startDateAfterMinDateError: (minDate) => `The start date must be ${minDate} or later.`,
+		endDateBeforeMaxDateError: (maxDate) => `The end date must be ${maxDate} or earlier.`
+	},
+	timePicker: {
+		defaultTo12HourClock: true,
+		chooseTimeLabel: "Choose time",
+		changeTimeLabel: (time) => `Change time, ${time}`,
+		hoursLabel: "hours",
+		minutesLabel: "minutes",
+		secondsLabel: "seconds",
+		meridiesLabel: "AM/PM",
+		invalidTimeError: "Please enter a valid time."
+	},
+	dateTimePicker: {
+		chooseDateTimeLabel: "Choose date and time",
+		changeDateTimeLabel: (dateTime) => `Change date and time, ${dateTime}`,
+		invalidDateTimeError: "Please enter a valid date and time.",
+		dateBeforeMinDateError: (minDate) => `Date must be ${minDate} or later.`,
+		dateAfterMaxDateError: (maxDate) => `Date must be ${maxDate} or earlier.`,
+		timeBeforeMinTimeError: (minTime) => `Time must be ${minTime} or later.`,
+		timeAfterMaxTimeError: (maxTime) => `Time must be ${maxTime} or earlier.`
+	},
+	filePicker: {
+		invalidFileTypeError: "You can't select files of this type.",
+		maxFilesExceededError: "You can't select any more files.",
+		fileTooBigError: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
+		removeFileLabel: "Remove file",
+		invalidFilesError: "One or more selected files are invalid. Please, upload only valid file types under the size limit.",
+		uploadFilesLabel: "Upload files"
+	},
+	audioPlayer: {
+		playButtonLabel: "Play",
+		pauseButtonLabel: "Pause",
+		sliderLabel: "Audio progress bar",
+		skipForwardButton: "Skip Forward",
+		skipBackwardButton: "Skip Backward"
+	},
+	alert: { dismissButtonLabel: "Close" },
+	dialog: { dismissButtonLabel: "Close" },
+	popover: { dismissButtonLabel: "Close" },
+	banner: { dismissButtonLabel: "Close" },
+	numberField: {
+		incrementButtonLabel: (step) => step === 1 ? "Increase value" : `Increase value by ${step}`,
+		decrementButtonLabel: (step) => step === 1 ? "Decrease value" : `Decrease value by ${step}`,
+		updatedValueAnnouncement: (value) => `Updated value: ${value}`
+	},
+	splitButton: { showMoreActionsLabel: "Show more actions" },
+	videoPlayer: en_exports,
+	rangeSlider: {
+		startThumbLabel: "min",
+		endThumbLabel: "max"
+	},
+	dialPad: {
+		inputLabel: "Phone number",
+		deleteButtonLabel: "Delete last digit",
+		callButtonLabel: "Call",
+		endCallButtonLabel: "End call",
+		digitOneLabel: "1",
+		digitTwoLabel: "2 ABC",
+		digitThreeLabel: "3 DEF",
+		digitFourLabel: "4 GHI",
+		digitFiveLabel: "5 JKL",
+		digitSixLabel: "6 MNO",
+		digitSevenLabel: "7 PQRS",
+		digitEightLabel: "8 TUV",
+		digitNineLabel: "9 WXYZ",
+		digitAsteriskLabel: "*",
+		digitZeroLabel: "0",
+		digitHashtagLabel: "#",
+		errorLabel: "Error:"
+	},
+	tab: { dismissButtonLabel: "Press the DELETE key to close this tab" },
+	select: { clearButtonLabel: "Clear selection" },
+	countryGroup: { ariaLabelPrefix: "Countries:" },
+	searchableSelect: {
+		clearButtonLabel: "Clear selection",
+		noOptionsMessage: "No options",
+		noMatchesMessage: "No options found",
+		selectAllLabel: "Select All",
+		deselectAllLabel: "Deselect All",
+		selectedAllMessage: "All options selected",
+		deselectedAllMessage: "All options deselected",
+		loadingOptionsMessage: "Loading...",
+		removeTagButtonLabel: (label) => `Remove ${label}`,
+		optionSelectedMessage: (name) => `Option ${name} selected.`,
+		optionDeselectedMessage: (name) => `Option ${name} deselected.`,
+		optionFocusedMessage: (name, position, total, selected) => `Option ${name} focused, ${selected ? "selected, " : ""}${position} of ${total}.`,
+		maxSelectedMessage: (total, limit) => `${total} of ${limit} selected.`
+	},
+	richTextEditor: {
+		paragraphStyles: "Paragraph styles",
+		textSize: "Text size",
+		bold: "Bold",
+		italic: "Italic",
+		underline: "Underline",
+		strikethrough: "Strikethrough",
+		monospace: "Monospace",
+		textColor: "Text color",
+		undo: "Undo",
+		redo: "Redo",
+		bulletList: "Bullet list",
+		numberedList: "Numbered list",
+		alignment: "Alignment",
+		alignments: {
+			left: "Left",
+			center: "Center",
+			right: "Right"
+		},
+		hyperlink: "Hyperlink",
+		linkText: "Text",
+		linkUrl: "URL",
+		linkTextPlaceholder: "Type text to convert into link",
+		linkUrlPlaceholder: "Insert link URL",
+		linkUrlHelperText: "Enter a destination (e.g., https://, mailto:, or tel:).",
+		cancel: "Cancel",
+		apply: "Apply",
+		close: "Close",
+		edit: "Edit",
+		delete: "Delete",
+		imageSizes: {
+			small: "Small",
+			fit: "Fit",
+			original: "Original size"
+		},
+		suggestLoading: "Loading...",
+		suggestNoResults: "No results"
+	},
+	button: { pendingLabel: "Loading..." },
+	feedbackMessage: {
+		errorIconText: "Error:",
+		successIconText: "Success:"
+	},
+	connotationAnnoncement: {
+		accentIcon: "Accent:",
+		alertIcon: "Alert:",
+		informationIcon: "Information:",
+		successIcon: "Success:",
+		warningIcon: "Warning:",
+		announcementIcon: "Announcement:",
+		ctaIcon: "Call to action:"
+	},
+	charCount: {
+		charactersLimitMessage: (limit) => `You can enter up to ${limit} characters`,
+		charactersRemainingMessage: (total) => `You have ${total} characters remaining`
+	},
+	dataGrid: { cell: {
+		selected: "Selected",
+		button: "(button)",
+		sortStatus: {
+			ascending: "Sorted ascending.",
+			descending: "Sorted descending.",
+			none: "Not sorted.",
+			other: "Custom sort applied."
+		},
+		sortInstruction: {
+			ascending: "Click to sort descending.",
+			descending: "Click to un-sort.",
+			none: "Click to sort ascending.",
+			other: "Click to reset sorting."
+		}
+	} },
+	pagination: {
+		previousPageLabel: "Go to previous page",
+		nextPageLabel: "Go to next page",
+		goToPageLabel: (index) => `Go to page ${index}`
+	},
+	tag: { remove: (label) => `Remove ${label}` },
+	toggletip: { anchorLabel: (ariaLabel) => ariaLabel ? `Show more information about ${ariaLabel}` : `Show more information` },
+	baseColorPicker: { colorSwatchLabel: (value, label, selected) => {
+		let swatchLabel = label ? `Select ${label}, hex: ${value}` : `Select ${value}`;
+		if (selected) swatchLabel += `, selected.`;
+		return swatchLabel;
+	} },
+	simpleColorPicker: { colorPaletteLabel: "Color palette" },
+	colorPicker: {
+		popupLabel: "Color Picker",
+		swatchesLabel: "Saved colors",
+		pickerButtonLabel: "Color Picker",
+		hexInputLabel: "HEX color code",
+		saveButtonLabel: "Save current color",
+		closeButtonLabel: "Close Color Picker",
+		copyButtonLabel: "Copy color to clipboard",
+		copyErrorText: "Copy failed. Clipboard access was blocked. Try again.",
+		copySuccessMessage: (value) => `Color ${value} copied to clipboard.`,
+		selectionSuccessMessage: (value) => `Color ${value} selected.`,
+		maxSwatchesMessage: (total, limit) => `${total} of ${limit} colors saved.`
+	}
+};
+//#endregion
+export { enUS as t };

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/localized.cjs

@@ -1,11 +1,11 @@
 require("./chunk.cjs");
 const require_decorate = require("./decorate.cjs");
-const require_locales_en_US = require("../locales/en-US.cjs");
+const require_en_US = require("./en-US.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 //#region src/shared/localization/index.ts
 var CurrentLocale = class {
 	constructor() {
-		this.locale = require_locales_en_US;
+		this.locale = require_en_US.enUS;
 	}
 };
 require_decorate.__decorate([_microsoft_fast_element.observable], CurrentLocale.prototype, "locale", void 0);

package/unbundled/localized.js

@@ -1,5 +1,5 @@
 import { t as __decorate } from "./decorate.js";
-import enUS from "../locales/en-US.js";
+import { t as enUS } from "./en-US.js";
 import { ExecutionContext, Observable, observable } from "@microsoft/fast-element";
 //#region src/shared/localization/index.ts
 var CurrentLocale = class {

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 ? [