@golemui/gui-lit 1.2.0 → 1.2.1-rc.0

package/range-calendar-D7sG24Kx.js

@@ -1,466 +0,0 @@
-import { LitElement as b, html as p, nothing as l } from "lit";
-import { property as r, state as v, customElement as y } from "lit/decorators.js";
-import { classMap as m } from "lit/directives/class-map.js";
-import { G as D } from "./templates-Df7abEkB.js";
-import { G as f, a as _, r as S, b as R, c as M, d as I, e as C } from "./day-status-ljexnwEO.js";
-import { G as A } from "./focus-leave.controller-2gV0pQd5.js";
-import { p as d, g as O, t as h, r as L, D as E, m as P, c as x } from "./date-DBuYpvcO.js";
-import { r as G, f as $, a as k, b as w, s as N, c as T } from "./pill-ranges-DpvWwP-3.js";
-import { i as Y, s as F, r as g } from "./range-selection-CU3hxLJE.js";
-import "./pills-BDMO2NiR.js";
-var B = Object.defineProperty, q = Object.getOwnPropertyDescriptor, n = (e, t, o, a) => {
-  for (var s = a > 1 ? void 0 : a ? q(t, o) : t, u = e.length - 1, c; u >= 0; u--)
-    (c = e[u]) && (s = (a ? c(t, o, s) : c(s)) || s);
-  return a && s && B(t, o, s), s;
-};
-let i = class extends b {
-  constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.localeId = void 0, this.errors = [], this.touched = void 0, this.required = !1, this.disabled = !1, this.readOnly = !1, this.prevMonthIcon = "", this.nextMonthIcon = "", this.prevMonthAriaLabel = "", this.nextMonthAriaLabel = "", this.selectYearAriaLabel = void 0, this.yearGridAriaLabel = void 0, this.dayFormat = "numeric", this.weekdayFormat = "narrow", this.monthFormat = "long", this.minDate = void 0, this.maxDate = void 0, this.disabledRanges = void 0, this.numberOfMonths = 1, this.value = [], this.focusDate = void 0, this.hidePills = !1, this.removePillAriaLabel = void 0, this.disabledDateRangeMessage = void 0, this.invalidRange = null, this._selection = Y(), this._invalidRange = null, this._skipValueNavigation = !1, this._nav = new f(this, {
-      getMinDate: () => this.minDate,
-      getMaxDate: () => this.maxDate,
-      getNumberOfMonths: () => this.numberOfMonths,
-      getDisabledRanges: () => this.disabledRanges,
-      onYearSelectorToggled: () => this._keyboard.onYearGridToggled()
-    }), this.ariaController = new D(this, {
-      getTargets: () => this.querySelectorAll(".gui-calendar-input"),
-      getState: () => ({
-        uid: this.uid,
-        templateData: {
-          hint: this.hint,
-          errors: this.errors,
-          readonly: this.readOnly,
-          disabled: this.disabled,
-          touched: this.touched,
-          required: this.required
-        }
-      })
-    }), this._keyboard = new _(this, {
-      canGoPrev: () => this._nav.canGoPrev(),
-      canGoNext: () => this._nav.canGoNext(),
-      goPrev: () => this._nav.prevMonth(),
-      goNext: () => this._nav.nextMonth(),
-      onActivateDay: (e, t) => this.selectDate(this.activationDay(e), t),
-      onSelectYear: (e) => this._nav.selectYear(e),
-      onCloseYearGrid: () => this._nav.closeYearSelector(),
-      isYearGridOpen: () => this._nav.yearSelectorOpen
-    }), this._focusLeave = new A(this, {
-      onLeave: () => this.dispatchEvent(new CustomEvent("blur", { bubbles: !0, composed: !0 }))
-    }), this.onPillRemoveEvent = (e) => {
-      if (this.disabled || this.readOnly) return;
-      const t = G(this.value, e.detail.key);
-      t && (this.value = t.next, this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: { value: this.value },
-          bubbles: !0,
-          composed: !0
-        })
-      ));
-    }, this.onPillClickEvent = (e) => {
-      const t = $(this.getSortedPills(), e.detail.key);
-      t && this.navigateToDate(t.start);
-    };
-  }
-  /** The nav controller's month cursor, kept under its historical name. */
-  get _currentDate() {
-    return this._nav.currentDate;
-  }
-  set _currentDate(e) {
-    this._nav.currentDate = e;
-  }
-  /**
-   * Full instant of an endpoint, used to order the pills. Date-only here; a
-   * subclass whose endpoints carry a time overrides it so two ranges on the
-   * same day still sort by time.
-   */
-  parseEndpoint(e) {
-    return d(e);
-  }
-  /**
-   * Midnight-truncated calendar day of an endpoint, used to highlight the day
-   * grid.
-   */
-  endpointDay(e) {
-    return d(e);
-  }
-  /** Pill text for one committed range. */
-  formatPillLabel(e) {
-    return k(e, (t) => T(t, this.localeId));
-  }
-  /** Day-button inner content. */
-  renderDayContent(e) {
-    return p`${e.dayLabel}`;
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-field");
-  }
-  willUpdate(e) {
-    if (e.has("invalidRange"))
-      if (this.invalidRange) {
-        const t = this.endpointDay(this.invalidRange.start), o = this.endpointDay(this.invalidRange.end);
-        this._invalidRange = isNaN(t.getTime()) || isNaN(o.getTime()) ? null : { start: t, end: o };
-      } else
-        this._invalidRange = null;
-    if (e.has("value") && !e.has("focusDate")) {
-      if (this._skipValueNavigation)
-        this._skipValueNavigation = !1;
-      else if (this.value) {
-        const t = Array.isArray(this.value) ? this.value : [{ start: this.value }];
-        t.length > 0 && t[0].start && this._nav.navigateToDate(this.endpointDay(t[0].start));
-      }
-    }
-    if (e.has("focusDate") && this.focusDate) {
-      const t = d(this.focusDate);
-      isNaN(t.getTime()) || (this._nav.navigateToDate(t), this.focusDate = void 0);
-    }
-  }
-  render() {
-    return S({
-      uid: this.uid,
-      label: this.label,
-      hint: this.hint,
-      errors: this.errors,
-      touched: this.touched,
-      required: this.required,
-      disabled: this.disabled,
-      numberOfMonths: this.numberOfMonths,
-      localeId: this.localeId,
-      currentDate: this._nav.currentDate,
-      prevMonthIcon: this.prevMonthIcon,
-      nextMonthIcon: this.nextMonthIcon,
-      prevMonthAriaLabel: this.prevMonthAriaLabel,
-      nextMonthAriaLabel: this.nextMonthAriaLabel,
-      canGoPrev: this._nav.canGoPrev(),
-      canGoNext: this._nav.canGoNext(),
-      onPrevMonthClick: this._keyboard.onPrevMonthClick,
-      onNextMonthClick: this._keyboard.onNextMonthClick,
-      onFocusOut: this._focusLeave.onFocusOut,
-      renderAboveCalendar: () => this.renderAboveCalendar(),
-      renderMonthPanel: (e) => R({
-        currentDate: this._nav.currentDate,
-        offset: e,
-        localeId: this.localeId,
-        monthFormat: this.monthFormat,
-        yearSelectorOpen: this._nav.yearSelectorOpen,
-        selectYearAriaLabel: this.selectYearAriaLabel,
-        onToggleYearSelector: () => this.toggleYearSelector(),
-        renderBelowHeader: (t) => this.renderBelowHeader(t),
-        renderPanelBody: (t) => this.renderPanelBody(t)
-      })
-    });
-  }
-  /** Hook rendered between the header and the panel body. Default: nothing. */
-  renderBelowHeader(e) {
-    return l;
-  }
-  /**
-   * The panel content below the header: the year grid replaces the days grid
-   * of the first panel while the year selector is open. Subclasses can swap
-   * in other bodies (e.g. the date-time calendar's time grid).
-   */
-  renderPanelBody(e) {
-    return M({
-      offset: e,
-      yearSelectorOpen: this._nav.yearSelectorOpen,
-      years: this._nav.yearList,
-      currentYear: this._nav.currentDate.getFullYear(),
-      onSelectYear: (t) => this._keyboard.selectYear(t),
-      onYearKeydown: this._keyboard.handleYearKeydown,
-      localeId: this.localeId,
-      currentDate: this._nav.currentDate,
-      yearGridAriaLabel: this.yearGridAriaLabel,
-      getDays: (t) => this.getDaysInMonth(t),
-      renderDay: (t) => this.renderDay(t)
-    });
-  }
-  /**
-   * Kept as a thin override point — the range date-time subclass closes its
-   * time pickers before delegating to the nav controller.
-   */
-  toggleYearSelector() {
-    this._nav.toggleYearSelector();
-  }
-  isDisabled(e) {
-    return this._nav.isDisabled(e);
-  }
-  /**
-   * Rebuilds the day context for an Enter/Space activation from the button's
-   * `data-date`. Legitimate because a day button can only be focused when it
-   * is enabled and in-month; the `disabled`/`readOnly` guards stay in
-   * `selectDate`.
-   */
-  activationDay(e) {
-    const t = d(e);
-    return {
-      date: t,
-      isCurrentMonth: !0,
-      isDisabled: this.isDisabled(t),
-      isFocusable: !0,
-      dayLabel: "",
-      isToday: !1,
-      isRangeStart: !1,
-      isRangeEnd: !1,
-      isInRange: !1,
-      isOneDayRange: !1,
-      isAnchor: !1,
-      isSelecting: !1,
-      isInvalidStart: !1,
-      isInvalidEnd: !1,
-      isInvalidInRange: !1
-    };
-  }
-  renderDay(e) {
-    const t = e.isInvalidStart && e.isInvalidEnd, o = {
-      "gui-calendar__day-button": !0,
-      today: e.isToday,
-      "other-month": !e.isCurrentMonth,
-      "range-start": e.isRangeStart && !e.isOneDayRange,
-      "range-end": e.isRangeEnd && !e.isOneDayRange,
-      selected: e.isOneDayRange,
-      "in-range": e.isInRange,
-      "invalid-range-start": e.isInvalidStart && !t,
-      "invalid-range-end": e.isInvalidEnd && !t,
-      "invalid-range-single": t,
-      "invalid-in-range": e.isInvalidInRange,
-      "is-anchor": e.isAnchor,
-      "is-selecting": e.isSelecting,
-      disabled: e.isDisabled
-    };
-    return p`
-      <button
-        type="button"
-        role="gridcell"
-        class=${m(o)}
-        tabindex=${e.isFocusable ? 0 : -1}
-        ?disabled=${!e.isCurrentMonth}
-        aria-disabled=${e.isCurrentMonth && e.isDisabled ? "true" : l}
-        aria-label=${O(this.localeId, e.date)}
-        aria-current=${e.isToday ? "date" : l}
-        data-date=${h(e.date)}
-        @click=${(a) => this.selectDate(e, a)}
-        @mouseover=${() => this.onMouseOver(e)}
-        @focus=${() => this.onMouseOver(e)}
-        @keydown=${(a) => this._keyboard.handleDayKeydown(a)}
-        aria-selected=${e.isRangeStart || e.isRangeEnd || e.isInRange ? "true" : "false"}
-      >
-        ${this.renderDayContent(e)}
-      </button>
-    `;
-  }
-  getDaysInMonth(e) {
-    const t = (this.value ?? []).map((a) => ({
-      start: this.endpointDay(a.start),
-      end: a.end ? this.endpointDay(a.end) : void 0
-    })), o = F(this._selection);
-    return I({
-      currentDate: this._currentDate,
-      offset: e,
-      localeId: this.localeId,
-      numberOfMonths: this.numberOfMonths ?? 1,
-      isDisabled: (a) => this.isDisabled(a),
-      toDay: (a) => {
-        const s = C(a.date, {
-          ranges: t,
-          anchor: this._selection.anchor,
-          selectingSpan: o,
-          invalidRange: this._invalidRange
-        });
-        return {
-          date: a.date,
-          dayLabel: a.dayLabel,
-          isCurrentMonth: a.isCurrentMonth,
-          isToday: a.isToday,
-          isRangeStart: s.isRangeStart,
-          isRangeEnd: s.isRangeEnd,
-          isInRange: s.isInRange,
-          isInvalidStart: s.isInvalidStart && a.isCurrentMonth,
-          isInvalidEnd: s.isInvalidEnd && a.isCurrentMonth,
-          isInvalidInRange: s.isInvalidInRange && a.isCurrentMonth,
-          isDisabled: a.isDisabled,
-          isOneDayRange: s.isOneDayRange,
-          isAnchor: s.isAnchor,
-          isFocusable: a.isToday || s.isRangeStart,
-          isSelecting: s.isSelecting && a.isCurrentMonth
-        };
-      },
-      focusFallbackDates: [
-        /* @__PURE__ */ new Date(),
-        ...(this.value ?? []).map((a) => this.endpointDay(a.start))
-      ]
-    });
-  }
-  selectDate(e, t = null) {
-    if (!e.isCurrentMonth || e.isDisabled || this.disabled || this.readOnly) return;
-    const { state: o, commit: a } = g(this._selection, {
-      type: "pick",
-      date: e.date
-    });
-    if (this._selection = o, !a) {
-      this._invalidRange = null;
-      return;
-    }
-    if (L(
-      h(a.start),
-      h(a.end),
-      this.disabledRanges,
-      this.minDate,
-      this.maxDate
-    )) {
-      this._invalidRange = { start: a.start, end: a.end }, this.dispatchEvent(
-        new CustomEvent("inputError", {
-          detail: {
-            message: this.disabledDateRangeMessage ?? E,
-            range: { start: h(a.start), end: h(a.end) }
-          },
-          bubbles: !0,
-          composed: !0
-        })
-      ), this.requestUpdate();
-      return;
-    }
-    this._invalidRange = null, this._skipValueNavigation = !0, this.value = P([
-      ...this.value || [],
-      x(a.start, a.end)
-    ]), this.dispatchEvent(
-      new CustomEvent("change", {
-        detail: { value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  onMouseOver(e) {
-    e.isDisabled || (this._selection = g(this._selection, {
-      type: "hover",
-      date: e.date
-    }).state);
-  }
-  // --- Pills ---
-  renderAboveCalendar() {
-    if (this.hidePills) return l;
-    const e = this.getSortedPills();
-    if (e.length === 0) return l;
-    const t = w(e, (o) => this.formatPillLabel(o));
-    return p`
-      <gui-pills
-        class="gui-range-calendar__pills"
-        .uid=${this.uid}
-        .toolbarAriaLabel=${"Selected date ranges"}
-        .items=${t}
-        .removable=${!0}
-        .clickable=${!0}
-        .bubble=${!1}
-        ?disabled=${this.disabled}
-        ?readonly=${this.readOnly}
-        .removeAriaLabel=${this.removePillAriaLabel ?? "Remove date"}
-        @pillremove=${this.onPillRemoveEvent}
-        @pillclick=${this.onPillClickEvent}
-      ></gui-pills>
-    `;
-  }
-  getSortedPills() {
-    return N(
-      this.value,
-      (e, t) => this.parseEndpoint(e).getTime() - this.parseEndpoint(t).getTime()
-    );
-  }
-  navigateToDate(e) {
-    this._nav.navigateToDate(this.endpointDay(e));
-  }
-};
-n([
-  r({ type: String })
-], i.prototype, "uid", 2);
-n([
-  r({ type: String })
-], i.prototype, "label", 2);
-n([
-  r({ type: String })
-], i.prototype, "hint", 2);
-n([
-  r({ type: String, attribute: "locale-id" })
-], i.prototype, "localeId", 2);
-n([
-  r({ type: Array })
-], i.prototype, "errors", 2);
-n([
-  r({ type: Boolean })
-], i.prototype, "touched", 2);
-n([
-  r({ type: Boolean })
-], i.prototype, "required", 2);
-n([
-  r({ type: Boolean })
-], i.prototype, "disabled", 2);
-n([
-  r({ type: Boolean, attribute: "readonly" })
-], i.prototype, "readOnly", 2);
-n([
-  r({ type: String, attribute: "prev-month-icon" })
-], i.prototype, "prevMonthIcon", 2);
-n([
-  r({ type: String, attribute: "next-month-icon" })
-], i.prototype, "nextMonthIcon", 2);
-n([
-  r({ type: String, attribute: "prev-month-aria-label" })
-], i.prototype, "prevMonthAriaLabel", 2);
-n([
-  r({ type: String, attribute: "next-month-aria-label" })
-], i.prototype, "nextMonthAriaLabel", 2);
-n([
-  r({ type: String, attribute: "select-year-aria-label" })
-], i.prototype, "selectYearAriaLabel", 2);
-n([
-  r({ type: String, attribute: "year-grid-aria-label" })
-], i.prototype, "yearGridAriaLabel", 2);
-n([
-  r({ type: String })
-], i.prototype, "dayFormat", 2);
-n([
-  r({ type: String })
-], i.prototype, "weekdayFormat", 2);
-n([
-  r({ type: String })
-], i.prototype, "monthFormat", 2);
-n([
-  r({ type: String })
-], i.prototype, "minDate", 2);
-n([
-  r({ type: String })
-], i.prototype, "maxDate", 2);
-n([
-  r({ type: Array })
-], i.prototype, "disabledRanges", 2);
-n([
-  r({ type: Number })
-], i.prototype, "numberOfMonths", 2);
-n([
-  r({ type: Array })
-], i.prototype, "value", 2);
-n([
-  r({ type: String })
-], i.prototype, "focusDate", 2);
-n([
-  r({ type: Boolean })
-], i.prototype, "hidePills", 2);
-n([
-  r({ type: String })
-], i.prototype, "removePillAriaLabel", 2);
-n([
-  r({ type: String, attribute: "disabled-date-range-message" })
-], i.prototype, "disabledDateRangeMessage", 2);
-n([
-  r({ attribute: !1 })
-], i.prototype, "invalidRange", 2);
-n([
-  v()
-], i.prototype, "_selection", 2);
-n([
-  v()
-], i.prototype, "_invalidRange", 2);
-i = n([
-  y("gui-range-calendar")
-], i);
-typeof customElements < "u" && !customElements.get("gui-range-calendar") && customElements.define("gui-range-calendar", i);

package/range-commit-8-MmYUyo.js

@@ -1,14 +0,0 @@
-function u(e, i, r) {
-  return r(i, e) < 0 ? { start: i, end: e } : { start: e, end: i };
-}
-function v(e, i, r, n) {
-  if (e.kind === "invalid") return { kind: "invalid", message: e.message };
-  if (i.kind === "invalid") return { kind: "invalid", message: i.message };
-  if (e.kind !== "valid" || i.kind !== "valid") return { kind: "incomplete" };
-  const d = n.order ? n.order(e.value, i.value) : { start: e.value, end: i.value }, a = n.validate?.(d) ?? null;
-  return a !== null ? { kind: "invalid", message: a } : { kind: "commit", value: n.merge([...r ?? [], n.toRange(d)]) };
-}
-export {
-  v as c,
-  u as o
-};