@vonage/vivid 5.23.0 → 5.23.1

package/unbundled/definition36.js

@@ -1,8 +1,8 @@
 import { d as createRegisterFunction, u as defineVividComponent } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
-import { n as visuallyHiddenDefinition } from "./definition6.js";
-import { t as buttonDefinition } from "./definition7.js";
-import { t as popupDefinition } from "./definition10.js";
+import { t as buttonDefinition } from "./definition6.js";
+import { t as popupDefinition } from "./definition9.js";
+import { n as visuallyHiddenDefinition } from "./definition22.js";
 import { n as textFieldDefinition } from "./definition26.js";
 import { t as dividerDefinition } from "./definition35.js";
 import { n as PickerField, r as picker_field_default, t as PickerFieldTemplate } from "./picker-field.template.js";
@@ -23,27 +23,19 @@ import { volatile } from "@microsoft/fast-element";
 * @testAction selectDate selectDate
 */
 var DatePicker = class extends SingleDatePickerMixin(SingleValuePicker(MinMaxCalendarPicker(CalendarPicker(PickerField)))) {
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_toPresentationValue(value) {
 		return formatPresentationDate(value, this.locale.calendarPicker);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_parsePresentationValue(presentationValue) {
 		return parsePresentationDate(presentationValue, this.locale.calendarPicker);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_dateValue() {
 		return this.value;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_withUpdatedDate(dateStr) {
 		return dateStr;
 	}
@@ -53,22 +45,16 @@ var DatePicker = class extends SingleDatePickerMixin(SingleValuePicker(MinMaxCal
 		this._textFieldSize = "20";
 		this.proxy.type = "date";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _pickerButtonLabel() {
 		if (this.value) return this.locale.calendarPicker.changeDateLabel(this._toPresentationValue(this.value));
 		else return this.locale.calendarPicker.chooseDateLabel;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _dialogLabel() {
 		return this.locale.calendarPicker.chooseDateLabel;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _textFieldPlaceholder() {
 		return this.locale.calendarPicker.dateFormatPlaceholder;
 	}
@@ -80,22 +66,16 @@ var DatePicker = class extends SingleDatePickerMixin(SingleValuePicker(MinMaxCal
 		super._onDateClick(date);
 		this._closePopup();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_getCustomValidationError() {
 		if (this._isPresentationValueInvalid()) return this.locale.calendarPicker.invalidDateError;
 		return null;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_focusableElsWithinDialog() {
 		return this._dialogEl.querySelectorAll("button, .vwc-button");
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _pickerButtonIcon() {
 		return "calendar-line";
 	}
@@ -111,9 +91,7 @@ var DatePickerTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/date-picker/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var datePickerDefinition = defineVividComponent("date-picker", DatePicker, DatePickerTemplate, [
 	buttonDefinition,
 	popupDefinition,

package/unbundled/definition37.cjs

@@ -2,8 +2,8 @@ require("./chunk.cjs");
 const require_vivid_element = require("./vivid-element.cjs");
 const require_decorate = require("./decorate.cjs");
 const require_definition = require("./definition6.cjs");
-const require_definition$1 = require("./definition7.cjs");
-const require_definition$2 = require("./definition10.cjs");
+const require_definition$1 = require("./definition9.cjs");
+const require_definition$2 = require("./definition22.cjs");
 const require_definition$3 = require("./definition26.cjs");
 const require_definition$4 = require("./definition35.cjs");
 const require_picker_field_template = require("./picker-field.template.cjs");
@@ -64,18 +64,14 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		this._hideDatesOutsideMonth = true;
 		this._textFieldSize = "30";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	initialStartChanged() {
 		if (!this.dirtyValue) {
 			this.start = this.initialStart;
 			this.dirtyValue = false;
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	initialEndChanged() {
 		if (!this.dirtyValue) {
 			this.end = this.initialEnd;
@@ -83,9 +79,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		}
 	}
 	#isInternalValueUpdate;
-	/**
-	* @internal
-	*/
+	/** @internal */
 	startChanged() {
 		if (this.start && !require_calendar_picker_template.isValidDateStr(this.start)) {
 			this.start = "";
@@ -95,9 +89,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		this.dirtyValue = true;
 		if (!this.#isInternalValueUpdate) this.#handleChangedValues();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	endChanged() {
 		if (this.end && !require_calendar_picker_template.isValidDateStr(this.end)) {
 			this.end = "";
@@ -107,15 +99,11 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		this.dirtyValue = true;
 		if (!this.#isInternalValueUpdate) this.#handleChangedValues();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	currentStartChanged() {
 		this.start = this.currentStart;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	currentEndChanged() {
 		this.end = this.currentEnd;
 	}
@@ -150,9 +138,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		if (dateToEnsureVisibilityOf) this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
 		this.#updateFormValue();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_updatePresentationValue() {
 		if (this.start && this.end) this._presentationValue = formatPresentationDateRange({
 			start: this.start,
@@ -160,9 +146,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		}, this.locale.calendarPicker);
 		else this._presentationValue = "";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	nameChanged(previous, next) {
 		super.nameChanged(previous, next);
 		this.#updateFormValue();
@@ -176,9 +160,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 			this.setFormValue(formData);
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		/* v8 ignore else -- @preserve */
@@ -196,44 +178,32 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 			end
 		};
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateAriaSelected(date) {
 		return this._isDateInSelectedRange(date);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateInSelectedRange(date) {
 		const { start, end } = this.#getVisibleRange();
 		if (start && end) return require_calendar_picker_template.compareDateStr(date, start) >= 0 && require_calendar_picker_template.compareDateStr(date, end) <= 0;
 		return false;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateRangeStart(date) {
 		return date === this.#getVisibleRange().start;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateRangeEnd(date) {
 		return date === this.#getVisibleRange().end;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_getSelectedDates() {
 		const dates = [];
 		if (this.start) dates.push(this.start);
 		if (this.end) dates.push(this.end);
 		return dates;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onDateClick(date) {
 		if (this.start && this.end) this.#updateValues({
 			start: date,
@@ -247,15 +217,11 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 			this._closePopup();
 		} else this.#updateValues({ start: date });
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _textFieldPlaceholder() {
 		return formatRange(this.locale.calendarPicker.dateFormatPlaceholder, this.locale.calendarPicker.dateFormatPlaceholder);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onTextFieldChange() {
 		if (this._presentationValue === "") {
 			this.#updateValues({
@@ -280,30 +246,22 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 			return;
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onDateMouseEnter(date) {
 		this._hoverDate = date;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onDateMouseLeave() {
 		this._hoverDate = void 0;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_getCustomValidationError() {
 		if (this._isPresentationValueInvalid()) return this.locale.calendarPicker.invalidDateRangeError;
 		if (this.min && this.start && require_calendar_picker_template.compareDateStr(this.start, this.min) < 0) return this.locale.calendarPicker.startDateAfterMinDateError(require_calendar_picker_template.formatPresentationDate(this.min, this.locale.calendarPicker));
 		if (this.max && this.end && require_calendar_picker_template.compareDateStr(this.end, this.max) > 0) return this.locale.calendarPicker.endDateBeforeMaxDateError(require_calendar_picker_template.formatPresentationDate(this.max, this.locale.calendarPicker));
 		return null;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isPresentationValueInvalid() {
 		if (this._presentationValue === "") return false;
 		try {
@@ -313,9 +271,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 			return true;
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onClearClick() {
 		this.#updateValues({
 			start: "",
@@ -323,9 +279,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		});
 		super._onClearClick();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	formResetCallback() {
 		this.#updateValues({
 			start: this.initialStart,
@@ -333,9 +287,7 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		});
 		super.formResetCallback();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _pickerButtonLabel() {
 		if (this.start && this.end) return this.locale.calendarPicker.changeDatesLabel(formatPresentationDateRange({
 			start: this.start,
@@ -343,21 +295,15 @@ var DateRangePicker = class extends require_calendar_picker_template.MinMaxCalen
 		}, this.locale.calendarPicker));
 		else return this.locale.calendarPicker.chooseDatesLabel;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _dialogLabel() {
 		return this.locale.calendarPicker.chooseDatesLabel;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_focusableElsWithinDialog() {
 		return this._dialogEl.querySelectorAll("button, .vwc-button");
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _pickerButtonIcon() {
 		return "calendar-line";
 	}
@@ -387,15 +333,13 @@ var DateRangePickerTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/date-range-picker/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var dateRangePickerDefinition = require_vivid_element.defineVividComponent("date-range-picker", DateRangePicker, DateRangePickerTemplate, [
-	require_definition$1.buttonDefinition,
-	require_definition$2.popupDefinition,
+	require_definition.buttonDefinition,
+	require_definition$1.popupDefinition,
 	require_definition$3.textFieldDefinition,
 	require_definition$4.dividerDefinition,
-	require_definition.visuallyHiddenDefinition
+	require_definition$2.visuallyHiddenDefinition
 ], {
 	styles: [require_picker_field_template.picker_field_default, require_calendar_picker_template.calendar_picker_default],
 	shadowOptions: { delegatesFocus: true }

package/unbundled/definition37.js

@@ -1,8 +1,8 @@
 import { d as createRegisterFunction, u as defineVividComponent } from "./vivid-element.js";
 import { t as __decorate } from "./decorate.js";
-import { n as visuallyHiddenDefinition } from "./definition6.js";
-import { t as buttonDefinition } from "./definition7.js";
-import { t as popupDefinition } from "./definition10.js";
+import { t as buttonDefinition } from "./definition6.js";
+import { t as popupDefinition } from "./definition9.js";
+import { n as visuallyHiddenDefinition } from "./definition22.js";
 import { n as textFieldDefinition } from "./definition26.js";
 import { t as dividerDefinition } from "./definition35.js";
 import { n as PickerField, r as picker_field_default, t as PickerFieldTemplate } from "./picker-field.template.js";
@@ -63,18 +63,14 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		this._hideDatesOutsideMonth = true;
 		this._textFieldSize = "30";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	initialStartChanged() {
 		if (!this.dirtyValue) {
 			this.start = this.initialStart;
 			this.dirtyValue = false;
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	initialEndChanged() {
 		if (!this.dirtyValue) {
 			this.end = this.initialEnd;
@@ -82,9 +78,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		}
 	}
 	#isInternalValueUpdate;
-	/**
-	* @internal
-	*/
+	/** @internal */
 	startChanged() {
 		if (this.start && !isValidDateStr(this.start)) {
 			this.start = "";
@@ -94,9 +88,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		this.dirtyValue = true;
 		if (!this.#isInternalValueUpdate) this.#handleChangedValues();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	endChanged() {
 		if (this.end && !isValidDateStr(this.end)) {
 			this.end = "";
@@ -106,15 +98,11 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		this.dirtyValue = true;
 		if (!this.#isInternalValueUpdate) this.#handleChangedValues();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	currentStartChanged() {
 		this.start = this.currentStart;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	currentEndChanged() {
 		this.end = this.currentEnd;
 	}
@@ -149,9 +137,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		if (dateToEnsureVisibilityOf) this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
 		this.#updateFormValue();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_updatePresentationValue() {
 		if (this.start && this.end) this._presentationValue = formatPresentationDateRange({
 			start: this.start,
@@ -159,9 +145,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		}, this.locale.calendarPicker);
 		else this._presentationValue = "";
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	nameChanged(previous, next) {
 		super.nameChanged(previous, next);
 		this.#updateFormValue();
@@ -175,9 +159,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 			this.setFormValue(formData);
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	connectedCallback() {
 		super.connectedCallback();
 		/* v8 ignore else -- @preserve */
@@ -195,44 +177,32 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 			end
 		};
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateAriaSelected(date) {
 		return this._isDateInSelectedRange(date);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateInSelectedRange(date) {
 		const { start, end } = this.#getVisibleRange();
 		if (start && end) return compareDateStr(date, start) >= 0 && compareDateStr(date, end) <= 0;
 		return false;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateRangeStart(date) {
 		return date === this.#getVisibleRange().start;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isDateRangeEnd(date) {
 		return date === this.#getVisibleRange().end;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_getSelectedDates() {
 		const dates = [];
 		if (this.start) dates.push(this.start);
 		if (this.end) dates.push(this.end);
 		return dates;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onDateClick(date) {
 		if (this.start && this.end) this.#updateValues({
 			start: date,
@@ -246,15 +216,11 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 			this._closePopup();
 		} else this.#updateValues({ start: date });
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _textFieldPlaceholder() {
 		return formatRange(this.locale.calendarPicker.dateFormatPlaceholder, this.locale.calendarPicker.dateFormatPlaceholder);
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onTextFieldChange() {
 		if (this._presentationValue === "") {
 			this.#updateValues({
@@ -279,30 +245,22 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 			return;
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onDateMouseEnter(date) {
 		this._hoverDate = date;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onDateMouseLeave() {
 		this._hoverDate = void 0;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_getCustomValidationError() {
 		if (this._isPresentationValueInvalid()) return this.locale.calendarPicker.invalidDateRangeError;
 		if (this.min && this.start && compareDateStr(this.start, this.min) < 0) return this.locale.calendarPicker.startDateAfterMinDateError(formatPresentationDate(this.min, this.locale.calendarPicker));
 		if (this.max && this.end && compareDateStr(this.end, this.max) > 0) return this.locale.calendarPicker.endDateBeforeMaxDateError(formatPresentationDate(this.max, this.locale.calendarPicker));
 		return null;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_isPresentationValueInvalid() {
 		if (this._presentationValue === "") return false;
 		try {
@@ -312,9 +270,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 			return true;
 		}
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_onClearClick() {
 		this.#updateValues({
 			start: "",
@@ -322,9 +278,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		});
 		super._onClearClick();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	formResetCallback() {
 		this.#updateValues({
 			start: this.initialStart,
@@ -332,9 +286,7 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		});
 		super.formResetCallback();
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _pickerButtonLabel() {
 		if (this.start && this.end) return this.locale.calendarPicker.changeDatesLabel(formatPresentationDateRange({
 			start: this.start,
@@ -342,21 +294,15 @@ var DateRangePicker = class extends MinMaxCalendarPicker(CalendarPicker(PickerFi
 		}, this.locale.calendarPicker));
 		else return this.locale.calendarPicker.chooseDatesLabel;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _dialogLabel() {
 		return this.locale.calendarPicker.chooseDatesLabel;
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	_focusableElsWithinDialog() {
 		return this._dialogEl.querySelectorAll("button, .vwc-button");
 	}
-	/**
-	* @internal
-	*/
+	/** @internal */
 	get _pickerButtonIcon() {
 		return "calendar-line";
 	}
@@ -386,9 +332,7 @@ var DateRangePickerTemplate = (context) => {
 };
 //#endregion
 //#region src/lib/date-range-picker/definition.ts
-/**
-* @internal
-*/
+/** @internal */
 var dateRangePickerDefinition = defineVividComponent("date-range-picker", DateRangePicker, DateRangePickerTemplate, [
 	buttonDefinition,
 	popupDefinition,