@vonage/vivid 5.15.1 → 5.16.0

package/date-range-picker/index.js

@@ -1,335 +1,219 @@
-import { b as D } from "../bundled/definition3.js";
-import { p as P } from "../bundled/definition9.js";
-import { t as g } from "../bundled/definition10.js";
-import { d as V } from "../bundled/definition15.js";
-import { a as d, o as c, v as k, c as v, d as C } from "../bundled/vivid-element.js";
-import { P as b, a as y, p as S } from "../bundled/picker-field.template.js";
-import { f as o, p as E, M as F, C as R, i as f, b as h, a as w, c as x } from "../bundled/calendar-picker.template.js";
-import { v as M } from "../bundled/definition14.js";
-const p = (i, t) => `${i} – ${t}`, m = (i, t) => p(
-  o(i.start, t),
-  o(i.end, t)
-), _ = (i, t) => {
-  const e = i.trim().split(/[\s—–-]+/);
-  if (e.length !== 2)
-    throw new Error(`Invalid date range: ${i}`);
-  const [a, s] = e.map(
-    (l) => E(l, t)
-  );
-  return { start: a, end: s };
-};
-var O = Object.defineProperty, T = Object.getOwnPropertyDescriptor, n = (i, t, e, a) => {
-  for (var s = a > 1 ? void 0 : a ? T(t, e) : t, l = i.length - 1, u; l >= 0; l--)
-    (u = i[l]) && (s = (a ? u(t, e, s) : u(s)) || s);
-  return a && s && O(t, e, s), s;
-};
-const I = (i) => typeof i == "string";
-function L(i) {
-  return !!i;
+import { E as e, T as t, l as n, o as r, s as i } from "../bundled/vivid-element.js";
+import { n as a } from "../bundled/definition.js";
+import "../bundled/definition2.js";
+import { t as o } from "../bundled/decorate.js";
+import { t as s } from "../bundled/definition6.js";
+import { t as c } from "../bundled/definition8.js";
+import { n as l } from "../bundled/definition15.js";
+import { t as u } from "../bundled/definition16.js";
+import { n as d, r as f, t as p } from "../bundled/picker-field.template.js";
+import { a as m, i as h, l as g, n as _, o as v, s as y, t as b, u as x } from "../bundled/calendar-picker.template.js";
+//#region src/shared/datetime/presentationDateRange.ts
+var S = (e, t) => `${e} – ${t}`, C = (e, t) => S(m(e.start, t), m(e.end, t)), w = (e, t) => {
+	let n = e.trim().split(/[\s—–-]+/);
+	if (n.length !== 2) throw Error(`Invalid date range: ${e}`);
+	let [r, i] = n.map((e) => v(e, t));
+	return {
+		start: r,
+		end: i
+	};
+}, T = (e) => typeof e == "string";
+function E(e) {
+	return !!e;
 }
-class r extends F(
-  R(b)
-) {
-  constructor() {
-    super(...arguments), this.initialStart = "", this.initialEnd = "", this.#e = !1, this.start = "", this.end = "", this.setFormValue = (t, e) => {
-      I(t) || super.setFormValue(t, e);
-    }, this._numCalendars = 2, this._hideDatesOutsideMonth = !0, this._textFieldSize = "30";
-  }
-  /**
-   * @internal
-   */
-  initialStartChanged() {
-    this.dirtyValue || (this.start = this.initialStart, this.dirtyValue = !1);
-  }
-  /**
-   * @internal
-   */
-  initialEndChanged() {
-    this.dirtyValue || (this.end = this.initialEnd, this.dirtyValue = !1);
-  }
-  #e;
-  /**
-   * @internal
-   */
-  startChanged() {
-    if (this.start && !f(this.start)) {
-      this.start = "";
-      return;
-    }
-    this.currentStart = this.start, this.dirtyValue = !0, this.#e || this.#i();
-  }
-  /**
-   * @internal
-   */
-  endChanged() {
-    if (this.end && !f(this.end)) {
-      this.end = "";
-      return;
-    }
-    this.currentEnd = this.end, this.dirtyValue = !0, this.#e || this.#i();
-  }
-  /**
-   * @internal
-   */
-  currentStartChanged() {
-    this.start = this.currentStart;
-  }
-  /**
-   * @internal
-   */
-  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 (h(this.start, this.end) > 0) {
-        this.#t({ start: this.end, end: this.start });
-        return;
-      }
-      this.value = p(this.start, this.end);
-    } else
-      this.value = "";
-    this._updatePresentationValue();
-    const t = this.start || this.end;
-    t && this._adjustSelectedMonthToEnsureVisibilityOf(t), this.#s();
-  }
-  /**
-   * @internal
-   */
-  _updatePresentationValue() {
-    this.start && this.end ? this._presentationValue = m(
-      {
-        start: this.start,
-        end: this.end
-      },
-      this.locale.calendarPicker
-    ) : this._presentationValue = "";
-  }
-  /**
-   * @internal
-   */
-  nameChanged(t, e) {
-    super.nameChanged(t, e), this.#s();
-  }
-  #s() {
-    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);
-    }
-  }
-  /**
-   * @internal
-   */
-  connectedCallback() {
-    super.connectedCallback(), this.start || (this.start = this.initialStart), this.end || (this.end = this.initialEnd);
-  }
-  #a() {
-    const t = [this.start, this.end].filter(L), e = t.length === 1;
-    this._hoverDate && e && t.push(this._hoverDate);
-    const [a, s] = t.sort(h);
-    return { start: a, end: s };
-  }
-  /**
-   * @internal
-   */
-  _isDateAriaSelected(t) {
-    return this._isDateInSelectedRange(t);
-  }
-  /**
-   * @internal
-   */
-  _isDateInSelectedRange(t) {
-    const { start: e, end: a } = this.#a();
-    return e && a ? h(t, e) >= 0 && h(t, a) <= 0 : !1;
-  }
-  /**
-   * @internal
-   */
-  _isDateRangeStart(t) {
-    return t === this.#a().start;
-  }
-  /**
-   * @internal
-   */
-  _isDateRangeEnd(t) {
-    return t === this.#a().end;
-  }
-  /**
-   * @internal
-   */
-  _getSelectedDates() {
-    const t = [];
-    return this.start && t.push(this.start), this.end && t.push(this.end), t;
-  }
-  /**
-   * @internal
-   */
-  _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 });
-  }
-  /**
-   * @internal
-   */
-  get _textFieldPlaceholder() {
-    return p(
-      this.locale.calendarPicker.dateFormatPlaceholder,
-      this.locale.calendarPicker.dateFormatPlaceholder
-    );
-  }
-  /**
-   * @internal
-   */
-  _onTextFieldChange() {
-    if (this._presentationValue === "") {
-      this.#t({ start: "", end: "" });
-      return;
-    }
-    try {
-      const { start: t, end: e } = _(
-        this._presentationValue,
-        this.locale.calendarPicker
-      );
-      this.#t({ start: t, end: e });
-    } catch {
-      const e = this._presentationValue;
-      this.#t({ start: "", end: "" }), this._presentationValue = e;
-      return;
-    }
-  }
-  /**
-   * @internal
-   */
-  _onDateMouseEnter(t) {
-    this._hoverDate = t;
-  }
-  /**
-   * @internal
-   */
-  _onDateMouseLeave() {
-    this._hoverDate = void 0;
-  }
-  /**
-   * @internal
-   */
-  _getCustomValidationError() {
-    return this._isPresentationValueInvalid() ? this.locale.calendarPicker.invalidDateRangeError : this.min && this.start && h(this.start, this.min) < 0 ? this.locale.calendarPicker.startDateAfterMinDateError(
-      o(this.min, this.locale.calendarPicker)
-    ) : this.max && this.end && h(this.end, this.max) > 0 ? this.locale.calendarPicker.endDateBeforeMaxDateError(
-      o(this.max, this.locale.calendarPicker)
-    ) : null;
-  }
-  /**
-   * @internal
-   */
-  _isPresentationValueInvalid() {
-    if (this._presentationValue === "")
-      return !1;
-    try {
-      return _(
-        this._presentationValue,
-        this.locale.calendarPicker
-      ), !1;
-    } catch {
-      return !0;
-    }
-  }
-  /**
-   * @internal
-   */
-  _onClearClick() {
-    this.#t({ start: "", end: "" }), super._onClearClick();
-  }
-  /**
-   * @internal
-   */
-  formResetCallback() {
-    this.#t({ start: this.initialStart, end: this.initialEnd }), super.formResetCallback();
-  }
-  get _pickerButtonLabel() {
-    return this.start && this.end ? this.locale.calendarPicker.changeDatesLabel(
-      m(
-        {
-          start: this.start,
-          end: this.end
-        },
-        this.locale.calendarPicker
-      )
-    ) : 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";
-  }
-}
-n([
-  d({ mode: "fromView", attribute: "start" })
-], r.prototype, "initialStart", 2);
-n([
-  d({ mode: "fromView", attribute: "end" })
-], r.prototype, "initialEnd", 2);
-n([
-  c
-], r.prototype, "start", 2);
-n([
-  c
-], r.prototype, "end", 2);
-n([
-  d({ attribute: "current-start" })
-], r.prototype, "currentStart", 2);
-n([
-  d({ attribute: "current-end" })
-], r.prototype, "currentEnd", 2);
-n([
-  c
-], r.prototype, "_numCalendars", 2);
-n([
-  c
-], r.prototype, "_hoverDate", 2);
-n([
-  k
-], r.prototype, "_pickerButtonLabel", 1);
-const $ = (i) => y(i, w(i), {
-  withSeparator: !1,
-  padded: !0
-}), A = C(
-  "date-range-picker",
-  r,
-  $,
-  [
-    D,
-    P,
-    g,
-    V,
-    M
-  ],
-  {
-    styles: [S, x],
-    shadowOptions: {
-      delegatesFocus: !0
-    }
-  }
-), B = v(
-  A
-);
-B();
+var D = class extends _(h(d)) {
+	constructor(...e) {
+		super(...e), this.initialStart = "", this.initialEnd = "", this.start = "", this.end = "", this.setFormValue = (e, t) => {
+			T(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 && !g(this.start)) {
+			this.start = "";
+			return;
+		}
+		this.currentStart = this.start, this.dirtyValue = !0, this.#e || this.#n();
+	}
+	endChanged() {
+		if (this.end && !g(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 (y(this.start, this.end) > 0) {
+				this.#t({
+					start: this.end,
+					end: this.start
+				});
+				return;
+			}
+			this.value = S(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 = C({
+			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() {
+		/* v8 ignore else -- @preserve */
+		super.connectedCallback(), this.start ||= this.initialStart, this.end ||= this.initialEnd;
+	}
+	#i() {
+		let e = [this.start, this.end].filter(E), t = e.length === 1;
+		this._hoverDate && t && e.push(this._hoverDate);
+		let [n, r] = e.sort(y);
+		return {
+			start: n,
+			end: r
+		};
+	}
+	_isDateAriaSelected(e) {
+		return this._isDateInSelectedRange(e);
+	}
+	_isDateInSelectedRange(e) {
+		let { start: t, end: n } = this.#i();
+		return t && n ? y(e, t) >= 0 && y(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 S(this.locale.calendarPicker.dateFormatPlaceholder, this.locale.calendarPicker.dateFormatPlaceholder);
+	}
+	_onTextFieldChange() {
+		if (this._presentationValue === "") {
+			this.#t({
+				start: "",
+				end: ""
+			});
+			return;
+		}
+		try {
+			let { start: e, end: t } = w(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 && y(this.start, this.min) < 0 ? this.locale.calendarPicker.startDateAfterMinDateError(m(this.min, this.locale.calendarPicker)) : this.max && this.end && y(this.end, this.max) > 0 ? this.locale.calendarPicker.endDateBeforeMaxDateError(m(this.max, this.locale.calendarPicker)) : null;
+	}
+	_isPresentationValueInvalid() {
+		if (this._presentationValue === "") return !1;
+		try {
+			return w(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(C({
+			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";
+	}
+};
+//#endregion
+//#region src/lib/date-range-picker/index.ts
+o([n({
+	mode: "fromView",
+	attribute: "start"
+})], D.prototype, "initialStart", void 0), o([n({
+	mode: "fromView",
+	attribute: "end"
+})], D.prototype, "initialEnd", void 0), o([t], D.prototype, "start", void 0), o([t], D.prototype, "end", void 0), o([n({ attribute: "current-start" })], D.prototype, "currentStart", void 0), o([n({ attribute: "current-end" })], D.prototype, "currentEnd", void 0), o([t], D.prototype, "_numCalendars", void 0), o([t], D.prototype, "_hoverDate", void 0), o([e], D.prototype, "_pickerButtonLabel", null), i(r("date-range-picker", D, (e) => p(e, b(e), {
+	withSeparator: !1,
+	padded: !0
+}), [
+	s,
+	c,
+	l,
+	u,
+	a
+], {
+	styles: [f, x],
+	shadowOptions: { delegatesFocus: !0 }
+}))();
+//#endregion