@vonage/vivid 5.23.0 → 5.23.1

package/unbundled/mixins.js

@@ -2,7 +2,7 @@ import { t as VividElement, u as defineVividComponent } from "./vivid-element.js
 import { r as Icon, t as iconDefinition } from "./definition.js";
 import { t as __decorate } from "./decorate.js";
 import { t as Localized } from "./localized.js";
-import { n as visuallyHiddenDefinition } from "./definition6.js";
+import { n as visuallyHiddenDefinition } from "./definition22.js";
 import { n as renderInLightDOM, t as generateRandomId } from "./randomId.js";
 import { attr, html, observable, slotted, when } from "@microsoft/fast-element";
 import { classNames } from "@microsoft/fast-web-utilities";
@@ -10,9 +10,7 @@ import { classNames } from "@microsoft/fast-web-utilities";
 var feedback_message_default = ":host{display:contents}.message{contain:inline-size;font:var(--vvd-typography-base-condensed);grid-column:1/-1;gap:4px;display:flex}.message.none-message{display:none}.message.helper-message{color:var(--_low-ink-color)}.message.error-message,.message.success-message{color:var(--vvd-color-canvas-text)}slot{display:inline}.icon{font-size:16px}.error-message .icon{color:var(--vvd-color-alert-500)}.success-message .icon{color:var(--vvd-color-success-500)}.announcement{display:contents}";
 //#endregion
 //#region src/shared/feedback/feedback-message.ts
-/**
-* Renders a feedback message of the given type. When type='none', nothing is rendered.
-*/
+/** Renders a feedback message of the given type. When type='none', nothing is rendered. */
 var FeedbackMessage = class extends Localized(VividElement) {
 	constructor(..._args) {
 		super(..._args);
@@ -48,9 +46,7 @@ var FeedbackMessageTemplate = (ctx) => {
 var feedbackMessageDefinition = defineVividComponent("feedback-message", FeedbackMessage, FeedbackMessageTemplate, [iconDefinition, visuallyHiddenDefinition], { styles: feedback_message_default });
 //#endregion
 //#region src/shared/feedback/mixins.ts
-/**
-* Mixin for elements that display a feedback message.
-*/
+/** Mixin for elements that display a feedback message. */
 var WithFeedback = (Base) => {
 	class ElementWithFeedback extends Base {
 		/**
@@ -61,9 +57,7 @@ var WithFeedback = (Base) => {
 		get _feedbackDescribedBy() {
 			return "feedback slotted-helper-text-feedback";
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_internalFeedback() {
 			const helperText = this._helperTextSlottedContent?.length ? "" : this.helperText;
 			const errorText = this.errorValidationMessage;
@@ -85,15 +79,11 @@ var WithFeedback = (Base) => {
 				message: ""
 			};
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_slottedHelperTextFeedbackType() {
 			return this._internalFeedback().type === "none" && this._helperTextSlottedContent?.length ? "helper" : "none";
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getFeedbackTemplate(ctx) {
 			const feedbackTag = ctx.tagFor(FeedbackMessage);
 			return html`
@@ -126,24 +116,18 @@ var WithLightDOMFeedback = (Base) => {
 			this._slottedHelperTextIds = [];
 			this._feedbackId = randomFeedbackId();
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_helperTextSlottedContentChanged(_, newContent) {
 			for (const el of newContent)
  /* v8 ignore else -- @preserve */
 			if (!el.id) el.id = randomSlottedContentId();
 			this._slottedHelperTextIds = newContent.map((el) => el.id);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		get _feedbackDescribedBy() {
 			return [this._feedbackId, ...this._slottedHelperTextIds].join(" ");
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getFeedbackTemplate(ctx) {
 			const feedbackTag = ctx.tagFor(FeedbackMessage);
 			return html`

package/unbundled/numberConverter.cjs

@@ -10,17 +10,47 @@ var PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
             </animateTransform>
         </g>
     </g>
-</svg>`;
-//#endregion
-//#region ../icons/dist/index.mjs
-var version = "4.11.0";
-var ICONS_BASE_URL = "https://icon.resources.vonage.com";
-var ICONS_VERSION = version;
-`${ICONS_BASE_URL}${ICONS_VERSION}`;
+</svg>`, e = {
+	name: "@vonage/vivid-icons",
+	version: "4.11.0",
+	type: "module",
+	exports: {
+		".": {
+			types: "./dist/index.d.ts",
+			default: "./dist/index.mjs"
+		},
+		"./package.json": "./package.json"
+	},
+	files: ["dist"],
+	scripts: {
+		build: "vite build",
+		fetch: "tsx scripts/fetch-icons.ts",
+		lint: "eslint . --max-warnings=0",
+		"lint:fix": "eslint . --max-warnings=0 --fix",
+		typecheck: "tsc --noEmit"
+	},
+	dependencies: { "@microsoft/fast-element": "catalog:" },
+	devDependencies: {
+		"@figma/rest-api-spec": "catalog:",
+		"@repo/eslint-config": "workspace:*",
+		"@repo/fetch-icons": "workspace:*",
+		"@repo/typescript-config": "workspace:*",
+		"@repo/utils": "workspace:*",
+		"@repo/vite-config": "workspace:*",
+		"@types/node": "catalog:",
+		dotenv: "catalog:",
+		eslint: "catalog:",
+		tsx: "catalog:",
+		typescript: "catalog:",
+		vite: "catalog:",
+		"vite-plugin-dts": "catalog:"
+	}
+}, t = "https://icon.resources.vonage.com", n = e.version;
+`${t}${n}`;
 //#endregion
 //#region src/shared/icon/utils.ts
 var baseUrlTemplate = (resource, version) => [
-	ICONS_BASE_URL,
+	t,
 	`v${version}`,
 	resource
 ].join("/");
@@ -31,7 +61,7 @@ var extractSvg = (response) => {
 	assertIsValidResponse(response);
 	return response.text();
 };
-var loadSvg = (iconId, signal) => fetch(baseUrlTemplate(`${iconId}.svg`, ICONS_VERSION), { signal }).then(extractSvg);
+var loadSvg = (iconId, signal) => fetch(baseUrlTemplate(`${iconId}.svg`, n), { signal }).then(extractSvg);
 var normalizeKey = (iconId) => (iconId ?? "").trim();
 var iconCache = /* @__PURE__ */ new Map();
 var resolveIcon = (iconId, signal) => {

package/unbundled/numberConverter.js

@@ -10,17 +10,47 @@ var PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
             </animateTransform>
         </g>
     </g>
-</svg>`;
-//#endregion
-//#region ../icons/dist/index.mjs
-var version = "4.11.0";
-var ICONS_BASE_URL = "https://icon.resources.vonage.com";
-var ICONS_VERSION = version;
-`${ICONS_BASE_URL}${ICONS_VERSION}`;
+</svg>`, e = {
+	name: "@vonage/vivid-icons",
+	version: "4.11.0",
+	type: "module",
+	exports: {
+		".": {
+			types: "./dist/index.d.ts",
+			default: "./dist/index.mjs"
+		},
+		"./package.json": "./package.json"
+	},
+	files: ["dist"],
+	scripts: {
+		build: "vite build",
+		fetch: "tsx scripts/fetch-icons.ts",
+		lint: "eslint . --max-warnings=0",
+		"lint:fix": "eslint . --max-warnings=0 --fix",
+		typecheck: "tsc --noEmit"
+	},
+	dependencies: { "@microsoft/fast-element": "catalog:" },
+	devDependencies: {
+		"@figma/rest-api-spec": "catalog:",
+		"@repo/eslint-config": "workspace:*",
+		"@repo/fetch-icons": "workspace:*",
+		"@repo/typescript-config": "workspace:*",
+		"@repo/utils": "workspace:*",
+		"@repo/vite-config": "workspace:*",
+		"@types/node": "catalog:",
+		dotenv: "catalog:",
+		eslint: "catalog:",
+		tsx: "catalog:",
+		typescript: "catalog:",
+		vite: "catalog:",
+		"vite-plugin-dts": "catalog:"
+	}
+}, t = "https://icon.resources.vonage.com", n = e.version;
+`${t}${n}`;
 //#endregion
 //#region src/shared/icon/utils.ts
 var baseUrlTemplate = (resource, version) => [
-	ICONS_BASE_URL,
+	t,
 	`v${version}`,
 	resource
 ].join("/");
@@ -31,7 +61,7 @@ var extractSvg = (response) => {
 	assertIsValidResponse(response);
 	return response.text();
 };
-var loadSvg = (iconId, signal) => fetch(baseUrlTemplate(`${iconId}.svg`, ICONS_VERSION), { signal }).then(extractSvg);
+var loadSvg = (iconId, signal) => fetch(baseUrlTemplate(`${iconId}.svg`, n), { signal }).then(extractSvg);
 var normalizeKey = (iconId) => (iconId ?? "").trim();
 var iconCache = /* @__PURE__ */ new Map();
 var resolveIcon = (iconId, signal) => {

package/unbundled/picker-field.template.cjs

@@ -2,16 +2,16 @@ require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_form_associated = require("./form-associated.cjs");
-const require_form_element = require("./form-element.cjs");
-const require_with_error_text = require("./with-error-text.cjs");
-const require_with_contextual_help = require("./with-contextual-help.cjs");
 const require_localized = require("./localized.cjs");
-const require_trapped_focus = require("./trapped-focus.cjs");
-const require_definition = require("./definition7.cjs");
+const require_definition = require("./definition6.cjs");
 const require_dialog = require("./dialog.cjs");
-const require_definition$1 = require("./definition10.cjs");
+const require_definition$1 = require("./definition9.cjs");
 const require_mixins = require("./mixins.cjs");
+const require_form_element = require("./form-element.cjs");
+const require_with_error_text = require("./with-error-text.cjs");
+const require_with_contextual_help = require("./with-contextual-help.cjs");
 const require_definition$2 = require("./definition26.cjs");
+const require_trapped_focus = require("./trapped-focus.cjs");
 let _microsoft_fast_element = require("@microsoft/fast-element");
 let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
 //#region src/shared/picker-field/picker-field.scss?inline
@@ -27,9 +27,7 @@ var picker_field_default = ":host{display:inline-block}.base{inline-size:100%;di
 * @testRef clearButton shadowButton #clear-button
 */
 var PickerField = class extends require_with_contextual_help.WithContextualHelp(require_mixins.WithFeedback(require_with_error_text.WithErrorText(require_form_element.FormElement(require_trapped_focus.TrappedFocus(require_localized.Localized(require_form_associated.FormAssociated(require_vivid_element.VividElement))))))) {
-	/**
-	* @internal
-	*/
+	/** @internal */
 	readOnlyChanged() {
 		if (this.proxy instanceof HTMLInputElement) {
 			this.proxy.readOnly = this.readOnly;
@@ -58,9 +56,7 @@ var PickerField = class extends require_with_contextual_help.WithContextualHelp(
 		this._presentationValue = "";
 		this.value = "";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		document.addEventListener("click", this.#dismissOnClickOutside);
@@ -68,9 +64,7 @@ var PickerField = class extends require_with_contextual_help.WithContextualHelp(
 		this.addEventListener("focusout", this.#onFocusOut);
 		this.#startObservingLocaleChanges();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		document.removeEventListener("click", this.#dismissOnClickOutside);
@@ -80,9 +74,7 @@ var PickerField = class extends require_with_contextual_help.WithContextualHelp(
 	}
 	#onFocusIn;
 	#onFocusOut;
-	/**
-	* @internal
-	*/
+	/** @internal */
 	validate() {
 		if (this.proxy) this.proxy.setCustomValidity(this._getCustomValidationError() ?? "");
 		super.validate(this._textFieldEl?.querySelector("input") ?? void 0);
@@ -101,9 +93,7 @@ var PickerField = class extends require_with_contextual_help.WithContextualHelp(
 		/* v8 ignore else -- @preserve */
 		if (!this.readOnly) this._popupOpen = true;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_closePopup(restoreFocusToTextField = true) {
 		this._popupOpen = false;
 		if (restoreFocusToTextField) this._textFieldEl.focus();
@@ -120,36 +110,26 @@ var PickerField = class extends require_with_contextual_help.WithContextualHelp(
 		if (this._trappedFocus(event, () => this._focusableElsWithinDialog())) return false;
 		return true;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_presentationValueChanged() {
 		this.dirtyValue = true;
 		this.validate();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onTextFieldInput(event) {
 		const textField = event.currentTarget;
 		this._presentationValue = textField.value;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onPickerButtonClick() {
 		if (this._popupOpen) this._closePopup();
 		else this.#openPopupIfPossible();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onOkClick() {
 		this._closePopup();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onClearClick() {
 		this.$emit("clear-click");
 	}

package/unbundled/picker-field.template.js

@@ -1,16 +1,16 @@
 import { t as VividElement } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
 import { n as FormAssociated } from "./form-associated.js";
-import { t as FormElement } from "./form-element.js";
-import { t as WithErrorText } from "./with-error-text.js";
-import { t as WithContextualHelp } from "./with-contextual-help.js";
 import { t as Localized } from "./localized.js";
-import { t as TrappedFocus } from "./trapped-focus.js";
-import { i as Button } from "./definition7.js";
+import { i as Button } from "./definition6.js";
 import { t as handleEscapeKeyAndStopPropogation } from "./dialog.js";
-import { i as Popup } from "./definition10.js";
+import { i as Popup } from "./definition9.js";
 import { t as WithFeedback } from "./mixins.js";
+import { t as FormElement } from "./form-element.js";
+import { t as WithErrorText } from "./with-error-text.js";
+import { t as WithContextualHelp } from "./with-contextual-help.js";
 import { r as TextField } from "./definition26.js";
+import { t as TrappedFocus } from "./trapped-focus.js";
 import { ExecutionContext, Observable, attr, html, observable, ref, slotted } from "@microsoft/fast-element";
 import { classNames } from "@microsoft/fast-web-utilities";
 //#region src/shared/picker-field/picker-field.scss?inline
@@ -26,9 +26,7 @@ var picker_field_default = ":host{display:inline-block}.base{inline-size:100%;di
 * @testRef clearButton shadowButton #clear-button
 */
 var PickerField = class extends WithContextualHelp(WithFeedback(WithErrorText(FormElement(TrappedFocus(Localized(FormAssociated(VividElement))))))) {
-	/**
-	* @internal
-	*/
+	/** @internal */
 	readOnlyChanged() {
 		if (this.proxy instanceof HTMLInputElement) {
 			this.proxy.readOnly = this.readOnly;
@@ -57,9 +55,7 @@ var PickerField = class extends WithContextualHelp(WithFeedback(WithErrorText(Fo
 		this._presentationValue = "";
 		this.value = "";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		document.addEventListener("click", this.#dismissOnClickOutside);
@@ -67,9 +63,7 @@ var PickerField = class extends WithContextualHelp(WithFeedback(WithErrorText(Fo
 		this.addEventListener("focusout", this.#onFocusOut);
 		this.#startObservingLocaleChanges();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	disconnectedCallback() {
 		super.disconnectedCallback();
 		document.removeEventListener("click", this.#dismissOnClickOutside);
@@ -79,9 +73,7 @@ var PickerField = class extends WithContextualHelp(WithFeedback(WithErrorText(Fo
 	}
 	#onFocusIn;
 	#onFocusOut;
-	/**
-	* @internal
-	*/
+	/** @internal */
 	validate() {
 		if (this.proxy) this.proxy.setCustomValidity(this._getCustomValidationError() ?? "");
 		super.validate(this._textFieldEl?.querySelector("input") ?? void 0);
@@ -100,9 +92,7 @@ var PickerField = class extends WithContextualHelp(WithFeedback(WithErrorText(Fo
 		/* v8 ignore else -- @preserve */
 		if (!this.readOnly) this._popupOpen = true;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_closePopup(restoreFocusToTextField = true) {
 		this._popupOpen = false;
 		if (restoreFocusToTextField) this._textFieldEl.focus();
@@ -119,36 +109,26 @@ var PickerField = class extends WithContextualHelp(WithFeedback(WithErrorText(Fo
 		if (this._trappedFocus(event, () => this._focusableElsWithinDialog())) return false;
 		return true;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_presentationValueChanged() {
 		this.dirtyValue = true;
 		this.validate();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onTextFieldInput(event) {
 		const textField = event.currentTarget;
 		this._presentationValue = textField.value;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onPickerButtonClick() {
 		if (this._popupOpen) this._closePopup();
 		else this.#openPopupIfPossible();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onOkClick() {
 		this._closePopup();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onClearClick() {
 		this.$emit("clear-click");
 	}

package/unbundled/platform.cjs

@@ -1,7 +1,5 @@
 //#region src/shared/utils/platform.ts
-/**
-* Returns true if the current platform is Apple (macOS, iOS, iPadOS).
-*/
+/** Returns true if the current platform is Apple (macOS, iOS, iPadOS). */
 function isApplePlatform() {
 	/* v8 ignore next 3 -- @preserve */
 	if (typeof navigator === "undefined") return false;

package/unbundled/platform.js

@@ -1,7 +1,5 @@
 //#region src/shared/utils/platform.ts
-/**
-* Returns true if the current platform is Apple (macOS, iOS, iPadOS).
-*/
+/** Returns true if the current platform is Apple (macOS, iOS, iPadOS). */
 function isApplePlatform() {
 	/* v8 ignore next 3 -- @preserve */
 	if (typeof navigator === "undefined") return false;

package/unbundled/playbackRates.cjs

@@ -1,7 +1,5 @@
 //#region src/shared/utils/playbackRates.ts
-/**
-* Parses a playback rates string like '0.5, 1, 1.5, 2'
-*/
+/** Parses a playback rates string like '0.5, 1, 1.5, 2' */
 function getPlaybackRatesArray(playbackRates) {
 	if (playbackRates === "") return [];
 	const ratesArray = [];

package/unbundled/playbackRates.js

@@ -1,7 +1,5 @@
 //#region src/shared/utils/playbackRates.ts
-/**
-* Parses a playback rates string like '0.5, 1, 1.5, 2'
-*/
+/** Parses a playback rates string like '0.5, 1, 1.5, 2' */
 function getPlaybackRatesArray(playbackRates) {
 	if (playbackRates === "") return [];
 	const ratesArray = [];

package/unbundled/randomId.cjs

@@ -23,9 +23,7 @@ var RenderInLightDomDirective = class {
 	}
 };
 _microsoft_fast_element.HTMLDirective.define(RenderInLightDomDirective);
-/**
-* Directive to render a template into the light DOM of the host element.
-*/
+/** Directive to render a template into the light DOM of the host element. */
 function renderInLightDOM(template) {
 	return new RenderInLightDomDirective(template);
 }

package/unbundled/randomId.js

@@ -22,9 +22,7 @@ var RenderInLightDomDirective = class {
 	}
 };
 HTMLDirective.define(RenderInLightDomDirective);
-/**
-* Directive to render a template into the light DOM of the host element.
-*/
+/** Directive to render a template into the light DOM of the host element. */
 function renderInLightDOM(template) {
 	return new RenderInLightDomDirective(template);
 }

package/unbundled/single-date-picker.cjs

@@ -1,37 +1,25 @@
 //#region src/shared/picker-field/mixins/single-date-picker.ts
-/**
-* Mixin for pickers that use a calendar to pick a single date.
-*/
+/** Mixin for pickers that use a calendar to pick a single date. */
 var SingleDatePickerMixin = (Base) => {
 	class SingleDatePicker extends Base {
-		/**
-		* @internal
-		*/
+		/** @internal */
 		valueChanged(previous, next) {
 			super.valueChanged(previous, next);
 			if (this.value) this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue());
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onDateClick(date) {
 			this._updateValueDueToUserInteraction(this._withUpdatedDate(date), false);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateSelected(date) {
 			return date === this._dateValue();
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateAriaSelected(date) {
 			return this._isDateSelected(date);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getSelectedDates() {
 			const dates = [];
 			if (this.value) dates.push(this._dateValue());

package/unbundled/single-date-picker.js

@@ -1,37 +1,25 @@
 //#region src/shared/picker-field/mixins/single-date-picker.ts
-/**
-* Mixin for pickers that use a calendar to pick a single date.
-*/
+/** Mixin for pickers that use a calendar to pick a single date. */
 var SingleDatePickerMixin = (Base) => {
 	class SingleDatePicker extends Base {
-		/**
-		* @internal
-		*/
+		/** @internal */
 		valueChanged(previous, next) {
 			super.valueChanged(previous, next);
 			if (this.value) this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue());
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onDateClick(date) {
 			this._updateValueDueToUserInteraction(this._withUpdatedDate(date), false);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateSelected(date) {
 			return date === this._dateValue();
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isDateAriaSelected(date) {
 			return this._isDateSelected(date);
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_getSelectedDates() {
 			const dates = [];
 			if (this.value) dates.push(this._dateValue());

package/unbundled/single-value-picker.cjs

@@ -9,9 +9,7 @@ var SingleValuePicker = (Base) => {
 			super(..._args);
 			this._isInternalValueUpdate = false;
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		valueChanged(previous, next) {
 			super.valueChanged(previous, next);
 			if (this.value) {
@@ -22,16 +20,12 @@ var SingleValuePicker = (Base) => {
 			}
 			if (!this._isInternalValueUpdate) this._updatePresentationValue();
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_updatePresentationValue() {
 			if (this.value) this._presentationValue = this._toPresentationValue(this.value);
 			else this._presentationValue = "";
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_updateValueDueToUserInteraction(newValue, isIntermediateUpdate) {
 			if (this.value !== newValue) {
 				this._isInternalValueUpdate = true;
@@ -44,9 +38,7 @@ var SingleValuePicker = (Base) => {
 				this.$emit("change");
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onTextFieldChange() {
 			if (this._presentationValue === "") {
 				this._updateValueDueToUserInteraction("", false);
@@ -61,9 +53,7 @@ var SingleValuePicker = (Base) => {
 				return;
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onTextFieldInput(event) {
 			super._onTextFieldInput(event);
 			if (this._presentationValue === "") {
@@ -76,9 +66,7 @@ var SingleValuePicker = (Base) => {
 				return;
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_isPresentationValueInvalid() {
 			if (this._presentationValue === "") return false;
 			try {
@@ -88,9 +76,7 @@ var SingleValuePicker = (Base) => {
 				return true;
 			}
 		}
-		/**
-		* @internal
-		*/
+		/** @internal */
 		_onClearClick() {
 			this._updateValueDueToUserInteraction("", false);
 			super._onClearClick();