@vonage/vivid 5.15.1 → 5.16.0

package/date-time-picker/index.js

@@ -1,216 +1,121 @@
-import { p as v } from "../bundled/definition9.js";
-import { b as k } from "../bundled/definition3.js";
-import { t as x } from "../bundled/definition10.js";
-import { d as V } from "../bundled/definition15.js";
-import { P as S, a as g, p as M } from "../bundled/picker-field.template.js";
-import { i as y, f as h, p as b, C as F, d as $, b as u, V as _, a as C, c as E } from "../bundled/calendar-picker.template.js";
-import { a as l, h as w, c as L, d as B } from "../bundled/vivid-element.js";
-import { i as A, f as p, p as j, T as I, c as T, V as P, a as O, b as U } from "../bundled/time-selection-picker.template.js";
-import { v as q } from "../bundled/definition14.js";
-import { S as z } from "../bundled/single-value-picker.js";
-import { S as H } from "../bundled/single-date-picker.js";
-const R = ".date-time-picker{display:flex;gap:28px;padding-inline-start:12px}.time-picker{padding-block:4px 12px}", o = (e) => e.split("T")[0] || "", d = (e) => e.split("T")[1] || "", f = (e) => {
-  const [t = "", a = ""] = e.split("T");
-  return y(t) && A(a);
-}, W = (e, t, a, m) => {
-  const [i, r] = e.split("T");
-  return `${h(i, t)} ${p(
-    r,
-    a,
-    m
-  )}`;
-}, G = (e, t, a) => {
-  const [m, ...i] = e.split(" "), r = b(m, t), c = j(i.join(" "), a);
-  return `${r}T${c}`;
+import { d as e, l as t, o as n, s as r } from "../bundled/vivid-element.js";
+import { n as i } from "../bundled/definition.js";
+import "../bundled/definition2.js";
+import { t as a } from "../bundled/decorate.js";
+import { t as o } from "../bundled/definition6.js";
+import { t as s } from "../bundled/definition8.js";
+import { n as c } from "../bundled/definition15.js";
+import { t as l } from "../bundled/definition16.js";
+import { n as u, r as d, t as f } from "../bundled/picker-field.template.js";
+import { a as p, c as m, i as h, l as g, o as _, r as v, s as y, t as b, u as x } from "../bundled/calendar-picker.template.js";
+import { t as S } from "../bundled/single-value-picker.js";
+import { t as C } from "../bundled/single-date-picker.js";
+import { a as w, c as T, i as E, l as D, o as O, r as k, s as A, t as j } from "../bundled/time-selection-picker.template.js";
+//#region src/lib/date-time-picker/date-time-picker.scss?inline
+var M = ".date-time-picker{gap:28px;padding-inline-start:12px;display:flex}.time-picker{padding-block:4px 12px}", N = (e) => e.split("T")[0] || "", P = (e) => e.split("T")[1] || "", F = (e) => {
+	let [t = "", n = ""] = e.split("T");
+	return g(t) && D(n);
+}, I = (e, t, n, r) => {
+	let [i, a] = e.split("T");
+	return `${p(i, t)} ${w(a, n, r)}`;
+}, L = (e, t, n) => {
+	let [r, ...i] = e.split(" ");
+	return `${_(r, t)}T${O(i.join(" "), n)}`;
+}, R = {
+	fromView: (e) => e && F(e) ? e : "",
+	toView(e) {
+		return e;
+	}
+}, z = class extends E(C(S(h(u)))) {
+	get _resolvedMinDate() {
+		return this.minDate || N(this.min);
+	}
+	get _resolvedMaxDate() {
+		return this.maxDate || N(this.max);
+	}
+	get _resolvedMinTime() {
+		return this.minTime || this.min && N(this.min) === this._dateValue() && P(this.min) || "";
+	}
+	get _resolvedMaxTime() {
+		return this.maxTime || this.max && N(this.max) === this._dateValue() && P(this.max) || "";
+	}
+	_toPresentationValue(e) {
+		return I(e, this.locale.calendarPicker, this._displaySeconds, this._use12hClock);
+	}
+	_parsePresentationValue(e) {
+		return L(e, this.locale.calendarPicker, this._use12hClock);
+	}
+	_dateValue() {
+		return N(this.value);
+	}
+	_withUpdatedDate(e) {
+		return `${e}T${P(this.value) || "00:00:00"}`;
+	}
+	get _timeValue() {
+		return P(this.value);
+	}
+	_withUpdatedTime(e) {
+		return `${N(this.value) || m()}T${e}`;
+	}
+	constructor() {
+		super(), this._isValidValue = F, this._textFieldSize = "30", this.proxy.type = "datetime-local", this.proxy.step = "1", this.min = "", this.minDate = "", this.minTime = "", this.max = "", this.maxDate = "", this.maxTime = "";
+	}
+	_getCustomValidationError() {
+		return this._isPresentationValueInvalid() ? this.locale.dateTimePicker.invalidDateTimeError : this._dateValue() && this._resolvedMinDate && y(this._dateValue(), this._resolvedMinDate) < 0 ? this.locale.dateTimePicker.dateBeforeMinDateError(p(this._resolvedMinDate, this.locale.calendarPicker)) : this._dateValue() && this._resolvedMaxDate && y(this._dateValue(), this._resolvedMaxDate) > 0 ? this.locale.dateTimePicker.dateAfterMaxDateError(p(this._resolvedMaxDate, this.locale.calendarPicker)) : this._timeValue && this._resolvedMinTime && T(this._timeValue, this._resolvedMinTime) < 0 ? this.locale.dateTimePicker.timeBeforeMinTimeError(w(this._resolvedMinTime, this._displaySeconds, this._use12hClock)) : this._timeValue && this._resolvedMaxTime && T(this._timeValue, this._resolvedMaxTime) > 0 ? this.locale.dateTimePicker.timeAfterMaxTimeError(w(this._resolvedMaxTime, this._displaySeconds, this._use12hClock)) : null;
+	}
+	get _textFieldPlaceholder() {
+		return `${this.locale.calendarPicker.dateFormatPlaceholder} ${this._timePlaceholder}`;
+	}
+	get _pickerButtonLabel() {
+		return this.value ? this.locale.dateTimePicker.changeDateTimeLabel(this._toPresentationValue(this.value)) : this.locale.dateTimePicker.chooseDateTimeLabel;
+	}
+	_focusableElsWithinDialog() {
+		return this._dialogEl.querySelectorAll("#inline-time-picker, button, .vwc-button");
+	}
+	get _pickerButtonIcon() {
+		return "calendar-clock-line";
+	}
+	get _dialogLabel() {
+		return this.locale.dateTimePicker.chooseDateTimeLabel;
+	}
 };
-var J = Object.defineProperty, n = (e, t, a, m) => {
-  for (var i = void 0, r = e.length - 1, c; r >= 0; r--)
-    (c = e[r]) && (i = c(t, a, i) || i);
-  return i && J(t, a, i), i;
-};
-const D = {
-  fromView: (e) => e && f(e) ? e : "",
-  toView(e) {
-    return e;
-  }
-};
-class s extends I(
-  H(z(F(S)))
-) {
-  constructor() {
-    super(), this._isValidValue = f, this._textFieldSize = "30", this.proxy.type = "datetime-local", this.proxy.step = "1", this.min = "", this.minDate = "", this.minTime = "", this.max = "", this.maxDate = "", this.maxTime = "";
-  }
-  get _resolvedMinDate() {
-    return this.minDate || o(this.min);
-  }
-  get _resolvedMaxDate() {
-    return this.maxDate || o(this.max);
-  }
-  get _resolvedMinTime() {
-    return this.minTime || this.min && o(this.min) === this._dateValue() && d(this.min) || "";
-  }
-  get _resolvedMaxTime() {
-    return this.maxTime || this.max && o(this.max) === this._dateValue() && d(this.max) || "";
-  }
-  /**
-   * @internal
-   */
-  _toPresentationValue(t) {
-    return W(
-      t,
-      this.locale.calendarPicker,
-      this._displaySeconds,
-      this._use12hClock
-    );
-  }
-  /**
-   * @internal
-   */
-  _parsePresentationValue(t) {
-    return G(
-      t,
-      this.locale.calendarPicker,
-      this._use12hClock
-    );
-  }
-  /**
-   * @internal
-   */
-  _dateValue() {
-    return o(this.value);
-  }
-  /**
-   * @internal
-   */
-  _withUpdatedDate(t) {
-    return `${t}T${d(this.value) || "00:00:00"}`;
-  }
-  /**
-   * @internal
-   */
-  get _timeValue() {
-    return d(this.value);
-  }
-  /**
-   * @internal
-   */
-  _withUpdatedTime(t) {
-    return `${o(this.value) || $()}T${t}`;
-  }
-  /**
-   * @internal
-   */
-  _getCustomValidationError() {
-    return this._isPresentationValueInvalid() ? this.locale.dateTimePicker.invalidDateTimeError : this._dateValue() && this._resolvedMinDate && u(this._dateValue(), this._resolvedMinDate) < 0 ? this.locale.dateTimePicker.dateBeforeMinDateError(
-      h(
-        this._resolvedMinDate,
-        this.locale.calendarPicker
-      )
-    ) : this._dateValue() && this._resolvedMaxDate && u(this._dateValue(), this._resolvedMaxDate) > 0 ? this.locale.dateTimePicker.dateAfterMaxDateError(
-      h(
-        this._resolvedMaxDate,
-        this.locale.calendarPicker
-      )
-    ) : this._timeValue && this._resolvedMinTime && T(this._timeValue, this._resolvedMinTime) < 0 ? this.locale.dateTimePicker.timeBeforeMinTimeError(
-      p(
-        this._resolvedMinTime,
-        this._displaySeconds,
-        this._use12hClock
-      )
-    ) : this._timeValue && this._resolvedMaxTime && T(this._timeValue, this._resolvedMaxTime) > 0 ? this.locale.dateTimePicker.timeAfterMaxTimeError(
-      p(
-        this._resolvedMaxTime,
-        this._displaySeconds,
-        this._use12hClock
-      )
-    ) : null;
-  }
-  /**
-   * @internal
-   */
-  get _textFieldPlaceholder() {
-    return `${this.locale.calendarPicker.dateFormatPlaceholder} ${this._timePlaceholder}`;
-  }
-  /**
-   * @internal
-   */
-  get _pickerButtonLabel() {
-    return this.value ? this.locale.dateTimePicker.changeDateTimeLabel(
-      this._toPresentationValue(this.value)
-    ) : this.locale.dateTimePicker.chooseDateTimeLabel;
-  }
-  /**
-   * @internal
-   */
-  _focusableElsWithinDialog() {
-    return this._dialogEl.querySelectorAll(
-      "#inline-time-picker, button, .vwc-button"
-    );
-  }
-  /**
-   * @internal
-   */
-  get _pickerButtonIcon() {
-    return "calendar-clock-line";
-  }
-  /**
-   * @internal
-   */
-  get _dialogLabel() {
-    return this.locale.dateTimePicker.chooseDateTimeLabel;
-  }
-}
-n([
-  l({ converter: D })
-], s.prototype, "min");
-n([
-  l({ converter: P, attribute: "min-time" })
-], s.prototype, "minTime");
-n([
-  l({ converter: _, attribute: "min-date" })
-], s.prototype, "minDate");
-n([
-  l({ converter: D })
-], s.prototype, "max");
-n([
-  l({ converter: P, attribute: "max-time" })
-], s.prototype, "maxTime");
-n([
-  l({ converter: _, attribute: "max-date" })
-], s.prototype, "maxDate");
-const K = (e) => g(
-  e,
-  w`
+//#endregion
+//#region src/lib/date-time-picker/index.ts
+a([t({ converter: R })], z.prototype, "min", void 0), a([t({
+	converter: k,
+	attribute: "min-time"
+})], z.prototype, "minTime", void 0), a([t({
+	converter: v,
+	attribute: "min-date"
+})], z.prototype, "minDate", void 0), a([t({ converter: R })], z.prototype, "max", void 0), a([t({
+	converter: k,
+	attribute: "max-time"
+})], z.prototype, "maxTime", void 0), a([t({
+	converter: v,
+	attribute: "max-date"
+})], z.prototype, "maxDate", void 0), r(n("date-time-picker", z, (t) => f(t, e`
 			<div class="date-time-picker">
-				${() => C(e)}
+				${() => b(t)}
 				<div class="time-picker">
-					${() => O(e, 9)}
+					${() => j(t, 9)}
 				</div>
 			</div>
-		`,
-  {
-    withSeparator: !1,
-    padded: !1
-  }
-), N = B(
-  "date-time-picker",
-  s,
-  K,
-  [
-    k,
-    v,
-    x,
-    V,
-    U,
-    q
-  ],
-  {
-    styles: [M, E, R],
-    shadowOptions: {
-      delegatesFocus: !0
-    }
-  }
-), Q = L(
-  N
-);
-Q();
+		`, {
+	withSeparator: !1,
+	padded: !1
+}), [
+	o,
+	s,
+	c,
+	l,
+	A,
+	i
+], {
+	styles: [
+		d,
+		x,
+		M
+	],
+	shadowOptions: { delegatesFocus: !0 }
+}))();
+//#endregion