@golemui/gui-lit 1.0.3 → 1.1.1-rc.0

package/list-D1oKnH89.js

@@ -1,283 +0,0 @@
-import { html as c, LitElement as p, nothing as u } from "lit";
-import { classMap as m } from "lit/directives/class-map.js";
-import "@golemui/core";
-import { property as a, state as d, query as f, customElement as v } from "lit/decorators.js";
-const T = (e) => {
-  const t = {
-    "gui-list__item": !0,
-    "gui-list__item-selected": !!e.selected,
-    "gui-list__item-focused": !!e.focused,
-    "gui-list__item-disabled": !!e.disabled
-  };
-  return c`
-    <div
-      role="option"
-      class=${m(t)}
-      aria-selected=${e.selected ? "true" : "false"}
-      aria-disabled=${e.disabled ? "true" : "false"}
-    >
-      ${e.template}
-    </div>
-  `;
-}, g = (e) => e !== null && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "template") && Object.prototype.hasOwnProperty.call(e, "value");
-function b(e) {
-  const t = typeof e;
-  return t === "string" || t === "number";
-}
-const y = (e, { valueField: t }) => {
-  if (e === null || typeof e != "object")
-    return !1;
-  const i = e, o = t ?? "value";
-  return !!Object.prototype.hasOwnProperty.call(i, o);
-};
-function w(e, { valueField: t }) {
-  if (e === null || typeof e != "object")
-    throw new Error("Provided value is not an object");
-  const i = e, o = t ?? "value", s = Object.prototype.hasOwnProperty.call(i, o) ? o : void 0;
-  if (!s)
-    throw new Error("No valueField exists on the object");
-  return (n) => {
-    if (n === null || typeof n != "object")
-      throw new Error("Item is not an object");
-    return {
-      template: n,
-      value: s ? n[s] : ""
-    };
-  };
-}
-const _ = (e, t) => {
-  if (Array.isArray(e) && e.length > 0 && !g(e[0])) {
-    if (b(e[0]))
-      return e.map((i) => ({
-        template: i,
-        value: i
-      }));
-    if (y(e[0], t)) {
-      const i = w(e[0], t);
-      return e.map(i);
-    } else
-      throw new Error("Invalid list item shape");
-  }
-  return e;
-};
-var I = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? x(t, i) : t, n = e.length - 1, h; n >= 0; n--)
-    (h = e[n]) && (s = (o ? h(t, i, s) : h(s)) || s);
-  return o && s && I(t, i, s), s;
-};
-let r = class extends p {
-  constructor() {
-    super(...arguments), this.uid = void 0, this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.valueField = void 0, this.label = void 0, this.hint = void 0, this.items = [], this.itemHeight = void 0, this.height = void 0, this._items = [], this._scrollTop = 0, this._viewportHeight = 0, this._focusedIndex = -1, this.buffer = 5;
-  }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("items") && this.updateItems(), (e.has("items") || e.has("_scrollTop") || e.has("height")) && this.emitRangeChange();
-  }
-  firstUpdated() {
-    this.measureViewport(), new ResizeObserver(() => this.measureViewport()).observe(this.viewportElement);
-  }
-  render() {
-    const e = this.height ?? 300, t = this.itemHeight ?? 40, i = (this.items?.length ?? 0) * t, { offsetY: o } = this.calculateRange(), s = this._focusedIndex >= 0 ? `${this.uid}-item-${this._focusedIndex}` : void 0;
-    return c`
-      <div
-        role="listbox"
-        id=${this.uid}
-        tabindex=${this.disabled ? -1 : 0}
-        class="gui-list__scroll-viewport"
-        style="max-height: ${e}px; overflow-y: auto; position: relative; display: block;"
-        @scroll="${this.onScroll}"
-        @keydown="${this.onKeyDown}"
-        @focus="${this.onFocus}"
-        @focusout="${this.onFocusOut}"
-        aria-required=${this.required ? "true" : u}
-        aria-disabled=${this.disabled || this.readOnly ? "true" : u}
-        aria-activedescendant="${s ?? u}"
-        aria-label=${this.label ?? u}
-        aria-description=${this.hint ?? u}
-      >
-        <div
-          class="gui-list__spacer"
-          style="height: ${i}px; width: 1px; opacity: 0; pointer-events: none;"
-        ></div>
-
-        <div
-          class="gui-list__content"
-          style="transform: translateY(${o}px); position: absolute; top: 0; left: 0; width: 100%;"
-        >
-          <slot></slot>
-        </div>
-      </div>
-    `;
-  }
-  focus(e) {
-    this.viewportElement ? this.viewportElement.focus(e) : super.focus(e);
-  }
-  focusItemAtIndex(e) {
-    this._focusedIndex = e;
-  }
-  scrollToSelectedIndex() {
-    const e = this._items.findIndex((t) => t.value === this.value);
-    this.scrollToIndex(e);
-  }
-  onKeyDown(e) {
-    if (this.disabled || this.readOnly) return;
-    const t = this.itemHeight ?? 40, i = Math.ceil(this._viewportHeight / t), o = this.items.length - 1;
-    let s = !1;
-    switch (e.key) {
-      case "ArrowDown":
-        this.setFocusedIndex(Math.min(this._focusedIndex + 1, o)), s = !0;
-        break;
-      case "ArrowUp":
-        this.setFocusedIndex(Math.max(this._focusedIndex - 1, 0)), s = !0;
-        break;
-      case "PageDown":
-        this.setFocusedIndex(Math.min(this._focusedIndex + i, o)), s = !0;
-        break;
-      case "PageUp":
-        this.setFocusedIndex(Math.max(this._focusedIndex - i, 0)), s = !0;
-        break;
-      case "Home":
-        this.setFocusedIndex(0), s = !0;
-        break;
-      case "End":
-        this.setFocusedIndex(o), s = !0;
-        break;
-      case "Enter":
-      case " ": {
-        const n = this._items[this._focusedIndex];
-        this._focusedIndex >= 0 && n != null && this.selectItem(n), s = !0;
-        break;
-      }
-    }
-    s && e.preventDefault();
-  }
-  onFocus() {
-    if (!this.value || !this.items.length) return;
-    const e = this._items.findIndex((t) => t.value === this.value);
-    this._focusedIndex = e, this.scrollToIndex(e), this.dispatchEvent(
-      new CustomEvent("gui-focus-change", {
-        detail: { index: e },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  onFocusOut(e) {
-    e.relatedTarget && this.contains(e.relatedTarget) || (this._focusedIndex = -1, this.dispatchEvent(
-      new CustomEvent("gui-focus-change", {
-        detail: { index: -1 },
-        bubbles: !0,
-        composed: !0
-      })
-    ), this.dispatchEvent(new CustomEvent("blur", { bubbles: !0, composed: !0 })));
-  }
-  scrollToIndex(e) {
-    const t = this.itemHeight ?? 40, i = this.height ?? 300, o = e * t, s = o + t, n = this.viewportElement.scrollTop, h = n + i;
-    o < n ? this.viewportElement.scrollTop = o : s > h && (this.viewportElement.scrollTop = s - i);
-  }
-  selectItem(e) {
-    this.dispatchEvent(
-      new CustomEvent("change", {
-        detail: { value: e.value },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  setFocusedIndex(e) {
-    e < 0 || e >= this.items.length || (this._focusedIndex = e, this.scrollToIndex(e), this.dispatchEvent(
-      new CustomEvent("gui-focus-change", {
-        detail: { index: e },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  updateItems() {
-    this._items = _(this.items, { valueField: this.valueField }), this.dispatchEvent(
-      new CustomEvent("gui-update-items", {
-        detail: this._items,
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  emitRangeChange() {
-    const { startIndex: e, endIndex: t } = this.calculateRange();
-    this.dispatchEvent(
-      new CustomEvent("gui-range-change", {
-        detail: { startIndex: e, endIndex: t },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  measureViewport() {
-    this.viewportElement && (this._viewportHeight = this.viewportElement.offsetHeight, this.emitRangeChange());
-  }
-  onScroll(e) {
-    const t = e.target;
-    this._scrollTop = t.scrollTop;
-  }
-  calculateRange() {
-    const e = this.itemHeight ?? 40, t = this.items?.length ?? 0, i = Math.ceil(this._viewportHeight / e), o = Math.floor(this._scrollTop / e), s = Math.max(0, o - this.buffer), n = Math.min(t, o + i + this.buffer), h = s * e;
-    return { startIndex: s, endIndex: n, offsetY: h };
-  }
-};
-l([
-  a({ type: String })
-], r.prototype, "uid", 2);
-l([
-  a({ type: Boolean })
-], r.prototype, "touched", 2);
-l([
-  a({ type: Boolean })
-], r.prototype, "required", 2);
-l([
-  a({ type: Boolean })
-], r.prototype, "disabled", 2);
-l([
-  a({ type: Boolean, attribute: "readonly" })
-], r.prototype, "readOnly", 2);
-l([
-  a({ type: String })
-], r.prototype, "value", 2);
-l([
-  a({ type: String })
-], r.prototype, "valueField", 2);
-l([
-  a({ type: String })
-], r.prototype, "label", 2);
-l([
-  a({ type: String })
-], r.prototype, "hint", 2);
-l([
-  a({ type: Array })
-], r.prototype, "items", 2);
-l([
-  a({ type: Number })
-], r.prototype, "itemHeight", 2);
-l([
-  a({ type: Number })
-], r.prototype, "height", 2);
-l([
-  d()
-], r.prototype, "_items", 2);
-l([
-  d()
-], r.prototype, "_scrollTop", 2);
-l([
-  d()
-], r.prototype, "_viewportHeight", 2);
-l([
-  d()
-], r.prototype, "_focusedIndex", 2);
-l([
-  f(".gui-list__scroll-viewport")
-], r.prototype, "viewportElement", 2);
-r = l([
-  v("gui-list")
-], r);
-typeof customElements < "u" && !customElements.get("gui-list") && customElements.define("gui-list", r);
-export {
-  T as d
-};

package/range-calendar-CBINu84w.js

@@ -1,255 +0,0 @@
-import { html as b, nothing as p } from "lit";
-import { property as D, state as v, customElement as $ } from "lit/decorators.js";
-import { classMap as M } from "lit/directives/class-map.js";
-import { p as h, i as d, t as O, a as w, b as f, g as A, m as E, c as _ } from "./date-CDUlLuYy.js";
-import { A as P } from "./abstract-calendar-D0-077XJ.js";
-import "./pills-B66qz_KX.js";
-var C = Object.defineProperty, k = Object.getOwnPropertyDescriptor, g = (e, i, s, n) => {
-  for (var a = n > 1 ? void 0 : n ? k(i, s) : i, t = e.length - 1, r; t >= 0; t--)
-    (r = e[t]) && (a = (n ? r(i, s, a) : r(a)) || a);
-  return n && a && C(i, s, a), a;
-};
-let c = class extends P {
-  constructor() {
-    super(...arguments), this.value = [], this.focusDate = void 0, this.hidePills = !1, this.removePillAriaLabel = void 0, this._anchorDate = null, this._nextDate = null, this._isSelecting = !1, this._skipValueNavigation = !1, this.onPillRemoveEvent = (e) => {
-      if (this.disabled || this.readOnly) return;
-      const s = this.getSortedPills().find(
-        (a) => `${a.start}-${a.end ?? a.start}` === e.detail.key
-      );
-      if (!s) return;
-      const n = (this.value ?? []).filter(
-        (a) => !(a.start === s.start && (a.end ?? null) === (s.end ?? null))
-      );
-      this.value = n, this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: { value: this.value },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }, this.onPillClickEvent = (e) => {
-      const s = this.getSortedPills().find((n) => `${n.start}-${n.end ?? n.start}` === e.detail.key);
-      s && this.navigateToDate(s.start);
-    };
-  }
-  createRenderRoot() {
-    return this;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-field");
-  }
-  willUpdate(e) {
-    if (e.has("value") && !e.has("focusDate")) {
-      if (this._skipValueNavigation)
-        this._skipValueNavigation = !1;
-      else if (this.value) {
-        const i = Array.isArray(this.value) ? this.value : [{ start: this.value }];
-        if (i.length > 0 && i[0].start) {
-          const s = h(i[0].start);
-          !isNaN(s.getTime()) && !d(s, this._currentDate, this.numberOfMonths ?? 1) && (this._currentDate = s);
-        }
-      }
-    }
-    if (e.has("focusDate") && this.focusDate) {
-      const i = h(this.focusDate);
-      isNaN(i.getTime()) || (d(i, this._currentDate, this.numberOfMonths ?? 1) || (this._currentDate = i), this.focusDate = void 0);
-    }
-  }
-  renderDay(e) {
-    const i = {
-      "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,
-      "is-anchor": e.isAnchor,
-      "is-selecting": e.isSelecting,
-      disabled: e.isDisabled
-    };
-    return b`
-      <button
-        type="button"
-        role="gridcell"
-        class=${M(i)}
-        tabindex=${e.isFocusable ? 0 : -1}
-        ?disabled=${!e.isCurrentMonth || e.isDisabled}
-        data-date=${O(e.date)}
-        @click=${(s) => this.selectDate(e, s)}
-        @mouseover=${() => this.onMouseOver(e)}
-        @focus=${() => this.onMouseOver(e)}
-        @keydown=${(s) => this.handleKeydown(s, e)}
-        aria-selected=${e.isRangeStart || e.isRangeEnd || e.isInRange ? "true" : "false"}
-      >
-        ${e.dayLabel}
-      </button>
-    `;
-  }
-  getDaysInMonth(e) {
-    const i = new Date(this._currentDate);
-    i.setDate(1), i.setMonth(i.getMonth() + e);
-    const s = this.generateDateGrid(e), n = i.getMonth();
-    let a = s.map((t) => {
-      const r = t.getMonth() === n, l = this.isDisabled(t), o = w(t), { isRangeStart: u, isRangeEnd: m, isInRange: y, isSelecting: R } = this.checkDateStatus(t), S = o || u, T = this._anchorDate ? f(t, this._anchorDate) : !1;
-      return {
-        date: t,
-        dayLabel: A(this.localeId, t),
-        isCurrentMonth: r,
-        isToday: o,
-        isRangeStart: u,
-        isRangeEnd: m,
-        isInRange: y,
-        isDisabled: l,
-        isOneDayRange: u && m,
-        isAnchor: T,
-        isFocusable: S,
-        isSelecting: R && r
-      };
-    });
-    for (let t = 0; t < 2; t++)
-      a.slice(-7).every((l) => !l.isCurrentMonth) && (a = a.slice(0, -7));
-    if (e === 0 && !a.some((t) => t.isFocusable)) {
-      const t = this.numberOfMonths ?? 1, r = d(/* @__PURE__ */ new Date(), this._currentDate, t), l = this.value?.some(
-        (o) => d(h(o.start), this._currentDate, t)
-      ) ?? !1;
-      if (!r && !l) {
-        const o = a.find((u) => u.isCurrentMonth && !u.isDisabled);
-        o && (o.isFocusable = !0);
-      }
-    }
-    return a;
-  }
-  checkDateStatus(e) {
-    let i = !1, s = !1, n = !1, a = !1;
-    if (this._isSelecting && this._nextDate && this._anchorDate) {
-      const t = this._nextDate.date, r = new Date(this._anchorDate);
-      t.getTime() > r.getTime() ? a = e.getTime() >= r.getTime() && e.getTime() <= t.getTime() : a = e.getTime() >= t.getTime() && e.getTime() <= r.getTime();
-    }
-    if (this.value && Array.isArray(this.value))
-      for (const t of this.value) {
-        const r = h(t.start);
-        if (f(e, r) && (i = !0, s = !t.end), t.end) {
-          const l = h(t.end);
-          f(e, l) && (s = !0);
-          const o = e.getTime(), u = r.getTime(), m = l.getTime();
-          o > u && o < m && (n = !0);
-        }
-      }
-    return { isRangeStart: i, isRangeEnd: s, isInRange: n, isSelecting: a };
-  }
-  selectDate(e, i = null) {
-    if (!e.isCurrentMonth || this.disabled || this.readOnly) return;
-    const s = e.date;
-    if (!this._anchorDate) {
-      this._isSelecting = !0, this._anchorDate = s;
-      return;
-    }
-    let n = this._anchorDate, a = s;
-    s < n && (n = s, a = this._anchorDate);
-    const t = this.calculateValidRanges(n, a), r = [...this.value || [], ...t];
-    this._skipValueNavigation = !0, this.value = E(r), this._isSelecting = !1, this._nextDate = null, this._anchorDate = null, this.dispatchEvent(
-      new CustomEvent("change", {
-        detail: { value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /**
-   * Calculates and returns an array of valid date ranges between the given start date and end date.
-   * A date range is considered valid if no dates within the range are disabled.
-   *
-   * @param {Date} startDate - The starting date for the range calculation.
-   * @param {Date} endDate - The ending date for the range calculation.
-   * @return {DateRange[]} An array of valid date ranges where each range defines consecutive, non-disabled dates.
-   */
-  calculateValidRanges(e, i) {
-    const s = [], n = new Date(e), a = new Date(i);
-    n.setHours(0, 0, 0, 0), a.setHours(0, 0, 0, 0);
-    let t = null;
-    for (; n <= a; ) {
-      if (!this.isDisabled(n))
-        t || (t = new Date(n));
-      else if (t) {
-        const l = new Date(n);
-        l.setDate(n.getDate() - 1), s.push(_(t, l)), t = null;
-      }
-      n.setDate(n.getDate() + 1);
-    }
-    return t && s.push(_(t, i)), s;
-  }
-  onMouseOver(e) {
-    this._isSelecting && (this._nextDate = e);
-  }
-  // --- Pills ---
-  renderAboveCalendar() {
-    if (this.hidePills) return p;
-    const e = this.getSortedPills();
-    if (e.length === 0) return p;
-    const i = e.map((s) => {
-      const n = this.formatDateForDisplay(s.start), a = s.end ? this.formatDateForDisplay(s.end) : n, t = `${n} - ${a}`;
-      return {
-        key: `${s.start}-${s.end ?? s.start}`,
-        label: t,
-        ariaLabel: `${this.removePillAriaLabel ?? "Remove date"} ${t}`
-      };
-    });
-    return b`
-      <gui-pills
-        class="gui-range-calendar__pills"
-        .items=${i}
-        .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>
-    `;
-  }
-  formatDateForDisplay(e) {
-    const i = h(e);
-    return isNaN(i.getTime()) ? e : new Intl.DateTimeFormat(this.localeId ?? "en", {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit"
-    }).format(i);
-  }
-  getSortedPills() {
-    return !this.value || !Array.isArray(this.value) ? [] : [...this.value].sort(
-      (e, i) => h(e.start).getTime() - h(i.start).getTime()
-    );
-  }
-  navigateToDate(e) {
-    const i = h(e);
-    !isNaN(i.getTime()) && !d(i, this._currentDate, this.numberOfMonths ?? 1) && (this._currentDate = i);
-  }
-};
-g([
-  D({ type: Array })
-], c.prototype, "value", 2);
-g([
-  D({ type: String })
-], c.prototype, "focusDate", 2);
-g([
-  D({ type: Boolean })
-], c.prototype, "hidePills", 2);
-g([
-  D({ type: String })
-], c.prototype, "removePillAriaLabel", 2);
-g([
-  v()
-], c.prototype, "_anchorDate", 2);
-g([
-  v()
-], c.prototype, "_nextDate", 2);
-g([
-  v()
-], c.prototype, "_isSelecting", 2);
-c = g([
-  $("gui-range-calendar")
-], c);
-typeof customElements < "u" && !customElements.get("gui-range-calendar") && customElements.define("gui-range-calendar", c);