@golemui/gui-lit 1.2.0 → 1.2.1

package/focus-leave.controller-2gV0pQd5.js

@@ -1,73 +0,0 @@
-import "lit";
-function c(i, e, n, t, r = {}) {
-  const { includeStart: d = !1, outOfBounds: s = "index" } = r;
-  let a = d ? i : i + e;
-  for (; a >= 0 && a < n; ) {
-    if (!t(a))
-      return a;
-    a += e;
-  }
-  return s === "index" ? a : -1;
-}
-function u(i, e) {
-  const { columns: n, isRTL: t, pageSize: r } = e;
-  switch (i) {
-    case "ArrowUp":
-      return { kind: "delta", delta: -n };
-    case "ArrowDown":
-      return { kind: "delta", delta: n };
-    case "ArrowLeft":
-      return n === 1 ? { kind: "none" } : { kind: "delta", delta: t ? 1 : -1 };
-    case "ArrowRight":
-      return n === 1 ? { kind: "none" } : { kind: "delta", delta: t ? -1 : 1 };
-    case "PageUp":
-      return r === void 0 ? { kind: "none" } : { kind: "delta", delta: -r };
-    case "PageDown":
-      return r === void 0 ? { kind: "none" } : { kind: "delta", delta: r };
-    case "Home":
-      return { kind: "edge", edge: "first" };
-    case "End":
-      return { kind: "edge", edge: "last" };
-    default:
-      return { kind: "none" };
-  }
-}
-function l(i, e, n) {
-  return Math.max(1, Math.floor((i ?? 300) / (e || 40))) * (n || 1);
-}
-function h(i, e) {
-  const n = [];
-  for (let t = 0; t < i.length; t += e)
-    n.push(i.slice(t, t + e));
-  return n;
-}
-class f {
-  constructor(e, n) {
-    this.onFocusOut = (t) => {
-      this.handleFocusOut(t);
-    }, e.addController(this), this.host = e, this.options = n;
-  }
-  /** Runs the leave detection for a focusout event. */
-  handleFocusOut(e) {
-    this.isInside(e.relatedTarget) || (this._rafId !== void 0 && cancelAnimationFrame(this._rafId), this._rafId = requestAnimationFrame(() => {
-      this._rafId = void 0, this.isInside(document.activeElement) || this.options.onLeave();
-    }));
-  }
-  /** Cancels a pending deferred leave check, if any. */
-  cancelPendingLeave() {
-    this._rafId !== void 0 && (cancelAnimationFrame(this._rafId), this._rafId = void 0);
-  }
-  isInside(e) {
-    return !!e && this.host.contains(e);
-  }
-  hostDisconnected() {
-    this.cancelPendingLeave();
-  }
-}
-export {
-  f as G,
-  h as c,
-  u as g,
-  l,
-  c as n
-};

package/list-D730tmGN.js

@@ -1,297 +0,0 @@
-import { html as u, LitElement as c } from "lit";
-import { classMap as p } from "lit/directives/class-map.js";
-import "@golemui/core";
-import { property as a, state as h, query as m, customElement as f } from "lit/decorators.js";
-const F = (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 u`
-    <div
-      role="option"
-      class=${p(t)}
-      aria-selected=${e.selected ? "true" : "false"}
-      aria-disabled=${e.disabled ? "true" : "false"}
-    >
-      ${e.template}
-    </div>
-  `;
-}, b = (e) => e !== null && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "template") && Object.prototype.hasOwnProperty.call(e, "value");
-function v(e) {
-  const t = typeof e;
-  return t === "string" || t === "number";
-}
-const g = (e, { valueField: t }) => {
-  if (e === null || typeof e != "object")
-    return !1;
-  const s = e, o = t ?? "value";
-  return !!Object.prototype.hasOwnProperty.call(s, o);
-};
-function y(e, { valueField: t }) {
-  if (e === null || typeof e != "object")
-    throw new Error("Provided value is not an object");
-  const s = e, o = t ?? "value", i = Object.prototype.hasOwnProperty.call(s, o) ? o : void 0;
-  if (!i)
-    throw new Error("No valueField exists on the object");
-  return (r) => {
-    if (r === null || typeof r != "object")
-      throw new Error("Item is not an object");
-    const d = r;
-    return {
-      template: r,
-      value: i ? d[i] : "",
-      ...typeof d.disabled == "boolean" ? { disabled: d.disabled } : {}
-    };
-  };
-}
-const I = (e, t) => {
-  if (Array.isArray(e) && e.length > 0 && !b(e[0])) {
-    if (v(e[0]))
-      return e.map((s) => ({
-        template: s,
-        value: s
-      }));
-    if (g(e[0], t)) {
-      const s = y(e[0], t);
-      return e.map(s);
-    } else
-      throw new Error("Invalid list item shape");
-  }
-  return e;
-};
-var w = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (e, t, s, o) => {
-  for (var i = o > 1 ? void 0 : o ? _(t, s) : t, r = e.length - 1, d; r >= 0; r--)
-    (d = e[r]) && (i = (o ? d(t, s, i) : d(i)) || i);
-  return o && i && w(t, s, i), i;
-};
-let n = class extends c {
-  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, this.onKeyDown = (e) => {
-      if (this.disabled || this.readOnly) return;
-      const t = this.itemHeight ?? 40, s = Math.ceil(this._viewportHeight / t), o = this.items.length - 1;
-      let i = !1;
-      switch (e.key) {
-        case "ArrowDown":
-          this.setFocusedIndex(this.findEnabledIndex(Math.min(this._focusedIndex + 1, o), 1)), i = !0;
-          break;
-        case "ArrowUp":
-          this.setFocusedIndex(this.findEnabledIndex(Math.max(this._focusedIndex - 1, 0), -1)), i = !0;
-          break;
-        case "PageDown":
-          this.setFocusedIndex(
-            this.findEnabledIndex(Math.min(this._focusedIndex + s, o), 1)
-          ), i = !0;
-          break;
-        case "PageUp":
-          this.setFocusedIndex(
-            this.findEnabledIndex(Math.max(this._focusedIndex - s, 0), -1)
-          ), i = !0;
-          break;
-        case "Home":
-          this.setFocusedIndex(this.findEnabledIndex(0, 1)), i = !0;
-          break;
-        case "End":
-          this.setFocusedIndex(this.findEnabledIndex(o, -1)), i = !0;
-          break;
-        case "Enter":
-        case " ": {
-          const r = this._items[this._focusedIndex];
-          this._focusedIndex >= 0 && r != null && !r.disabled && this.selectItem(r), i = !0;
-          break;
-        }
-      }
-      i && e.preventDefault();
-    }, this.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
-        })
-      );
-    }, this.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 })));
-    };
-  }
-  willUpdate(e) {
-    super.willUpdate(e), e.has("items") && this.updateItems(), (e.has("items") || e.has("_scrollTop") || e.has("height")) && this.emitRangeChange(), this.syncHostAria();
-  }
-  syncHostAria() {
-    this.setAttribute("role", "listbox"), this.tabIndex = this.disabled ? -1 : 0;
-    const e = (t, s) => {
-      s === null ? this.removeAttribute(t) : this.setAttribute(t, s);
-    };
-    e("aria-required", this.required ? "true" : null), e("aria-disabled", this.disabled || this.readOnly ? "true" : null), e(
-      "aria-activedescendant",
-      this._focusedIndex >= 0 ? `${this.uid}-item-${this._focusedIndex}` : null
-    ), e("aria-label", this.label ?? null), e("aria-description", this.hint ?? null);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("keydown", this.onKeyDown), this.addEventListener("focus", this.onFocus), this.addEventListener("focusout", this.onFocusOut);
-  }
-  firstUpdated() {
-    this.measureViewport(), new ResizeObserver(() => this.measureViewport()).observe(this.viewportElement);
-  }
-  render() {
-    const e = this.height ?? 300, t = this.itemHeight ?? 40, s = (this.items?.length ?? 0) * t, { offsetY: o } = this.calculateRange();
-    return u`
-      <div
-        class="gui-list__scroll-viewport"
-        style="max-height: ${e}px; min-height: 40px; overflow-y: auto; position: relative; display: block;"
-        @scroll="${this.onScroll}"
-      >
-        <div
-          class="gui-list__spacer"
-          style="height: ${s}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>
-    `;
-  }
-  focusItemAtIndex(e) {
-    this._focusedIndex = e;
-  }
-  scrollToSelectedIndex() {
-    const e = this._items.findIndex((t) => t.value === this.value);
-    this.scrollToIndex(e);
-  }
-  scrollToIndex(e) {
-    const t = this.itemHeight ?? 40, s = this.height ?? 300, o = e * t, i = o + t, r = this.viewportElement.scrollTop, d = r + s;
-    o < r ? this.viewportElement.scrollTop = o : i > d && (this.viewportElement.scrollTop = i - s);
-  }
-  selectItem(e) {
-    this.dispatchEvent(
-      new CustomEvent("change", {
-        detail: { value: e.value },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  /**
-   * First enabled item index walking from `from` in `direction`, or -1 when
-   * every item that way is disabled — keyboard navigation skips disabled rows.
-   */
-  findEnabledIndex(e, t) {
-    for (let s = e; s >= 0 && s < this._items.length; s += t)
-      if (!this._items[s]?.disabled) return s;
-    return -1;
-  }
-  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 = I(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, s = Math.ceil(this._viewportHeight / e), o = Math.floor(this._scrollTop / e), i = Math.max(0, o - this.buffer), r = Math.min(t, o + s + this.buffer), d = i * e;
-    return { startIndex: i, endIndex: r, offsetY: d };
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("keydown", this.onKeyDown), this.removeEventListener("focus", this.onFocus), this.removeEventListener("focusout", this.onFocusOut);
-  }
-};
-l([
-  a({ type: String })
-], n.prototype, "uid", 2);
-l([
-  a({ type: Boolean })
-], n.prototype, "touched", 2);
-l([
-  a({ type: Boolean })
-], n.prototype, "required", 2);
-l([
-  a({ type: Boolean })
-], n.prototype, "disabled", 2);
-l([
-  a({ type: Boolean, attribute: "readonly" })
-], n.prototype, "readOnly", 2);
-l([
-  a({ type: String })
-], n.prototype, "value", 2);
-l([
-  a({ type: String })
-], n.prototype, "valueField", 2);
-l([
-  a({ type: String })
-], n.prototype, "label", 2);
-l([
-  a({ type: String })
-], n.prototype, "hint", 2);
-l([
-  a({ type: Array })
-], n.prototype, "items", 2);
-l([
-  a({ type: Number })
-], n.prototype, "itemHeight", 2);
-l([
-  a({ type: Number })
-], n.prototype, "height", 2);
-l([
-  h()
-], n.prototype, "_items", 2);
-l([
-  h()
-], n.prototype, "_scrollTop", 2);
-l([
-  h()
-], n.prototype, "_viewportHeight", 2);
-l([
-  h()
-], n.prototype, "_focusedIndex", 2);
-l([
-  m(".gui-list__scroll-viewport")
-], n.prototype, "viewportElement", 2);
-n = l([
-  f("gui-list")
-], n);
-typeof customElements < "u" && !customElements.get("gui-list") && customElements.define("gui-list", n);
-export {
-  F as d
-};

package/markdown-text-X-BRJT6K.js

@@ -1,30 +0,0 @@
-import { LitElement as u, html as c } from "lit";
-import { property as d, customElement as f } from "lit/decorators.js";
-import { unsafeHTML as a } from "lit/directives/unsafe-html.js";
-import "@golemui/gui-shared";
-var l = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (p, r, o, n) => {
-  for (var e = n > 1 ? void 0 : n ? v(r, o) : r, s = p.length - 1, m; s >= 0; s--)
-    (m = p[s]) && (e = (n ? m(r, o, e) : m(e)) || e);
-  return n && e && l(r, o, e), e;
-};
-let t = class extends u {
-  constructor() {
-    super(...arguments), this.md = void 0, this.dependencies = void 0;
-  }
-  createRenderRoot() {
-    return this;
-  }
-  render() {
-    return c`${a(this.dependencies?.markdown?.parse(this.md ?? ""))}`;
-  }
-};
-i([
-  d({ type: String })
-], t.prototype, "md", 2);
-i([
-  d({ type: Object })
-], t.prototype, "dependencies", 2);
-t = i([
-  f("gui-markdown-text")
-], t);
-typeof customElements < "u" && !customElements.get("gui-markdown-text") && customElements.define("gui-markdown-text", t);

package/markdown-text.element-B8TfVLIO.js

@@ -1,55 +0,0 @@
-import { LitElement as n, html as c } from "lit";
-import { property as l, customElement as m } from "lit/decorators.js";
-import { consume as u, provide as h } from "@lit/context";
-import { DisplayWidgetAdapter as f, formContext as x, displayWidgetContext as b } from "@golemui/lit";
-import "./markdown-text-X-BRJT6K.js";
-import "rxjs";
-var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, d = (r, t, a, s) => {
-  for (var e = s > 1 ? void 0 : s ? w(t, a) : t, o = r.length - 1, p; o >= 0; o--)
-    (p = r[o]) && (e = (s ? p(t, a, e) : p(e)) || e);
-  return s && e && g(t, a, e), e;
-};
-let i = class extends n {
-  constructor() {
-    super(...arguments), this.adapter = new f(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(r) {
-    super.updated(r);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-markdown-text", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return c`
-      <div class="gui-widget" id=${this.widget.uid}>
-        <gui-markdown-text
-          .md=${this.adapter.templateData.md}
-          .dependencies=${this.adapter.templateData.deps}
-        ></gui-markdown-text>
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((r) => r.unsubscribe());
-  }
-};
-d([
-  u({ context: x }),
-  l({ attribute: !1 })
-], i.prototype, "formContext", 2);
-d([
-  h({ context: b })
-], i.prototype, "adapter", 2);
-i = d([
-  m("gui-markdown-text-display")
-], i);
-export {
-  i as MarkdownTextElement
-};