overview-components 1.0.91 → 1.0.92

package/dist/node_modules/lit-html/directives/unsafe-html.js

@@ -1,27 +0,0 @@
-import { nothing as s, noChange as r } from "../lit-html.js";
-import { directive as n, Directive as o, PartType as a } from "../directive.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class i extends o {
-  constructor(t) {
-    if (super(t), this.it = s, t.type !== a.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === s || t == null) return this._t = void 0, this.it = t;
-    if (t === r) return t;
-    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.it) return this._t;
-    this.it = t;
-    const e = [t];
-    return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
-  }
-}
-i.directiveName = "unsafeHTML", i.resultType = 1;
-const l = n(i);
-export {
-  i as UnsafeHTMLDirective,
-  l as unsafeHTML
-};

package/dist/node_modules/lit-html/lit-html.js

@@ -1,242 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const H = globalThis, M = H.trustedTypes, B = M ? M.createPolicy("lit-html", { createHTML: (h) => h }) : void 0, W = "$lit$", p = `lit$${Math.random().toFixed(9).slice(2)}$`, k = "?" + p, D = `<${k}>`, f = document, x = () => f.createComment(""), N = (h) => h === null || typeof h != "object" && typeof h != "function", E = Array.isArray, z = (h) => E(h) || typeof (h == null ? void 0 : h[Symbol.iterator]) == "function", w = `[ 	
-\f\r]`, y = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, P = /-->/g, U = />/g, u = RegExp(`>|${w}(?:([^\\s"'>=/]+)(${w}*=${w}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), L = /'/g, O = /"/g, V = /^(?:script|style|textarea|title)$/i, T = Symbol.for("lit-noChange"), a = Symbol.for("lit-nothing"), R = /* @__PURE__ */ new WeakMap(), g = f.createTreeWalker(f, 129);
-function j(h, t) {
-  if (!E(h) || !h.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return B !== void 0 ? B.createHTML(t) : t;
-}
-const Z = (h, t) => {
-  const e = h.length - 1, s = [];
-  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = y;
-  for (let A = 0; A < e; A++) {
-    const r = h[A];
-    let $, _, l = -1, c = 0;
-    for (; c < r.length && (n.lastIndex = c, _ = n.exec(r), _ !== null); ) c = n.lastIndex, n === y ? _[1] === "!--" ? n = P : _[1] !== void 0 ? n = U : _[2] !== void 0 ? (V.test(_[2]) && (i = RegExp("</" + _[2], "g")), n = u) : _[3] !== void 0 && (n = u) : n === u ? _[0] === ">" ? (n = i ?? y, l = -1) : _[1] === void 0 ? l = -2 : (l = n.lastIndex - _[2].length, $ = _[1], n = _[3] === void 0 ? u : _[3] === '"' ? O : L) : n === O || n === L ? n = u : n === P || n === U ? n = y : (n = u, i = void 0);
-    const d = n === u && h[A + 1].startsWith("/>") ? " " : "";
-    o += n === y ? r + D : l >= 0 ? (s.push($), r.slice(0, l) + W + r.slice(l) + p + d) : r + p + (l === -2 ? A : d);
-  }
-  return [j(h, o + (h[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
-};
-class b {
-  constructor({ strings: t, _$litType$: e }, s) {
-    let i;
-    this.parts = [];
-    let o = 0, n = 0;
-    const A = t.length - 1, r = this.parts, [$, _] = Z(t, e);
-    if (this.el = b.createElement($, s), g.currentNode = this.el.content, e === 2 || e === 3) {
-      const l = this.el.content.firstChild;
-      l.replaceWith(...l.childNodes);
-    }
-    for (; (i = g.nextNode()) !== null && r.length < A; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(W)) {
-          const c = _[n++], d = i.getAttribute(l).split(p), C = /([.?@])?(.*)/.exec(c);
-          r.push({ type: 1, index: o, name: C[2], strings: d, ctor: C[1] === "." ? q : C[1] === "?" ? G : C[1] === "@" ? J : S }), i.removeAttribute(l);
-        } else l.startsWith(p) && (r.push({ type: 6, index: o }), i.removeAttribute(l));
-        if (V.test(i.tagName)) {
-          const l = i.textContent.split(p), c = l.length - 1;
-          if (c > 0) {
-            i.textContent = M ? M.emptyScript : "";
-            for (let d = 0; d < c; d++) i.append(l[d], x()), g.nextNode(), r.push({ type: 2, index: ++o });
-            i.append(l[c], x());
-          }
-        }
-      } else if (i.nodeType === 8) if (i.data === k) r.push({ type: 2, index: o });
-      else {
-        let l = -1;
-        for (; (l = i.data.indexOf(p, l + 1)) !== -1; ) r.push({ type: 7, index: o }), l += p.length - 1;
-      }
-      o++;
-    }
-  }
-  static createElement(t, e) {
-    const s = f.createElement("template");
-    return s.innerHTML = t, s;
-  }
-}
-function v(h, t, e = h, s) {
-  var n, A;
-  if (t === T) return t;
-  let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
-  const o = N(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== o && ((A = i == null ? void 0 : i._$AO) == null || A.call(i, !1), o === void 0 ? i = void 0 : (i = new o(h), i._$AT(h, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = v(h, i._$AS(h, t.values), i, s)), t;
-}
-class F {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? f).importNode(e, !0);
-    g.currentNode = i;
-    let o = g.nextNode(), n = 0, A = 0, r = s[0];
-    for (; r !== void 0; ) {
-      if (n === r.index) {
-        let $;
-        r.type === 2 ? $ = new m(o, o.nextSibling, this, t) : r.type === 1 ? $ = new r.ctor(o, r.name, r.strings, this, t) : r.type === 6 && ($ = new K(o, this, t)), this._$AV.push($), r = s[++A];
-      }
-      n !== (r == null ? void 0 : r.index) && (o = g.nextNode(), n++);
-    }
-    return g.currentNode = f, i;
-  }
-  p(t) {
-    let e = 0;
-    for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
-  }
-}
-class m {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, e, s, i) {
-    this.type = 2, this._$AH = a, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = v(this, t, e), N(t) ? t === a || t == null || t === "" ? (this._$AH !== a && this._$AR(), this._$AH = a) : t !== this._$AH && t !== T && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : z(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== a && N(this._$AH) ? this._$AA.nextSibling.data = t : this.T(f.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    var o;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = b.createElement(j(s.h, s.h[0]), this.options)), s);
-    if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(e);
-    else {
-      const n = new F(i, this), A = n.u(this.options);
-      n.p(e), this.T(A), this._$AH = n;
-    }
-  }
-  _$AC(t) {
-    let e = R.get(t.strings);
-    return e === void 0 && R.set(t.strings, e = new b(t)), e;
-  }
-  k(t) {
-    E(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let s, i = 0;
-    for (const o of t) i === e.length ? e.push(s = new m(this.O(x()), this.O(x()), this, this.options)) : s = e[i], s._$AI(o), i++;
-    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    var s;
-    for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const i = t.nextSibling;
-      t.remove(), t = i;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
-  }
-}
-class S {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, s, i, o) {
-    this.type = 1, this._$AH = a, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = a;
-  }
-  _$AI(t, e = this, s, i) {
-    const o = this.strings;
-    let n = !1;
-    if (o === void 0) t = v(this, t, e, 0), n = !N(t) || t !== this._$AH && t !== T, n && (this._$AH = t);
-    else {
-      const A = t;
-      let r, $;
-      for (t = o[0], r = 0; r < o.length - 1; r++) $ = v(this, A[s + r], e, r), $ === T && ($ = this._$AH[r]), n || (n = !N($) || $ !== this._$AH[r]), $ === a ? t = a : t !== a && (t += ($ ?? "") + o[r + 1]), this._$AH[r] = $;
-    }
-    n && !i && this.j(t);
-  }
-  j(t) {
-    t === a ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class q extends S {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === a ? void 0 : t;
-  }
-}
-class G extends S {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== a);
-  }
-}
-class J extends S {
-  constructor(t, e, s, i, o) {
-    super(t, e, s, i, o), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = v(this, t, e, 0) ?? a) === T) return;
-    const s = this._$AH, i = t === a && s !== a || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== a && (s === a || i);
-    i && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var e;
-    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class K {
-  constructor(t, e, s) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    v(this, t);
-  }
-}
-const Q = { I: m }, I = H.litHtmlPolyfillSupport;
-I == null || I(b, m), (H.litHtmlVersions ?? (H.litHtmlVersions = [])).push("3.3.0");
-const X = (h, t, e) => {
-  const s = (e == null ? void 0 : e.renderBefore) ?? t;
-  let i = s._$litPart$;
-  if (i === void 0) {
-    const o = (e == null ? void 0 : e.renderBefore) ?? null;
-    s._$litPart$ = i = new m(t.insertBefore(x(), o), o, void 0, e ?? {});
-  }
-  return i._$AI(h), i;
-};
-export {
-  Q as _$LH,
-  T as noChange,
-  a as nothing,
-  X as render
-};

package/dist/shared/lit-button.js

@@ -1,139 +0,0 @@
-import { LitElement as d, html as r, css as u } from "lit";
-import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as e } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import h from "./styles/button-shared-styles.js";
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (s, n, a, l) => {
-  for (var o = l > 1 ? void 0 : l ? y(n, a) : n, p = s.length - 1, c; p >= 0; p--)
-    (c = s[p]) && (o = (l ? c(n, a, o) : c(o)) || o);
-  return l && o && b(n, a, o), o;
-};
-let t = class extends d {
-  constructor() {
-    super(...arguments), this.variant = "contained", this.size = "medium", this.label = "Button", this.fullWidth = !1, this.disabled = !1, this.count = void 0, this.active = !1, this.isLoading = !1;
-  }
-  render() {
-    const s = `button--${this.size} button--${this.variant} ${this.fullWidth ? "button--fullWidth" : ""} ${this.active ? "active" : ""}`, n = this.count !== void 0 && this.count !== null && this.count >= 0;
-    return r`
-            <button ?disabled=${this.disabled} @click=${this.onClick} class=${s}>
-                <div class="button--content">
-                    ${this.isLoading ? r` <lit-loader size="small" class="button--loader"></lit-loader> ` : null}
-
-                    <div
-                        class="button-inner"
-                        style="visibility: ${this.isLoading ? "hidden" : "visible"};
-                    "
-                    >
-                        <slot name="start-icon">
-                            ${this.icon ? r`<lit-icon
-                                      class="start-icon"
-                                      size="1.25rem"
-                                      icon="${this.icon}"
-                                  ></lit-icon>` : ""}
-                        </slot>
-                        ${this.label}
-                        ${n ? r`<lit-pill count=${this.count}></lit-pill>` : ""}
-                    </div>
-                </div>
-            </button>
-        `;
-  }
-};
-t.styles = [
-  // styles,
-  h,
-  u`
-            /* Basic button styles */
-            button {
-                line-height: 1.5rem;
-                flex-direction: row;
-                justify-content: center;
-            }
-
-            /* Size Variants */
-            .button--small {
-                -webkit-padding: 0.375rem 1rem;
-                padding: 0.1875rem 0.375rem;
-                font-size: 11px;
-            }
-            .button--medium {
-                font-size: 0.75rem;
-                font-weight: 500;
-                -webkit-padding: 0.375rem 0.75rem;
-                padding: 0.375rem 0.75rem;
-            }
-            .button--large {
-                font-weight: 700;
-                -webkit-padding: 0.75rem 1.5rem;
-                padding: 0.75rem 1.5rem;
-                font-size: 0.875rem;
-            }
-
-            /* FullWidth style */
-            .button--fullWidth {
-                width: 100%;
-                display: block;
-            }
-            ::slotted([slot='start-icon']),
-            .start-icon {
-                //margin-right: 8px;
-                font-size: 1.25rem !important;
-            }
-
-            .button--content {
-                position: relative;
-                display: inline-flex;
-                align-items: center;
-                justify-content: center;
-            }
-
-            .button--loader {
-                position: absolute;
-                left: 50%;
-                top: 50%;
-                transform: translate(-50%, -50%);
-            }
-
-            .button-inner {
-                display: inline-flex;
-                align-items: center;
-                gap: 0.5rem;
-                visibility: visible;
-            }
-        `
-];
-i([
-  e({ type: String })
-], t.prototype, "variant", 2);
-i([
-  e({ type: String })
-], t.prototype, "size", 2);
-i([
-  e({ type: String })
-], t.prototype, "label", 2);
-i([
-  e({ type: String })
-], t.prototype, "icon", 2);
-i([
-  e({ type: Boolean })
-], t.prototype, "fullWidth", 2);
-i([
-  e({ type: Boolean })
-], t.prototype, "disabled", 2);
-i([
-  e({ type: Number })
-], t.prototype, "count", 2);
-i([
-  e({ type: Function })
-], t.prototype, "onClick", 2);
-i([
-  e({ type: Boolean })
-], t.prototype, "active", 2);
-i([
-  e({ type: Boolean })
-], t.prototype, "isLoading", 2);
-t = i([
-  m("lit-button")
-], t);
-export {
-  t as LitButton
-};

package/dist/shared/lit-progress-bar.js

@@ -1,80 +0,0 @@
-import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { LitElement as g, html as d, css as v } from "lit";
-var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? f(t, i) : t, a = e.length - 1, p; a >= 0; a--)
-    (p = e[a]) && (r = (o ? p(t, i, r) : p(r)) || r);
-  return o && r && h(t, i, r), r;
-};
-let s = class extends g {
-  constructor() {
-    super(...arguments), this.label = "", this.progress = 0;
-  }
-  render() {
-    const e = Math.min(100, Math.max(0, this.progress));
-    return d`
-            <div class="container">
-                <div class="label">${this.label}</div>
-                <div class="progress-bar-container">
-                    <div class="percentage">${e}%</div>
-                    <div class="progress-bar">
-                        <div class="progress-fill" style="width: ${e}%"></div>
-                    </div>
-                </div>
-            </div>
-        `;
-  }
-};
-s.styles = [
-  v`
-            .container {
-                gap: 4px;
-            }
-
-            .label {
-                font-weight: 500;
-                font-size: 14px;
-                color: var(--text-secondary, #5d6371);
-                gap: 10px;
-                line-height: 24px;
-            }
-
-            .progress-bar-container {
-                display: flex;
-                align-items: center;
-                gap: 4px;
-            }
-
-            .progress-bar {
-                display: flex;
-                width: 100%;
-                height: 12px;
-                border-radius: 8px;
-                background-color: var(--color-primary-light, #f0fadf);
-                overflow: hidden;
-            }
-
-            .progress-fill {
-                height: 100%;
-                background-color: var(--color-primary-main, #76b703);
-                transition: width 0.05s ease-in-out;
-            }
-
-            .percentage {
-                font-weight: 500;
-                font-size: 14px;
-            }
-        `
-];
-l([
-  n({ type: String })
-], s.prototype, "label", 2);
-l([
-  n({ type: Number })
-], s.prototype, "progress", 2);
-s = l([
-  c("lit-progress-bar")
-], s);
-export {
-  s as LitProgressBar
-};

package/dist/shared/simple-tooltip.js

@@ -1,172 +0,0 @@
-import { css as m, LitElement as f, html as u } from "lit";
-import { customElement as g } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { directive as v, Directive as w } from "../node_modules/lit-html/directive.js";
-import { render as p } from "../node_modules/lit-html/lit-html.js";
-import { computePosition as y, offset as E, flip as b, shift as x, size as T, arrow as _ } from "@floating-ui/dom";
-var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, h = (i, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? L(t, n) : t, e = i.length - 1, s; e >= 0; e--)
-    (s = i[e]) && (o = (r ? s(t, n, o) : s(o)) || o);
-  return r && o && k(t, n, o), o;
-};
-const c = ["pointerenter", "mouseenter"], d = ["pointerleave", "mouseleave", "blur", "keydown", "click", "scroll"];
-let l = class extends f {
-  constructor() {
-    super(...arguments), this.showing = !1, this.placement = "top", this.offset = 8, this.openDelayMs = 300, this._target = null, this.openTimeout = null, this.isHoveringTarget = !1, this.scheduleShow = () => {
-      this.clearOpenTimeout(), this.openTimeout = window.setTimeout(() => {
-        this._target && this.isHoveringTarget && this.showTooltipNow();
-      }, this.openDelayMs);
-    }, this.showTooltipNow = () => {
-      this.style.removeProperty("display"), this.style.zIndex = "100000", this.showing = !0, !(!this.target || !this.arrowElement) && y(this.target, this, {
-        placement: this.placement,
-        strategy: "absolute",
-        middleware: [
-          E(this.offset),
-          b(),
-          x({ padding: 8 }),
-          T({ padding: 8 }),
-          _({ element: this.arrowElement })
-        ]
-      }).then(({ x: i, y: t, placement: n, middlewareData: r }) => {
-        r.hide && Object.assign(this.style, {
-          display: r.hide.referenceHidden || !this.showing ? "none" : "block"
-        }), Object.assign(this.style, {
-          left: `${i}px`,
-          top: `${t}px`
-        });
-        const o = {
-          top: "bottom",
-          bottom: "top",
-          left: "right",
-          right: "left"
-        }[n.split("-")[0]], { x: e, y: s } = r.arrow || {};
-        Object.assign(this.arrowElement.style, {
-          left: e != null ? `${e}px` : "",
-          top: s != null ? `${s}px` : "",
-          right: "",
-          bottom: "",
-          [o]: "-4px"
-        });
-      });
-    }, this.clearOpenTimeout = () => {
-      this.openTimeout !== null && (clearTimeout(this.openTimeout), this.openTimeout = null);
-    }, this.markHovering = () => {
-      this.isHoveringTarget = !0;
-    }, this.markNotHovering = () => {
-      this.isHoveringTarget = !1, this.clearOpenTimeout();
-    }, this.hide = () => {
-      this.showing = !1, this.style.display = "none";
-    };
-  }
-  get target() {
-    return this._target;
-  }
-  set target(i) {
-    this._target && (c.forEach((t) => {
-      this._target.removeEventListener(t, this.scheduleShow), this._target.removeEventListener(t, this.markHovering);
-    }), d.forEach((t) => this._target.removeEventListener(t, this.hide))), i && (c.forEach((t) => {
-      i.addEventListener(t, this.scheduleShow), i.addEventListener(t, this.markHovering);
-    }), d.forEach((t) => {
-      i.addEventListener(t, this.markNotHovering), i.addEventListener(t, this.hide);
-    })), this._target = i;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.style.display = "none";
-  }
-  firstUpdated() {
-    this.arrowElement = this.shadowRoot.getElementById("arrow");
-  }
-  render() {
-    return u`
-            <div id="arrow"></div>
-            <slot></slot>
-        `;
-  }
-};
-l.styles = m`
-        :host {
-            position: absolute;
-            display: inline-block;
-            background: black;
-            color: white;
-            font-size: 12px;
-            padding: 4px 8px;
-            border-radius: 6px;
-            line-height: 1.5;
-            pointer-events: none;
-            z-index: 9999;
-            opacity: 0;
-            transform: scale(0.85);
-            transition:
-                opacity 0.2s ease,
-                transform 0.2s ease;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            max-width: 300px;
-            width: max-content;
-        }
-
-        :host([showing]) {
-            opacity: 1;
-            transform: scale(1);
-        }
-
-        #arrow {
-            position: absolute;
-            width: 8px;
-            height: 8px;
-            background: black;
-            transform: rotate(45deg);
-        }
-        slot {
-            display: -webkit-box;
-            -webkit-line-clamp: 30; /* Limit to 3 lines */
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-wrap: break-word;
-            max-height: 70vh;
-        }
-    `;
-h([
-  a({ type: Boolean, reflect: !0 })
-], l.prototype, "showing", 2);
-h([
-  a({ type: String, reflect: !0 })
-], l.prototype, "placement", 2);
-h([
-  a({ type: Number })
-], l.prototype, "offset", 2);
-h([
-  a({ type: Number })
-], l.prototype, "openDelayMs", 2);
-l = h([
-  g("simple-tooltip")
-], l);
-class H extends w {
-  constructor() {
-    super(...arguments), this.initialized = !1;
-  }
-  disconnect() {
-    this.tooltip && (this.tooltip.hide(), this.tooltip.parentElement && this.tooltip.parentElement.removeChild(this.tooltip), this.tooltip = void 0, this.initialized = !1);
-  }
-  render() {
-  }
-  // required override
-  update(t, [n, r = "top", o = 200]) {
-    this.part = t, this.content = n, this.placement = r, this.delay = o;
-    const e = this.part.element;
-    if (!this.initialized) {
-      this.initialized = !0;
-      const s = () => {
-        this.tooltip || (this.tooltip = document.createElement("simple-tooltip"), this.tooltip.placement = this.placement, this.tooltip.openDelayMs = this.delay, document.body.appendChild(this.tooltip), p(this.content, this.tooltip, this.part.options)), this.tooltip.target = e, this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, this.tooltip.scheduleShow(), e.removeEventListener("mouseenter", s), e.removeEventListener("pointerenter", s);
-      };
-      e.addEventListener("mouseenter", s), e.addEventListener("pointerenter", s);
-    }
-    this.tooltip && (this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, p(this.content, this.tooltip, this.part.options), document.body.contains(e) || this.tooltip.hide());
-  }
-}
-const P = v(H);
-export {
-  l as SimpleTooltip,
-  P as tooltip
-};