@vonage/vivid 3.51.0 → 3.53.0

package/shared/definition19.cjs

@@ -2,9 +2,9 @@
 
 const index = require('./index.cjs');
 const definition = require('./definition11.cjs');
-const definition$1 = require('./definition60.cjs');
-const definition$2 = require('./definition53.cjs');
-const definition$3 = require('./definition21.cjs');
+const definition$1 = require('./definition63.cjs');
+const definition$2 = require('./definition55.cjs');
+const definition$3 = require('./definition22.cjs');
 const presentationDate = require('./presentationDate.cjs');
 require('./affix.cjs');
 const index$1 = require('./index2.cjs');
@@ -13,14 +13,19 @@ const formatRange = (from, to) => {
   return `${from} – ${to}`;
 };
 const formatPresentationDateRange = (dateRange, locale) => {
-  return formatRange(presentationDate.formatPresentationDate(dateRange.start, locale), presentationDate.formatPresentationDate(dateRange.end, locale));
+  return formatRange(
+    presentationDate.formatPresentationDate(dateRange.start, locale),
+    presentationDate.formatPresentationDate(dateRange.end, locale)
+  );
 };
 const parsePresentationDateRange = (presentationDateRange, locale) => {
   const fragments = presentationDateRange.trim().split(/[\s—–-]+/);
   if (fragments.length !== 2) {
     throw new Error(`Invalid date range: ${presentationDateRange}`);
   }
-  const [start, end] = fragments.map((fragment) => presentationDate.parsePresentationDate(fragment, locale));
+  const [start, end] = fragments.map(
+    (fragment) => presentationDate.parsePresentationDate(fragment, locale)
+  );
   return { start, end };
 };
 
@@ -35,6 +40,29 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _isInternalValueUpdate, _updateValues, updateValues_fn, _handleChangedValues, handleChangedValues_fn, _updateFormValue, updateFormValue_fn, _getVisibleRange, getVisibleRange_fn;
 const isFormAssociatedTryingToSetFormValue = (value) => typeof value === "string";
 function isDefined(value) {
   return !!value;
@@ -42,9 +70,13 @@ function isDefined(value) {
 let DateRangePicker = class extends presentationDate.DatePickerBase {
   constructor() {
     super(...arguments);
+    __privateAdd(this, _updateValues);
+    __privateAdd(this, _handleChangedValues);
+    __privateAdd(this, _updateFormValue);
+    __privateAdd(this, _getVisibleRange);
     this.initialStart = "";
     this.initialEnd = "";
-    this.#isInternalValueUpdate = false;
+    __privateAdd(this, _isInternalValueUpdate, false);
     this.start = "";
     this.end = "";
     this.setFormValue = (value, state) => {
@@ -81,7 +113,6 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
       this.dirtyValue = false;
     }
   }
-  #isInternalValueUpdate;
   /**
    * @internal
    */
@@ -92,8 +123,8 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
     }
     this.currentStart = this.start;
     this.dirtyValue = true;
-    if (!this.#isInternalValueUpdate) {
-      this.#handleChangedValues();
+    if (!__privateGet(this, _isInternalValueUpdate)) {
+      __privateMethod(this, _handleChangedValues, handleChangedValues_fn).call(this);
     }
   }
   /**
@@ -106,8 +137,8 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
     }
     this.currentEnd = this.end;
     this.dirtyValue = true;
-    if (!this.#isInternalValueUpdate) {
-      this.#handleChangedValues();
+    if (!__privateGet(this, _isInternalValueUpdate)) {
+      __privateMethod(this, _handleChangedValues, handleChangedValues_fn).call(this);
     }
   }
   /**
@@ -122,61 +153,12 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
   currentEndChanged() {
     this.end = this.currentEnd;
   }
-  #updateValues(range) {
-    this.#isInternalValueUpdate = true;
-    if (range.start !== void 0) {
-      this.start = range.start;
-      this.$emit("input:start");
-    }
-    if (range.end !== void 0) {
-      this.end = range.end;
-      this.$emit("input:end");
-    }
-    this.#isInternalValueUpdate = false;
-    this.$emit("input");
-    this.$emit("change");
-    this.#handleChangedValues();
-  }
-  #handleChangedValues() {
-    if (this.start && this.end) {
-      if (presentationDate.compareDateStr(this.start, this.end) > 0) {
-        this.#updateValues({ start: this.end, end: this.start });
-        return;
-      }
-      this._presentationValue = formatPresentationDateRange(
-        {
-          start: this.start,
-          end: this.end
-        },
-        this.locale.datePicker
-      );
-      this.value = formatRange(this.start, this.end);
-    } else {
-      this.value = "";
-      this._presentationValue = "";
-    }
-    const dateToEnsureVisibilityOf = this.start || this.end;
-    if (dateToEnsureVisibilityOf) {
-      this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
-    }
-    this.#updateFormValue();
-  }
   /**
    * @internal
    */
   nameChanged(previous, next) {
     super.nameChanged(previous, next);
-    this.#updateFormValue();
-  }
-  #updateFormValue() {
-    if (!this.name || !this.start || !this.end) {
-      this.setFormValue(null);
-    } else {
-      const formData = new FormData();
-      formData.append(this.name, this.start);
-      formData.append(this.name, this.end);
-      this.setFormValue(formData);
-    }
+    __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -187,15 +169,6 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
       this.end = this.initialEnd;
     }
   }
-  #getVisibleRange() {
-    const candidates = [this.start, this.end].filter(isDefined);
-    const isPartialRange = candidates.length === 1;
-    if (this._hoverDate && isPartialRange) {
-      candidates.push(this._hoverDate);
-    }
-    const [start, end] = candidates.sort(presentationDate.compareDateStr);
-    return { start, end };
-  }
   /**
    * @internal
    */
@@ -206,7 +179,7 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
    * @internal
    */
   _isDateInSelectedRange(date) {
-    const { start, end } = this.#getVisibleRange();
+    const { start, end } = __privateMethod(this, _getVisibleRange, getVisibleRange_fn).call(this);
     if (start && end) {
       return presentationDate.compareDateStr(date, start) >= 0 && presentationDate.compareDateStr(date, end) <= 0;
     }
@@ -216,13 +189,13 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
    * @internal
    */
   _isDateRangeStart(date) {
-    return date === this.#getVisibleRange().start;
+    return date === __privateMethod(this, _getVisibleRange, getVisibleRange_fn).call(this).start;
   }
   /**
    * @internal
    */
   _isDateRangeEnd(date) {
-    return date === this.#getVisibleRange().end;
+    return date === __privateMethod(this, _getVisibleRange, getVisibleRange_fn).call(this).end;
   }
   /**
    * @internal
@@ -242,15 +215,15 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
    */
   _onDateClick(date) {
     if (this.start && this.end) {
-      this.#updateValues({ start: date, end: "" });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date, end: "" });
     } else if (this.start) {
-      this.#updateValues({ end: date });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { end: date });
       this._closePopup();
     } else if (this.end) {
-      this.#updateValues({ start: date });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date });
       this._closePopup();
     } else {
-      this.#updateValues({ start: date });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date });
     }
   }
   /**
@@ -267,7 +240,7 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
    */
   _onTextFieldChange() {
     if (this._presentationValue === "") {
-      this.#updateValues({ start: "", end: "" });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: "", end: "" });
       return;
     }
     try {
@@ -275,7 +248,7 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
         this._presentationValue,
         this.locale.datePicker
       );
-      this.#updateValues({ start, end });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start, end });
     } catch (_) {
       return;
     }
@@ -332,14 +305,14 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
    * @internal
    */
   _onClearClick() {
-    this.#updateValues({ start: "", end: "" });
+    __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: "", end: "" });
     super._onClearClick();
   }
   /**
    * @internal
    */
   formResetCallback() {
-    this.#updateValues({ start: this.initialStart, end: this.initialEnd });
+    __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: this.initialStart, end: this.initialEnd });
     super.formResetCallback();
   }
   get _calendarButtonLabel() {
@@ -358,6 +331,69 @@ let DateRangePicker = class extends presentationDate.DatePickerBase {
     }
   }
 };
+_isInternalValueUpdate = new WeakMap();
+_updateValues = new WeakSet();
+updateValues_fn = function(range) {
+  __privateSet(this, _isInternalValueUpdate, true);
+  if (range.start !== void 0) {
+    this.start = range.start;
+    this.$emit("input:start");
+  }
+  if (range.end !== void 0) {
+    this.end = range.end;
+    this.$emit("input:end");
+  }
+  __privateSet(this, _isInternalValueUpdate, false);
+  this.$emit("input");
+  this.$emit("change");
+  __privateMethod(this, _handleChangedValues, handleChangedValues_fn).call(this);
+};
+_handleChangedValues = new WeakSet();
+handleChangedValues_fn = function() {
+  if (this.start && this.end) {
+    if (presentationDate.compareDateStr(this.start, this.end) > 0) {
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: this.end, end: this.start });
+      return;
+    }
+    this._presentationValue = formatPresentationDateRange(
+      {
+        start: this.start,
+        end: this.end
+      },
+      this.locale.datePicker
+    );
+    this.value = formatRange(this.start, this.end);
+  } else {
+    this.value = "";
+    this._presentationValue = "";
+  }
+  const dateToEnsureVisibilityOf = this.start || this.end;
+  if (dateToEnsureVisibilityOf) {
+    this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
+  }
+  __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+};
+_updateFormValue = new WeakSet();
+updateFormValue_fn = function() {
+  if (!this.name || !this.start || !this.end) {
+    this.setFormValue(null);
+  } else {
+    const formData = new FormData();
+    formData.append(this.name, this.start);
+    formData.append(this.name, this.end);
+    this.setFormValue(formData);
+  }
+};
+_getVisibleRange = new WeakSet();
+getVisibleRange_fn = function() {
+  const candidates = [this.start, this.end].filter(isDefined);
+  const isPartialRange = candidates.length === 1;
+  if (this._hoverDate && isPartialRange) {
+    candidates.push(this._hoverDate);
+  }
+  const [start, end] = candidates.sort(presentationDate.compareDateStr);
+  return { start, end };
+};
 __decorateClass([
   index.attr({ mode: "fromView", attribute: "start" })
 ], DateRangePicker.prototype, "initialStart", 2);

package/shared/definition19.js

@@ -1,8 +1,8 @@
 import { a as attr, o as observable, v as volatile, r as registerFactory } from './index.js';
 import { a as buttonRegistries } from './definition11.js';
-import { p as popupRegistries } from './definition60.js';
-import { a as textFieldRegistries } from './definition53.js';
-import { a as dividerRegistries } from './definition21.js';
+import { p as popupRegistries } from './definition63.js';
+import { a as textFieldRegistries } from './definition55.js';
+import { a as dividerRegistries } from './definition22.js';
 import { f as formatPresentationDate, p as parsePresentationDate, D as DatePickerBase, i as isValidDateStr, c as compareDateStr, a as DatePickerBaseTemplate, s as styles } from './presentationDate.js';
 import './affix.js';
 import { e as errorText, f as formElements } from './index2.js';
@@ -11,14 +11,19 @@ const formatRange = (from, to) => {
   return `${from} – ${to}`;
 };
 const formatPresentationDateRange = (dateRange, locale) => {
-  return formatRange(formatPresentationDate(dateRange.start, locale), formatPresentationDate(dateRange.end, locale));
+  return formatRange(
+    formatPresentationDate(dateRange.start, locale),
+    formatPresentationDate(dateRange.end, locale)
+  );
 };
 const parsePresentationDateRange = (presentationDateRange, locale) => {
   const fragments = presentationDateRange.trim().split(/[\s—–-]+/);
   if (fragments.length !== 2) {
     throw new Error(`Invalid date range: ${presentationDateRange}`);
   }
-  const [start, end] = fragments.map((fragment) => parsePresentationDate(fragment, locale));
+  const [start, end] = fragments.map(
+    (fragment) => parsePresentationDate(fragment, locale)
+  );
   return { start, end };
 };
 
@@ -33,6 +38,29 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _isInternalValueUpdate, _updateValues, updateValues_fn, _handleChangedValues, handleChangedValues_fn, _updateFormValue, updateFormValue_fn, _getVisibleRange, getVisibleRange_fn;
 const isFormAssociatedTryingToSetFormValue = (value) => typeof value === "string";
 function isDefined(value) {
   return !!value;
@@ -40,9 +68,13 @@ function isDefined(value) {
 let DateRangePicker = class extends DatePickerBase {
   constructor() {
     super(...arguments);
+    __privateAdd(this, _updateValues);
+    __privateAdd(this, _handleChangedValues);
+    __privateAdd(this, _updateFormValue);
+    __privateAdd(this, _getVisibleRange);
     this.initialStart = "";
     this.initialEnd = "";
-    this.#isInternalValueUpdate = false;
+    __privateAdd(this, _isInternalValueUpdate, false);
     this.start = "";
     this.end = "";
     this.setFormValue = (value, state) => {
@@ -79,7 +111,6 @@ let DateRangePicker = class extends DatePickerBase {
       this.dirtyValue = false;
     }
   }
-  #isInternalValueUpdate;
   /**
    * @internal
    */
@@ -90,8 +121,8 @@ let DateRangePicker = class extends DatePickerBase {
     }
     this.currentStart = this.start;
     this.dirtyValue = true;
-    if (!this.#isInternalValueUpdate) {
-      this.#handleChangedValues();
+    if (!__privateGet(this, _isInternalValueUpdate)) {
+      __privateMethod(this, _handleChangedValues, handleChangedValues_fn).call(this);
     }
   }
   /**
@@ -104,8 +135,8 @@ let DateRangePicker = class extends DatePickerBase {
     }
     this.currentEnd = this.end;
     this.dirtyValue = true;
-    if (!this.#isInternalValueUpdate) {
-      this.#handleChangedValues();
+    if (!__privateGet(this, _isInternalValueUpdate)) {
+      __privateMethod(this, _handleChangedValues, handleChangedValues_fn).call(this);
     }
   }
   /**
@@ -120,61 +151,12 @@ let DateRangePicker = class extends DatePickerBase {
   currentEndChanged() {
     this.end = this.currentEnd;
   }
-  #updateValues(range) {
-    this.#isInternalValueUpdate = true;
-    if (range.start !== void 0) {
-      this.start = range.start;
-      this.$emit("input:start");
-    }
-    if (range.end !== void 0) {
-      this.end = range.end;
-      this.$emit("input:end");
-    }
-    this.#isInternalValueUpdate = false;
-    this.$emit("input");
-    this.$emit("change");
-    this.#handleChangedValues();
-  }
-  #handleChangedValues() {
-    if (this.start && this.end) {
-      if (compareDateStr(this.start, this.end) > 0) {
-        this.#updateValues({ start: this.end, end: this.start });
-        return;
-      }
-      this._presentationValue = formatPresentationDateRange(
-        {
-          start: this.start,
-          end: this.end
-        },
-        this.locale.datePicker
-      );
-      this.value = formatRange(this.start, this.end);
-    } else {
-      this.value = "";
-      this._presentationValue = "";
-    }
-    const dateToEnsureVisibilityOf = this.start || this.end;
-    if (dateToEnsureVisibilityOf) {
-      this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
-    }
-    this.#updateFormValue();
-  }
   /**
    * @internal
    */
   nameChanged(previous, next) {
     super.nameChanged(previous, next);
-    this.#updateFormValue();
-  }
-  #updateFormValue() {
-    if (!this.name || !this.start || !this.end) {
-      this.setFormValue(null);
-    } else {
-      const formData = new FormData();
-      formData.append(this.name, this.start);
-      formData.append(this.name, this.end);
-      this.setFormValue(formData);
-    }
+    __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
   }
   connectedCallback() {
     super.connectedCallback();
@@ -185,15 +167,6 @@ let DateRangePicker = class extends DatePickerBase {
       this.end = this.initialEnd;
     }
   }
-  #getVisibleRange() {
-    const candidates = [this.start, this.end].filter(isDefined);
-    const isPartialRange = candidates.length === 1;
-    if (this._hoverDate && isPartialRange) {
-      candidates.push(this._hoverDate);
-    }
-    const [start, end] = candidates.sort(compareDateStr);
-    return { start, end };
-  }
   /**
    * @internal
    */
@@ -204,7 +177,7 @@ let DateRangePicker = class extends DatePickerBase {
    * @internal
    */
   _isDateInSelectedRange(date) {
-    const { start, end } = this.#getVisibleRange();
+    const { start, end } = __privateMethod(this, _getVisibleRange, getVisibleRange_fn).call(this);
     if (start && end) {
       return compareDateStr(date, start) >= 0 && compareDateStr(date, end) <= 0;
     }
@@ -214,13 +187,13 @@ let DateRangePicker = class extends DatePickerBase {
    * @internal
    */
   _isDateRangeStart(date) {
-    return date === this.#getVisibleRange().start;
+    return date === __privateMethod(this, _getVisibleRange, getVisibleRange_fn).call(this).start;
   }
   /**
    * @internal
    */
   _isDateRangeEnd(date) {
-    return date === this.#getVisibleRange().end;
+    return date === __privateMethod(this, _getVisibleRange, getVisibleRange_fn).call(this).end;
   }
   /**
    * @internal
@@ -240,15 +213,15 @@ let DateRangePicker = class extends DatePickerBase {
    */
   _onDateClick(date) {
     if (this.start && this.end) {
-      this.#updateValues({ start: date, end: "" });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date, end: "" });
     } else if (this.start) {
-      this.#updateValues({ end: date });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { end: date });
       this._closePopup();
     } else if (this.end) {
-      this.#updateValues({ start: date });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date });
       this._closePopup();
     } else {
-      this.#updateValues({ start: date });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: date });
     }
   }
   /**
@@ -265,7 +238,7 @@ let DateRangePicker = class extends DatePickerBase {
    */
   _onTextFieldChange() {
     if (this._presentationValue === "") {
-      this.#updateValues({ start: "", end: "" });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: "", end: "" });
       return;
     }
     try {
@@ -273,7 +246,7 @@ let DateRangePicker = class extends DatePickerBase {
         this._presentationValue,
         this.locale.datePicker
       );
-      this.#updateValues({ start, end });
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start, end });
     } catch (_) {
       return;
     }
@@ -330,14 +303,14 @@ let DateRangePicker = class extends DatePickerBase {
    * @internal
    */
   _onClearClick() {
-    this.#updateValues({ start: "", end: "" });
+    __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: "", end: "" });
     super._onClearClick();
   }
   /**
    * @internal
    */
   formResetCallback() {
-    this.#updateValues({ start: this.initialStart, end: this.initialEnd });
+    __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: this.initialStart, end: this.initialEnd });
     super.formResetCallback();
   }
   get _calendarButtonLabel() {
@@ -356,6 +329,69 @@ let DateRangePicker = class extends DatePickerBase {
     }
   }
 };
+_isInternalValueUpdate = new WeakMap();
+_updateValues = new WeakSet();
+updateValues_fn = function(range) {
+  __privateSet(this, _isInternalValueUpdate, true);
+  if (range.start !== void 0) {
+    this.start = range.start;
+    this.$emit("input:start");
+  }
+  if (range.end !== void 0) {
+    this.end = range.end;
+    this.$emit("input:end");
+  }
+  __privateSet(this, _isInternalValueUpdate, false);
+  this.$emit("input");
+  this.$emit("change");
+  __privateMethod(this, _handleChangedValues, handleChangedValues_fn).call(this);
+};
+_handleChangedValues = new WeakSet();
+handleChangedValues_fn = function() {
+  if (this.start && this.end) {
+    if (compareDateStr(this.start, this.end) > 0) {
+      __privateMethod(this, _updateValues, updateValues_fn).call(this, { start: this.end, end: this.start });
+      return;
+    }
+    this._presentationValue = formatPresentationDateRange(
+      {
+        start: this.start,
+        end: this.end
+      },
+      this.locale.datePicker
+    );
+    this.value = formatRange(this.start, this.end);
+  } else {
+    this.value = "";
+    this._presentationValue = "";
+  }
+  const dateToEnsureVisibilityOf = this.start || this.end;
+  if (dateToEnsureVisibilityOf) {
+    this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
+  }
+  __privateMethod(this, _updateFormValue, updateFormValue_fn).call(this);
+};
+_updateFormValue = new WeakSet();
+updateFormValue_fn = function() {
+  if (!this.name || !this.start || !this.end) {
+    this.setFormValue(null);
+  } else {
+    const formData = new FormData();
+    formData.append(this.name, this.start);
+    formData.append(this.name, this.end);
+    this.setFormValue(formData);
+  }
+};
+_getVisibleRange = new WeakSet();
+getVisibleRange_fn = function() {
+  const candidates = [this.start, this.end].filter(isDefined);
+  const isPartialRange = candidates.length === 1;
+  if (this._hoverDate && isPartialRange) {
+    candidates.push(this._hoverDate);
+  }
+  const [start, end] = candidates.sort(compareDateStr);
+  return { start, end };
+};
 __decorateClass([
   attr({ mode: "fromView", attribute: "start" })
 ], DateRangePicker.prototype, "initialStart", 2);

package/shared/definition2.cjs

@@ -214,17 +214,22 @@ class Accordion extends Accordion$1 {
 
 const getClasses = (_) => classNames.classNames("base");
 const AccordionTemplate = () => index.html`
-	<div class="${getClasses}">
-		<slot ${slotted.slotted({ property: "accordionItems", filter: slotted.elements() })}></slot>
-	</div>
-`;
+		<div class="${getClasses}">
+			<slot
+				${slotted.slotted({ property: "accordionItems", filter: slotted.elements() })}
+			></slot>
+		</div>
+	`;
 
 const accordionDefinition = Accordion.compose({
   baseName: "accordion",
   template: AccordionTemplate,
   styles
 });
-const accordionRegistries = [accordionDefinition(), ...definition.accordionItemRegistries];
+const accordionRegistries = [
+  accordionDefinition(),
+  ...definition.accordionItemRegistries
+];
 const registerAccordion = index.registerFactory(accordionRegistries);
 
 exports.accordionDefinition = accordionDefinition;