@vonage/vivid 5.15.0 → 5.16.0

package/date-range-picker/definition.js

@@ -1,463 +1,3 @@
-import { b as buttonDefinition } from '../unbundled/definition.js';
-import { p as popupDefinition } from '../unbundled/definition5.js';
-import { textFieldDefinition } from '../text-field/definition.js';
-import { dividerDefinition } from '../divider/definition.js';
-import { d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
-import { a as PickerField, P as PickerFieldTemplate, p as pickerFieldStyles } from '../unbundled/picker-field.template.js';
-import { f as formatPresentationDate, p as parsePresentationDate, M as MinMaxCalendarPicker, C as CalendarPicker, i as isValidDateStr, b as compareDateStr, a as CalendarPickerTemplate, c as calendarStyles } from '../unbundled/calendar-picker.template.js';
-import { visuallyHiddenDefinition } from '../visually-hidden/definition.js';
-import { attr, observable, volatile } from '@microsoft/fast-element';
-
-const formatRange = (from, to) => {
-  return `${from} – ${to}`;
-};
-const formatPresentationDateRange = (dateRange, 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)
-  );
-  return { start, end };
-};
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const isFormAssociatedTryingToSetFormValue = (value) => typeof value === "string";
-function isDefined(value) {
-  return !!value;
-}
-class DateRangePicker extends MinMaxCalendarPicker(
-  CalendarPicker(PickerField)
-) {
-  constructor() {
-    super(...arguments);
-    this.initialStart = "";
-    this.initialEnd = "";
-    this.#isInternalValueUpdate = false;
-    this.start = "";
-    this.end = "";
-    /**
-     * @internal
-     */
-    this.setFormValue = (value, state) => {
-      if (isFormAssociatedTryingToSetFormValue(value)) {
-        return;
-      }
-      super.setFormValue(value, state);
-    };
-    this._numCalendars = 2;
-    /**
-     * @internal
-     */
-    this._hideDatesOutsideMonth = true;
-    /**
-     * @internal
-     */
-    this._textFieldSize = "30";
-  }
-  /**
-   * @internal
-   */
-  initialStartChanged() {
-    if (!this.dirtyValue) {
-      this.start = this.initialStart;
-      this.dirtyValue = false;
-    }
-  }
-  /**
-   * @internal
-   */
-  initialEndChanged() {
-    if (!this.dirtyValue) {
-      this.end = this.initialEnd;
-      this.dirtyValue = false;
-    }
-  }
-  #isInternalValueUpdate;
-  /**
-   * @internal
-   */
-  startChanged() {
-    if (this.start && !isValidDateStr(this.start)) {
-      this.start = "";
-      return;
-    }
-    this.currentStart = this.start;
-    this.dirtyValue = true;
-    if (!this.#isInternalValueUpdate) {
-      this.#handleChangedValues();
-    }
-  }
-  /**
-   * @internal
-   */
-  endChanged() {
-    if (this.end && !isValidDateStr(this.end)) {
-      this.end = "";
-      return;
-    }
-    this.currentEnd = this.end;
-    this.dirtyValue = true;
-    if (!this.#isInternalValueUpdate) {
-      this.#handleChangedValues();
-    }
-  }
-  /**
-   * @internal
-   */
-  currentStartChanged() {
-    this.start = this.currentStart;
-  }
-  /**
-   * @internal
-   */
-  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.value = formatRange(this.start, this.end);
-    } else {
-      this.value = "";
-    }
-    this._updatePresentationValue();
-    const dateToEnsureVisibilityOf = this.start || this.end;
-    if (dateToEnsureVisibilityOf) {
-      this._adjustSelectedMonthToEnsureVisibilityOf(dateToEnsureVisibilityOf);
-    }
-    this.#updateFormValue();
-  }
-  /**
-   * @internal
-   */
-  _updatePresentationValue() {
-    if (this.start && this.end) {
-      this._presentationValue = formatPresentationDateRange(
-        {
-          start: this.start,
-          end: this.end
-        },
-        this.locale.calendarPicker
-      );
-    } else {
-      this._presentationValue = "";
-    }
-  }
-  /**
-   * @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);
-    }
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback();
-    /* v8 ignore else -- @preserve */
-    if (!this.start) {
-      this.start = this.initialStart;
-    }
-    /* v8 ignore else -- @preserve */
-    if (!this.end) {
-      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
-   */
-  _isDateAriaSelected(date) {
-    return this._isDateInSelectedRange(date);
-  }
-  /**
-   * @internal
-   */
-  _isDateInSelectedRange(date) {
-    const { start, end } = this.#getVisibleRange();
-    if (start && end) {
-      return compareDateStr(date, start) >= 0 && compareDateStr(date, end) <= 0;
-    }
-    return false;
-  }
-  /**
-   * @internal
-   */
-  _isDateRangeStart(date) {
-    return date === this.#getVisibleRange().start;
-  }
-  /**
-   * @internal
-   */
-  _isDateRangeEnd(date) {
-    return date === this.#getVisibleRange().end;
-  }
-  /**
-   * @internal
-   */
-  _getSelectedDates() {
-    const dates = [];
-    if (this.start) {
-      dates.push(this.start);
-    }
-    if (this.end) {
-      dates.push(this.end);
-    }
-    return dates;
-  }
-  /**
-   * @internal
-   */
-  _onDateClick(date) {
-    if (this.start && this.end) {
-      this.#updateValues({ start: date, end: "" });
-    } else if (this.start) {
-      this.#updateValues({ end: date });
-      this._closePopup();
-    } else if (this.end) {
-      this.#updateValues({ start: date });
-      this._closePopup();
-    } else {
-      this.#updateValues({ start: date });
-    }
-  }
-  /**
-   * @internal
-   */
-  get _textFieldPlaceholder() {
-    return formatRange(
-      this.locale.calendarPicker.dateFormatPlaceholder,
-      this.locale.calendarPicker.dateFormatPlaceholder
-    );
-  }
-  /**
-   * @internal
-   */
-  _onTextFieldChange() {
-    if (this._presentationValue === "") {
-      this.#updateValues({ start: "", end: "" });
-      return;
-    }
-    try {
-      const { start, end } = parsePresentationDateRange(
-        this._presentationValue,
-        this.locale.calendarPicker
-      );
-      this.#updateValues({ start, end });
-    } catch (_) {
-      const invalidPresentationValue = this._presentationValue;
-      this.#updateValues({ start: "", end: "" });
-      this._presentationValue = invalidPresentationValue;
-      return;
-    }
-  }
-  /**
-   * @internal
-   */
-  _onDateMouseEnter(date) {
-    this._hoverDate = date;
-  }
-  /**
-   * @internal
-   */
-  _onDateMouseLeave() {
-    this._hoverDate = void 0;
-  }
-  /**
-   * @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
-   */
-  _isPresentationValueInvalid() {
-    if (this._presentationValue === "") {
-      return false;
-    }
-    try {
-      parsePresentationDateRange(
-        this._presentationValue,
-        this.locale.calendarPicker
-      );
-      return false;
-    } catch (_) {
-      return true;
-    }
-  }
-  /**
-   * @internal
-   */
-  _onClearClick() {
-    this.#updateValues({ start: "", end: "" });
-    super._onClearClick();
-  }
-  /**
-   * @internal
-   */
-  formResetCallback() {
-    this.#updateValues({ start: this.initialStart, end: this.initialEnd });
-    super.formResetCallback();
-  }
-  get _pickerButtonLabel() {
-    if (this.start && this.end) {
-      return this.locale.calendarPicker.changeDatesLabel(
-        formatPresentationDateRange(
-          {
-            start: this.start,
-            end: this.end
-          },
-          this.locale.calendarPicker
-        )
-      );
-    } else {
-      return this.locale.calendarPicker.chooseDatesLabel;
-    }
-  }
-  /**
-   * @internal
-   */
-  get _dialogLabel() {
-    return this.locale.calendarPicker.chooseDatesLabel;
-  }
-  /**
-   * @internal
-   */
-  _focusableElsWithinDialog() {
-    return this._dialogEl.querySelectorAll(
-      "button, .vwc-button"
-    );
-  }
-  /**
-   * @internal
-   */
-  get _pickerButtonIcon() {
-    return "calendar-line";
-  }
-}
-__decorateClass([
-  attr({ mode: "fromView", attribute: "start" })
-], DateRangePicker.prototype, "initialStart", 2);
-__decorateClass([
-  attr({ mode: "fromView", attribute: "end" })
-], DateRangePicker.prototype, "initialEnd", 2);
-__decorateClass([
-  observable
-], DateRangePicker.prototype, "start", 2);
-__decorateClass([
-  observable
-], DateRangePicker.prototype, "end", 2);
-__decorateClass([
-  attr({ attribute: "current-start" })
-], DateRangePicker.prototype, "currentStart", 2);
-__decorateClass([
-  attr({ attribute: "current-end" })
-], DateRangePicker.prototype, "currentEnd", 2);
-__decorateClass([
-  observable
-], DateRangePicker.prototype, "_numCalendars", 2);
-__decorateClass([
-  observable
-], DateRangePicker.prototype, "_hoverDate", 2);
-__decorateClass([
-  volatile
-], DateRangePicker.prototype, "_pickerButtonLabel", 1);
-
-const DateRangePickerTemplate = (context) => {
-  return PickerFieldTemplate(context, CalendarPickerTemplate(context), {
-    withSeparator: false,
-    padded: true
-  });
-};
-
-const dateRangePickerDefinition = defineVividComponent(
-  "date-range-picker",
-  DateRangePicker,
-  DateRangePickerTemplate,
-  [
-    buttonDefinition,
-    popupDefinition,
-    textFieldDefinition,
-    dividerDefinition,
-    visuallyHiddenDefinition
-  ],
-  {
-    styles: [pickerFieldStyles, calendarStyles],
-    shadowOptions: {
-      delegatesFocus: true
-    }
-  }
-);
-const registerDateRangePicker = createRegisterFunction(
-  dateRangePickerDefinition
-);
-
+import "../unbundled/definition2.js";
+import { n as registerDateRangePicker, r as DateRangePicker, t as dateRangePickerDefinition } from "../unbundled/definition36.js";
 export { DateRangePicker as VwcDateRangePickerElement, dateRangePickerDefinition, registerDateRangePicker };

package/date-range-picker/index.cjs

@@ -1 +1 @@
-"use strict";const m=require("../bundled/definition3.cjs"),_=require("../bundled/definition9.cjs"),D=require("../bundled/definition10.cjs"),P=require("../bundled/definition15.cjs"),n=require("../bundled/vivid-element.cjs"),u=require("../bundled/picker-field.template.cjs"),r=require("../bundled/calendar-picker.template.cjs"),g=require("../bundled/definition14.cjs"),c=(i,t)=>`${i} – ${t}`,p=(i,t)=>c(r.formatPresentationDate(i.start,t),r.formatPresentationDate(i.end,t)),f=(i,t)=>{const e=i.trim().split(/[\s—–-]+/);if(e.length!==2)throw new Error(`Invalid date range: ${i}`);const[a,s]=e.map(h=>r.parsePresentationDate(h,t));return{start:a,end:s}};var V=Object.defineProperty,k=Object.getOwnPropertyDescriptor,o=(i,t,e,a)=>{for(var s=a>1?void 0:a?k(t,e):t,h=i.length-1,d;h>=0;h--)(d=i[h])&&(s=(a?d(t,e,s):d(s))||s);return a&&s&&V(t,e,s),s};const v=i=>typeof i=="string";function b(i){return!!i}class l extends r.MinMaxCalendarPicker(r.CalendarPicker(u.PickerField)){constructor(){super(...arguments),this.initialStart="",this.initialEnd="",this.#e=!1,this.start="",this.end="",this.setFormValue=(t,e)=>{v(t)||super.setFormValue(t,e)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize="30"}initialStartChanged(){this.dirtyValue||(this.start=this.initialStart,this.dirtyValue=!1)}initialEndChanged(){this.dirtyValue||(this.end=this.initialEnd,this.dirtyValue=!1)}#e;startChanged(){if(this.start&&!r.isValidDateStr(this.start)){this.start="";return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#i()}endChanged(){if(this.end&&!r.isValidDateStr(this.end)){this.end="";return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#i()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(t){this.#e=!0,t.start!==void 0&&(this.start=t.start,this.$emit("input:start")),t.end!==void 0&&(this.end=t.end,this.$emit("input:end")),this.#e=!1,this.$emit("input"),this.$emit("change"),this.#i()}#i(){if(this.start&&this.end){if(r.compareDateStr(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=c(this.start,this.end)}else this.value="";this._updatePresentationValue();const t=this.start||this.end;t&&this._adjustSelectedMonthToEnsureVisibilityOf(t),this.#a()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=p({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=""}nameChanged(t,e){super.nameChanged(t,e),this.#a()}#a(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{const t=new FormData;t.append(this.name,this.start),t.append(this.name,this.end),this.setFormValue(t)}}connectedCallback(){super.connectedCallback();/* v8 ignore else -- @preserve */this.start||(this.start=this.initialStart);/* v8 ignore else -- @preserve */this.end||(this.end=this.initialEnd)}#r(){const t=[this.start,this.end].filter(b),e=t.length===1;this._hoverDate&&e&&t.push(this._hoverDate);const[a,s]=t.sort(r.compareDateStr);return{start:a,end:s}}_isDateAriaSelected(t){return this._isDateInSelectedRange(t)}_isDateInSelectedRange(t){const{start:e,end:a}=this.#r();return e&&a?r.compareDateStr(t,e)>=0&&r.compareDateStr(t,a)<=0:!1}_isDateRangeStart(t){return t===this.#r().start}_isDateRangeEnd(t){return t===this.#r().end}_getSelectedDates(){const t=[];return this.start&&t.push(this.start),this.end&&t.push(this.end),t}_onDateClick(t){this.start&&this.end?this.#t({start:t,end:""}):this.start?(this.#t({end:t}),this._closePopup()):this.end?(this.#t({start:t}),this._closePopup()):this.#t({start:t})}get _textFieldPlaceholder(){return c(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===""){this.#t({start:"",end:""});return}try{const{start:t,end:e}=f(this._presentationValue,this.locale.calendarPicker);this.#t({start:t,end:e})}catch{const e=this._presentationValue;this.#t({start:"",end:""}),this._presentationValue=e;return}}_onDateMouseEnter(t){this._hoverDate=t}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&r.compareDateStr(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(r.formatPresentationDate(this.min,this.locale.calendarPicker)):this.max&&this.end&&r.compareDateStr(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(r.formatPresentationDate(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue==="")return!1;try{return f(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:"",end:""}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(p({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll("button, .vwc-button")}get _pickerButtonIcon(){return"calendar-line"}}o([n.attr({mode:"fromView",attribute:"start"})],l.prototype,"initialStart",2);o([n.attr({mode:"fromView",attribute:"end"})],l.prototype,"initialEnd",2);o([n.observable],l.prototype,"start",2);o([n.observable],l.prototype,"end",2);o([n.attr({attribute:"current-start"})],l.prototype,"currentStart",2);o([n.attr({attribute:"current-end"})],l.prototype,"currentEnd",2);o([n.observable],l.prototype,"_numCalendars",2);o([n.observable],l.prototype,"_hoverDate",2);o([n.volatile],l.prototype,"_pickerButtonLabel",1);const S=i=>u.PickerFieldTemplate(i,r.CalendarPickerTemplate(i),{withSeparator:!1,padded:!0}),C=n.defineVividComponent("date-range-picker",l,S,[m.buttonDefinition,_.popupDefinition,D.textFieldDefinition,P.dividerDefinition,g.visuallyHiddenDefinition],{styles:[u.pickerFieldStyles,r.calendarStyles],shadowOptions:{delegatesFocus:!0}}),y=n.createRegisterFunction(C);y();
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/definition.cjs`);require(`../bundled/definition2.cjs`);const n=require(`../bundled/decorate.cjs`),r=require(`../bundled/definition6.cjs`),i=require(`../bundled/definition8.cjs`),a=require(`../bundled/definition15.cjs`),o=require(`../bundled/definition16.cjs`),s=require(`../bundled/picker-field.template.cjs`),c=require(`../bundled/calendar-picker.template.cjs`);var l=(e,t)=>`${e} – ${t}`,u=(e,t)=>l(c.a(e.start,t),c.a(e.end,t)),d=(e,t)=>{let n=e.trim().split(/[\s—–-]+/);if(n.length!==2)throw Error(`Invalid date range: ${e}`);let[r,i]=n.map(e=>c.o(e,t));return{start:r,end:i}},f=e=>typeof e==`string`;function p(e){return!!e}var m=class extends c.n(c.i(s.n)){constructor(...e){super(...e),this.initialStart=``,this.initialEnd=``,this.start=``,this.end=``,this.setFormValue=(e,t)=>{f(e)||super.setFormValue(e,t)},this._numCalendars=2,this._hideDatesOutsideMonth=!0,this._textFieldSize=`30`}initialStartChanged(){this.dirtyValue||=(this.start=this.initialStart,!1)}initialEndChanged(){this.dirtyValue||=(this.end=this.initialEnd,!1)}#e=!1;startChanged(){if(this.start&&!c.l(this.start)){this.start=``;return}this.currentStart=this.start,this.dirtyValue=!0,this.#e||this.#n()}endChanged(){if(this.end&&!c.l(this.end)){this.end=``;return}this.currentEnd=this.end,this.dirtyValue=!0,this.#e||this.#n()}currentStartChanged(){this.start=this.currentStart}currentEndChanged(){this.end=this.currentEnd}#t(e){this.#e=!0,e.start!==void 0&&(this.start=e.start,this.$emit(`input:start`)),e.end!==void 0&&(this.end=e.end,this.$emit(`input:end`)),this.#e=!1,this.$emit(`input`),this.$emit(`change`),this.#n()}#n(){if(this.start&&this.end){if(c.s(this.start,this.end)>0){this.#t({start:this.end,end:this.start});return}this.value=l(this.start,this.end)}else this.value=``;this._updatePresentationValue();let e=this.start||this.end;e&&this._adjustSelectedMonthToEnsureVisibilityOf(e),this.#r()}_updatePresentationValue(){this.start&&this.end?this._presentationValue=u({start:this.start,end:this.end},this.locale.calendarPicker):this._presentationValue=``}nameChanged(e,t){super.nameChanged(e,t),this.#r()}#r(){if(!this.name||!this.start||!this.end)this.setFormValue(null);else{let e=new FormData;e.append(this.name,this.start),e.append(this.name,this.end),this.setFormValue(e)}}connectedCallback(){super.connectedCallback(),this.start||=this.initialStart,this.end||=this.initialEnd}#i(){let e=[this.start,this.end].filter(p),t=e.length===1;this._hoverDate&&t&&e.push(this._hoverDate);let[n,r]=e.sort(c.s);return{start:n,end:r}}_isDateAriaSelected(e){return this._isDateInSelectedRange(e)}_isDateInSelectedRange(e){let{start:t,end:n}=this.#i();return t&&n?c.s(e,t)>=0&&c.s(e,n)<=0:!1}_isDateRangeStart(e){return e===this.#i().start}_isDateRangeEnd(e){return e===this.#i().end}_getSelectedDates(){let e=[];return this.start&&e.push(this.start),this.end&&e.push(this.end),e}_onDateClick(e){this.start&&this.end?this.#t({start:e,end:``}):this.start?(this.#t({end:e}),this._closePopup()):this.end?(this.#t({start:e}),this._closePopup()):this.#t({start:e})}get _textFieldPlaceholder(){return l(this.locale.calendarPicker.dateFormatPlaceholder,this.locale.calendarPicker.dateFormatPlaceholder)}_onTextFieldChange(){if(this._presentationValue===``){this.#t({start:``,end:``});return}try{let{start:e,end:t}=d(this._presentationValue,this.locale.calendarPicker);this.#t({start:e,end:t})}catch{let e=this._presentationValue;this.#t({start:``,end:``}),this._presentationValue=e;return}}_onDateMouseEnter(e){this._hoverDate=e}_onDateMouseLeave(){this._hoverDate=void 0}_getCustomValidationError(){return this._isPresentationValueInvalid()?this.locale.calendarPicker.invalidDateRangeError:this.min&&this.start&&c.s(this.start,this.min)<0?this.locale.calendarPicker.startDateAfterMinDateError(c.a(this.min,this.locale.calendarPicker)):this.max&&this.end&&c.s(this.end,this.max)>0?this.locale.calendarPicker.endDateBeforeMaxDateError(c.a(this.max,this.locale.calendarPicker)):null}_isPresentationValueInvalid(){if(this._presentationValue===``)return!1;try{return d(this._presentationValue,this.locale.calendarPicker),!1}catch{return!0}}_onClearClick(){this.#t({start:``,end:``}),super._onClearClick()}formResetCallback(){this.#t({start:this.initialStart,end:this.initialEnd}),super.formResetCallback()}get _pickerButtonLabel(){return this.start&&this.end?this.locale.calendarPicker.changeDatesLabel(u({start:this.start,end:this.end},this.locale.calendarPicker)):this.locale.calendarPicker.chooseDatesLabel}get _dialogLabel(){return this.locale.calendarPicker.chooseDatesLabel}_focusableElsWithinDialog(){return this._dialogEl.querySelectorAll(`button, .vwc-button`)}get _pickerButtonIcon(){return`calendar-line`}};n.t([e.l({mode:`fromView`,attribute:`start`})],m.prototype,`initialStart`,void 0),n.t([e.l({mode:`fromView`,attribute:`end`})],m.prototype,`initialEnd`,void 0),n.t([e.T],m.prototype,`start`,void 0),n.t([e.T],m.prototype,`end`,void 0),n.t([e.l({attribute:`current-start`})],m.prototype,`currentStart`,void 0),n.t([e.l({attribute:`current-end`})],m.prototype,`currentEnd`,void 0),n.t([e.T],m.prototype,`_numCalendars`,void 0),n.t([e.T],m.prototype,`_hoverDate`,void 0),n.t([e.E],m.prototype,`_pickerButtonLabel`,null);var h=e.o(`date-range-picker`,m,e=>s.t(e,c.t(e),{withSeparator:!1,padded:!0}),[r.t,i.t,a.n,o.t,t.n],{styles:[s.r,c.u],shadowOptions:{delegatesFocus:!0}});e.s(h)();