@vonage/vivid 5.15.0 → 5.16.0

package/unbundled/single-date-picker.cjs

@@ -1,46 +1,49 @@
-'use strict';
-
-const SingleDatePickerMixin = (Base) => {
-  class SingleDatePicker extends Base {
-    /**
-     * @internal
-     */
-    valueChanged(previous, next) {
-      super.valueChanged(previous, next);
-      if (this.value) {
-        this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue());
-      }
-    }
-    /**
-     * @internal
-     */
-    _onDateClick(date) {
-      this._updateValueDueToUserInteraction(this._withUpdatedDate(date), false);
-    }
-    /**
-     * @internal
-     */
-    _isDateSelected(date) {
-      return date === this._dateValue();
-    }
-    /**
-     * @internal
-     */
-    _isDateAriaSelected(date) {
-      return this._isDateSelected(date);
-    }
-    /**
-     * @internal
-     */
-    _getSelectedDates() {
-      const dates = [];
-      if (this.value) {
-        dates.push(this._dateValue());
-      }
-      return dates;
-    }
-  }
-  return SingleDatePicker;
+//#region src/shared/picker-field/mixins/single-date-picker.ts
+/**
+* Mixin for pickers that use a calendar to pick a single date.
+*/
+var SingleDatePickerMixin = (Base) => {
+	class SingleDatePicker extends Base {
+		/**
+		* @internal
+		*/
+		valueChanged(previous, next) {
+			super.valueChanged(previous, next);
+			if (this.value) this._adjustSelectedMonthToEnsureVisibilityOf(this._dateValue());
+		}
+		/**
+		* @internal
+		*/
+		_onDateClick(date) {
+			this._updateValueDueToUserInteraction(this._withUpdatedDate(date), false);
+		}
+		/**
+		* @internal
+		*/
+		_isDateSelected(date) {
+			return date === this._dateValue();
+		}
+		/**
+		* @internal
+		*/
+		_isDateAriaSelected(date) {
+			return this._isDateSelected(date);
+		}
+		/**
+		* @internal
+		*/
+		_getSelectedDates() {
+			const dates = [];
+			if (this.value) dates.push(this._dateValue());
+			return dates;
+		}
+	}
+	return SingleDatePicker;
 };
-
-exports.SingleDatePickerMixin = SingleDatePickerMixin;
+//#endregion
+Object.defineProperty(exports, "SingleDatePickerMixin", {
+	enumerable: true,
+	get: function() {
+		return SingleDatePickerMixin;
+	}
+});

package/unbundled/single-date-picker.js

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

package/unbundled/single-value-picker.cjs

@@ -1,115 +1,107 @@
-'use strict';
-
-const SingleValuePicker = (Base) => {
-  class SingleValuePickerElement extends Base {
-    constructor() {
-      super(...arguments);
-      /**
-       * @internal
-       */
-      this._isInternalValueUpdate = false;
-    }
-    /**
-     * @internal
-     */
-    valueChanged(previous, next) {
-      super.valueChanged(previous, next);
-      if (this.value) {
-        if (!this._isValidValue(this.value)) {
-          this.value = "";
-          return;
-        }
-      }
-      if (!this._isInternalValueUpdate) {
-        this._updatePresentationValue();
-      }
-    }
-    /**
-     * @internal
-     */
-    _updatePresentationValue() {
-      if (this.value) {
-        this._presentationValue = this._toPresentationValue(this.value);
-      } else {
-        this._presentationValue = "";
-      }
-    }
-    /**
-     * @internal
-     */
-    _updateValueDueToUserInteraction(newValue, isIntermediateUpdate) {
-      if (this.value !== newValue) {
-        this._isInternalValueUpdate = true;
-        this.value = newValue;
-        this._isInternalValueUpdate = false;
-        this.$emit("input");
-      }
-      if (!isIntermediateUpdate) {
-        this._updatePresentationValue();
-        this.$emit("change");
-      }
-    }
-    /**
-     * @internal
-     */
-    _onTextFieldChange() {
-      if (this._presentationValue === "") {
-        this._updateValueDueToUserInteraction("", false);
-        return;
-      }
-      try {
-        this._updateValueDueToUserInteraction(
-          this._parsePresentationValue(this._presentationValue),
-          false
-        );
-      } catch (_) {
-        const invalidPresentationValue = this._presentationValue;
-        this._updateValueDueToUserInteraction("", false);
-        this._presentationValue = invalidPresentationValue;
-        return;
-      }
-    }
-    /**
-     * @internal
-     */
-    _onTextFieldInput(event) {
-      super._onTextFieldInput(event);
-      if (this._presentationValue === "") {
-        this._updateValueDueToUserInteraction("", true);
-        return;
-      }
-      try {
-        this._updateValueDueToUserInteraction(
-          this._parsePresentationValue(this._presentationValue),
-          true
-        );
-      } catch (_) {
-        return;
-      }
-    }
-    /**
-     * @internal
-     */
-    _isPresentationValueInvalid() {
-      if (this._presentationValue === "") {
-        return false;
-      }
-      try {
-        this._parsePresentationValue(this._presentationValue);
-        return false;
-      } catch (_) {
-        return true;
-      }
-    }
-    /**
-     * @internal
-     */
-    _onClearClick() {
-      this._updateValueDueToUserInteraction("", false);
-      super._onClearClick();
-    }
-  }
-  return SingleValuePickerElement;
+//#region src/shared/picker-field/mixins/single-value-picker.ts
+/**
+* Mixin for pickers that pick a single value (this.value), which can be i.e. a date, time or datetime.
+* Subclasses need to implement the abstract methods for their specific value format.
+*/
+var SingleValuePicker = (Base) => {
+	class SingleValuePickerElement extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this._isInternalValueUpdate = false;
+		}
+		/**
+		* @internal
+		*/
+		valueChanged(previous, next) {
+			super.valueChanged(previous, next);
+			if (this.value) {
+				if (!this._isValidValue(this.value)) {
+					this.value = "";
+					return;
+				}
+			}
+			if (!this._isInternalValueUpdate) this._updatePresentationValue();
+		}
+		/**
+		* @internal
+		*/
+		_updatePresentationValue() {
+			if (this.value) this._presentationValue = this._toPresentationValue(this.value);
+			else this._presentationValue = "";
+		}
+		/**
+		* @internal
+		*/
+		_updateValueDueToUserInteraction(newValue, isIntermediateUpdate) {
+			if (this.value !== newValue) {
+				this._isInternalValueUpdate = true;
+				this.value = newValue;
+				this._isInternalValueUpdate = false;
+				this.$emit("input");
+			}
+			if (!isIntermediateUpdate) {
+				this._updatePresentationValue();
+				this.$emit("change");
+			}
+		}
+		/**
+		* @internal
+		*/
+		_onTextFieldChange() {
+			if (this._presentationValue === "") {
+				this._updateValueDueToUserInteraction("", false);
+				return;
+			}
+			try {
+				this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue), false);
+			} catch (_) {
+				const invalidPresentationValue = this._presentationValue;
+				this._updateValueDueToUserInteraction("", false);
+				this._presentationValue = invalidPresentationValue;
+				return;
+			}
+		}
+		/**
+		* @internal
+		*/
+		_onTextFieldInput(event) {
+			super._onTextFieldInput(event);
+			if (this._presentationValue === "") {
+				this._updateValueDueToUserInteraction("", true);
+				return;
+			}
+			try {
+				this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue), true);
+			} catch (_) {
+				return;
+			}
+		}
+		/**
+		* @internal
+		*/
+		_isPresentationValueInvalid() {
+			if (this._presentationValue === "") return false;
+			try {
+				this._parsePresentationValue(this._presentationValue);
+				return false;
+			} catch (_) {
+				return true;
+			}
+		}
+		/**
+		* @internal
+		*/
+		_onClearClick() {
+			this._updateValueDueToUserInteraction("", false);
+			super._onClearClick();
+		}
+	}
+	return SingleValuePickerElement;
 };
-
-exports.SingleValuePicker = SingleValuePicker;
+//#endregion
+Object.defineProperty(exports, "SingleValuePicker", {
+	enumerable: true,
+	get: function() {
+		return SingleValuePicker;
+	}
+});

package/unbundled/single-value-picker.js

@@ -1,113 +1,102 @@
-const SingleValuePicker = (Base) => {
-  class SingleValuePickerElement extends Base {
-    constructor() {
-      super(...arguments);
-      /**
-       * @internal
-       */
-      this._isInternalValueUpdate = false;
-    }
-    /**
-     * @internal
-     */
-    valueChanged(previous, next) {
-      super.valueChanged(previous, next);
-      if (this.value) {
-        if (!this._isValidValue(this.value)) {
-          this.value = "";
-          return;
-        }
-      }
-      if (!this._isInternalValueUpdate) {
-        this._updatePresentationValue();
-      }
-    }
-    /**
-     * @internal
-     */
-    _updatePresentationValue() {
-      if (this.value) {
-        this._presentationValue = this._toPresentationValue(this.value);
-      } else {
-        this._presentationValue = "";
-      }
-    }
-    /**
-     * @internal
-     */
-    _updateValueDueToUserInteraction(newValue, isIntermediateUpdate) {
-      if (this.value !== newValue) {
-        this._isInternalValueUpdate = true;
-        this.value = newValue;
-        this._isInternalValueUpdate = false;
-        this.$emit("input");
-      }
-      if (!isIntermediateUpdate) {
-        this._updatePresentationValue();
-        this.$emit("change");
-      }
-    }
-    /**
-     * @internal
-     */
-    _onTextFieldChange() {
-      if (this._presentationValue === "") {
-        this._updateValueDueToUserInteraction("", false);
-        return;
-      }
-      try {
-        this._updateValueDueToUserInteraction(
-          this._parsePresentationValue(this._presentationValue),
-          false
-        );
-      } catch (_) {
-        const invalidPresentationValue = this._presentationValue;
-        this._updateValueDueToUserInteraction("", false);
-        this._presentationValue = invalidPresentationValue;
-        return;
-      }
-    }
-    /**
-     * @internal
-     */
-    _onTextFieldInput(event) {
-      super._onTextFieldInput(event);
-      if (this._presentationValue === "") {
-        this._updateValueDueToUserInteraction("", true);
-        return;
-      }
-      try {
-        this._updateValueDueToUserInteraction(
-          this._parsePresentationValue(this._presentationValue),
-          true
-        );
-      } catch (_) {
-        return;
-      }
-    }
-    /**
-     * @internal
-     */
-    _isPresentationValueInvalid() {
-      if (this._presentationValue === "") {
-        return false;
-      }
-      try {
-        this._parsePresentationValue(this._presentationValue);
-        return false;
-      } catch (_) {
-        return true;
-      }
-    }
-    /**
-     * @internal
-     */
-    _onClearClick() {
-      this._updateValueDueToUserInteraction("", false);
-      super._onClearClick();
-    }
-  }
-  return SingleValuePickerElement;
+//#region src/shared/picker-field/mixins/single-value-picker.ts
+/**
+* Mixin for pickers that pick a single value (this.value), which can be i.e. a date, time or datetime.
+* Subclasses need to implement the abstract methods for their specific value format.
+*/
+var SingleValuePicker = (Base) => {
+	class SingleValuePickerElement extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this._isInternalValueUpdate = false;
+		}
+		/**
+		* @internal
+		*/
+		valueChanged(previous, next) {
+			super.valueChanged(previous, next);
+			if (this.value) {
+				if (!this._isValidValue(this.value)) {
+					this.value = "";
+					return;
+				}
+			}
+			if (!this._isInternalValueUpdate) this._updatePresentationValue();
+		}
+		/**
+		* @internal
+		*/
+		_updatePresentationValue() {
+			if (this.value) this._presentationValue = this._toPresentationValue(this.value);
+			else this._presentationValue = "";
+		}
+		/**
+		* @internal
+		*/
+		_updateValueDueToUserInteraction(newValue, isIntermediateUpdate) {
+			if (this.value !== newValue) {
+				this._isInternalValueUpdate = true;
+				this.value = newValue;
+				this._isInternalValueUpdate = false;
+				this.$emit("input");
+			}
+			if (!isIntermediateUpdate) {
+				this._updatePresentationValue();
+				this.$emit("change");
+			}
+		}
+		/**
+		* @internal
+		*/
+		_onTextFieldChange() {
+			if (this._presentationValue === "") {
+				this._updateValueDueToUserInteraction("", false);
+				return;
+			}
+			try {
+				this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue), false);
+			} catch (_) {
+				const invalidPresentationValue = this._presentationValue;
+				this._updateValueDueToUserInteraction("", false);
+				this._presentationValue = invalidPresentationValue;
+				return;
+			}
+		}
+		/**
+		* @internal
+		*/
+		_onTextFieldInput(event) {
+			super._onTextFieldInput(event);
+			if (this._presentationValue === "") {
+				this._updateValueDueToUserInteraction("", true);
+				return;
+			}
+			try {
+				this._updateValueDueToUserInteraction(this._parsePresentationValue(this._presentationValue), true);
+			} catch (_) {
+				return;
+			}
+		}
+		/**
+		* @internal
+		*/
+		_isPresentationValueInvalid() {
+			if (this._presentationValue === "") return false;
+			try {
+				this._parsePresentationValue(this._presentationValue);
+				return false;
+			} catch (_) {
+				return true;
+			}
+		}
+		/**
+		* @internal
+		*/
+		_onClearClick() {
+			this._updateValueDueToUserInteraction("", false);
+			super._onClearClick();
+		}
+	}
+	return SingleValuePickerElement;
 };
-
-export { SingleValuePicker as S };
+//#endregion
+export { SingleValuePicker as t };