@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/table-Dmo4TvTx.js

@@ -1,561 +0,0 @@
-import { _ as g } from "./tslib.es6-ujVQHAQ4.js";
-import { html as a, noChange as j, LitElement as P } from "lit";
-import { property as f } from "lit/decorators/property.js";
-import { directive as H, PartType as W } from "lit/directive.js";
-import { AsyncDirective as q } from "lit/async-directive.js";
-import { repeat as U } from "lit/directives/repeat.js";
-import { $ as D } from "./litElement.mixin-DHZXtvYq.js";
-import { property as _, customElement as M, state as k } from "lit/decorators.js";
-var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, w = (s, t, e, i) => {
-  for (var r, o = i > 1 ? void 0 : i ? J(t, e) : t, l = s.length - 1; l >= 0; l--) (r = s[l]) && (o = (i ? r(t, e, o) : r(o)) || o);
-  return i && o && G(t, e, o), o;
-};
-let v = class extends D() {
-  constructor() {
-    super(...arguments), this.columns = [], this.cols = this.columns.map(() => "1fr").join(" ");
-  }
-  renderCell(s) {
-    if (s.render) return a`
-				<div class="overflow-hidden text-ellipsis">
-					<schmancy-typography align="${s.align || "left"}" maxLines="2" weight="${s.weight || "normal"}">
-						${s.render(this.item)}
-					</schmancy-typography>
-				</div>
-			`;
-    const t = s.key ? this.item[s.key] : "";
-    return a`
-			<div class="overflow-hidden text-ellipsis">
-				<schmancy-typography align="${s.align || "left"}" maxLines="2" weight="${s.weight || "normal"}">
-					${t}
-				</schmancy-typography>
-			</div>
-		`;
-  }
-  render() {
-    return a`
-			<schmancy-list-item class="w-full">
-				<schmancy-grid .cols=${this.cols} align="center" gap="md">
-					${this.columns.map((s) => this.renderCell(s))}
-				</schmancy-grid>
-			</schmancy-list-item>
-		`;
-  }
-};
-w([_({ type: Array, attribute: !1 })], v.prototype, "columns", 2), w([_({ type: Object, attribute: !1 })], v.prototype, "item", 2), w([_({ type: String })], v.prototype, "cols", 2), v = w([M("schmancy-table-row")], v);
-class E extends Event {
-  constructor(t) {
-    super(E.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
-  }
-}
-E.eventName = "rangeChanged";
-class L extends Event {
-  constructor(t) {
-    super(L.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
-  }
-}
-L.eventName = "visibilityChanged";
-class z extends Event {
-  constructor() {
-    super(z.eventName, { bubbles: !1 });
-  }
-}
-z.eventName = "unpinned";
-class X {
-  constructor(t) {
-    this._element = null;
-    const e = t ?? window;
-    this._node = e, t && (this._element = t);
-  }
-  get element() {
-    return this._element || document.scrollingElement || document.documentElement;
-  }
-  get scrollTop() {
-    return this.element.scrollTop || window.scrollY;
-  }
-  get scrollLeft() {
-    return this.element.scrollLeft || window.scrollX;
-  }
-  get scrollHeight() {
-    return this.element.scrollHeight;
-  }
-  get scrollWidth() {
-    return this.element.scrollWidth;
-  }
-  get viewportHeight() {
-    return this._element ? this._element.getBoundingClientRect().height : window.innerHeight;
-  }
-  get viewportWidth() {
-    return this._element ? this._element.getBoundingClientRect().width : window.innerWidth;
-  }
-  get maxScrollTop() {
-    return this.scrollHeight - this.viewportHeight;
-  }
-  get maxScrollLeft() {
-    return this.scrollWidth - this.viewportWidth;
-  }
-}
-class Y extends X {
-  constructor(t, e) {
-    super(e), this._clients = /* @__PURE__ */ new Set(), this._retarget = null, this._end = null, this.t = null, this.correctingScrollError = !1, this._checkForArrival = this._checkForArrival.bind(this), this._updateManagedScrollTo = this._updateManagedScrollTo.bind(this), this.scrollTo = this.scrollTo.bind(this), this.scrollBy = this.scrollBy.bind(this);
-    const i = this._node;
-    this._originalScrollTo = i.scrollTo, this._originalScrollBy = i.scrollBy, this._originalScroll = i.scroll, this._attach(t);
-  }
-  get _destination() {
-    return this.t;
-  }
-  get scrolling() {
-    return this._destination !== null;
-  }
-  scrollTo(t, e) {
-    const i = typeof t == "number" && typeof e == "number" ? { left: t, top: e } : t;
-    this._scrollTo(i);
-  }
-  scrollBy(t, e) {
-    const i = typeof t == "number" && typeof e == "number" ? { left: t, top: e } : t;
-    i.top !== void 0 && (i.top += this.scrollTop), i.left !== void 0 && (i.left += this.scrollLeft), this._scrollTo(i);
-  }
-  _nativeScrollTo(t) {
-    this._originalScrollTo.bind(this._element || window)(t);
-  }
-  _scrollTo(t, e = null, i = null) {
-    this._end !== null && this._end(), t.behavior === "smooth" ? (this._setDestination(t), this._retarget = e, this._end = i) : this._resetScrollState(), this._nativeScrollTo(t);
-  }
-  _setDestination(t) {
-    let { top: e, left: i } = t;
-    return e = e === void 0 ? void 0 : Math.max(0, Math.min(e, this.maxScrollTop)), i = i === void 0 ? void 0 : Math.max(0, Math.min(i, this.maxScrollLeft)), (this._destination === null || i !== this._destination.left || e !== this._destination.top) && (this.t = { top: e, left: i, behavior: "smooth" }, !0);
-  }
-  _resetScrollState() {
-    this.t = null, this._retarget = null, this._end = null;
-  }
-  _updateManagedScrollTo(t) {
-    this._destination && this._setDestination(t) && this._nativeScrollTo(this._destination);
-  }
-  managedScrollTo(t, e, i) {
-    return this._scrollTo(t, e, i), this._updateManagedScrollTo;
-  }
-  correctScrollError(t) {
-    this.correctingScrollError = !0, requestAnimationFrame(() => requestAnimationFrame(() => this.correctingScrollError = !1)), this._nativeScrollTo(t), this._retarget && this._setDestination(this._retarget()), this._destination && this._nativeScrollTo(this._destination);
-  }
-  _checkForArrival() {
-    if (this._destination !== null) {
-      const { scrollTop: t, scrollLeft: e } = this;
-      let { top: i, left: r } = this._destination;
-      i = Math.min(i || 0, this.maxScrollTop), r = Math.min(r || 0, this.maxScrollLeft);
-      const o = Math.abs(i - t), l = Math.abs(r - e);
-      o < 1 && l < 1 && (this._end && this._end(), this._resetScrollState());
-    }
-  }
-  detach(t) {
-    return this._clients.delete(t), this._clients.size === 0 && (this._node.scrollTo = this._originalScrollTo, this._node.scrollBy = this._originalScrollBy, this._node.scroll = this._originalScroll, this._node.removeEventListener("scroll", this._checkForArrival)), null;
-  }
-  _attach(t) {
-    this._clients.add(t), this._clients.size === 1 && (this._node.scrollTo = this.scrollTo, this._node.scrollBy = this.scrollBy, this._node.scroll = this.scrollTo, this._node.addEventListener("scroll", this._checkForArrival));
-  }
-}
-let T = typeof window < "u" ? window.ResizeObserver : void 0;
-const x = /* @__PURE__ */ Symbol("virtualizerRef"), C = "virtualizer-sizer";
-let O;
-class K {
-  constructor(t) {
-    if (this._benchmarkStart = null, this._layout = null, this._clippingAncestors = [], this._scrollSize = null, this._scrollError = null, this._childrenPos = null, this._childMeasurements = null, this._toBeMeasured = /* @__PURE__ */ new Map(), this._rangeChanged = !0, this._itemsChanged = !0, this._visibilityChanged = !0, this._scrollerController = null, this._isScroller = !1, this._sizer = null, this._hostElementRO = null, this._childrenRO = null, this._mutationObserver = null, this._scrollEventListeners = [], this._scrollEventListenerOptions = { passive: !0 }, this._loadListener = this._childLoaded.bind(this), this._scrollIntoViewTarget = null, this._updateScrollIntoViewCoordinates = null, this._items = [], this._first = -1, this._last = -1, this._firstVisible = -1, this._lastVisible = -1, this._scheduled = /* @__PURE__ */ new WeakSet(), this._measureCallback = null, this._measureChildOverride = null, this._layoutCompletePromise = null, this._layoutCompleteResolver = null, this._layoutCompleteRejecter = null, this._pendingLayoutComplete = null, this._layoutInitialized = null, this._connected = !1, !t) throw new Error("Virtualizer constructor requires a configuration object");
-    if (!t.hostElement) throw new Error('Virtualizer configuration requires the "hostElement" property');
-    this._init(t);
-  }
-  set items(t) {
-    Array.isArray(t) && t !== this._items && (this._itemsChanged = !0, this._items = t, this._schedule(this._updateLayout));
-  }
-  _init(t) {
-    this._isScroller = !!t.scroller, this._initHostElement(t);
-    const e = t.layout || {};
-    this._layoutInitialized = this._initLayout(e);
-  }
-  _initObservers() {
-    this._mutationObserver = new MutationObserver(this._finishDOMUpdate.bind(this)), this._hostElementRO = new T(() => this._hostElementSizeChanged()), this._childrenRO = new T(this._childrenSizeChanged.bind(this));
-  }
-  _initHostElement(t) {
-    const e = this._hostElement = t.hostElement;
-    this._applyVirtualizerStyles(), e[x] = this;
-  }
-  connected() {
-    this._initObservers();
-    const t = this._isScroller;
-    this._clippingAncestors = (function(e, i = !1) {
-      let r = !1;
-      return (function(o, l = !1) {
-        const c = [];
-        let n = l ? o : V(o);
-        for (; n !== null; ) c.push(n), n = V(n);
-        return c;
-      })(e, i).filter((o) => {
-        if (r) return !1;
-        const l = getComputedStyle(o);
-        return r = l.position === "fixed", l.overflow !== "visible";
-      });
-    })(this._hostElement, t), this._scrollerController = new Y(this, this._clippingAncestors[0]), this._schedule(this._updateLayout), this._observeAndListen(), this._connected = !0;
-  }
-  _observeAndListen() {
-    this._mutationObserver.observe(this._hostElement, { childList: !0 }), this._hostElementRO.observe(this._hostElement), this._scrollEventListeners.push(window), window.addEventListener("scroll", this, this._scrollEventListenerOptions), this._clippingAncestors.forEach((t) => {
-      t.addEventListener("scroll", this, this._scrollEventListenerOptions), this._scrollEventListeners.push(t), this._hostElementRO.observe(t);
-    }), this._hostElementRO.observe(this._scrollerController.element), this._children.forEach((t) => this._childrenRO.observe(t)), this._scrollEventListeners.forEach((t) => t.addEventListener("scroll", this, this._scrollEventListenerOptions));
-  }
-  disconnected() {
-    this._scrollEventListeners.forEach((t) => t.removeEventListener("scroll", this, this._scrollEventListenerOptions)), this._scrollEventListeners = [], this._clippingAncestors = [], this._scrollerController?.detach(this), this._scrollerController = null, this._mutationObserver?.disconnect(), this._mutationObserver = null, this._hostElementRO?.disconnect(), this._hostElementRO = null, this._childrenRO?.disconnect(), this._childrenRO = null, this._rejectLayoutCompletePromise("disconnected"), this._connected = !1;
-  }
-  _applyVirtualizerStyles() {
-    const t = this._hostElement.style;
-    t.display = t.display || "block", t.position = t.position || "relative", t.contain = t.contain || "size layout", this._isScroller && (t.overflow = t.overflow || "auto", t.minHeight = t.minHeight || "150px");
-  }
-  _getSizer() {
-    const t = this._hostElement;
-    if (!this._sizer) {
-      let e = t.querySelector(`[${C}]`);
-      e || (e = document.createElement("div"), e.setAttribute(C, ""), t.appendChild(e)), Object.assign(e.style, { position: "absolute", margin: "-2px 0 0 0", padding: 0, visibility: "hidden", fontSize: "2px" }), e.textContent = "&nbsp;", e.setAttribute(C, ""), this._sizer = e;
-    }
-    return this._sizer;
-  }
-  async updateLayoutConfig(t) {
-    await this._layoutInitialized;
-    const e = t.type || O;
-    if (typeof e == "function" && this._layout instanceof e) {
-      const i = { ...t };
-      return delete i.type, this._layout.config = i, !0;
-    }
-    return !1;
-  }
-  async _initLayout(t) {
-    let e, i;
-    if (typeof t.type == "function") {
-      i = t.type;
-      const r = { ...t };
-      delete r.type, e = r;
-    } else e = t;
-    i === void 0 && (O = i = (await import("./flow-DXYqC9OA.js")).FlowLayout), this._layout = new i((r) => this._handleLayoutMessage(r), e), this._layout.measureChildren && typeof this._layout.updateItemSizes == "function" && (typeof this._layout.measureChildren == "function" && (this._measureChildOverride = this._layout.measureChildren), this._measureCallback = this._layout.updateItemSizes.bind(this._layout)), this._layout.listenForChildLoadEvents && this._hostElement.addEventListener("load", this._loadListener, !0), this._schedule(this._updateLayout);
-  }
-  startBenchmarking() {
-    this._benchmarkStart === null && (this._benchmarkStart = window.performance.now());
-  }
-  stopBenchmarking() {
-    if (this._benchmarkStart !== null) {
-      const t = window.performance.now(), e = t - this._benchmarkStart, i = performance.getEntriesByName("uv-virtualizing", "measure").filter((r) => r.startTime >= this._benchmarkStart && r.startTime < t).reduce((r, o) => r + o.duration, 0);
-      return this._benchmarkStart = null, { timeElapsed: e, virtualizationTime: i };
-    }
-    return null;
-  }
-  _measureChildren() {
-    const t = {}, e = this._children, i = this._measureChildOverride || this._measureChild;
-    for (let r = 0; r < e.length; r++) {
-      const o = e[r], l = this._first + r;
-      (this._itemsChanged || this._toBeMeasured.has(o)) && (t[l] = i.call(this, o, this._items[l]));
-    }
-    this._childMeasurements = t, this._schedule(this._updateLayout), this._toBeMeasured.clear();
-  }
-  _measureChild(t) {
-    const { width: e, height: i } = t.getBoundingClientRect();
-    return Object.assign({ width: e, height: i }, (function(r) {
-      const o = window.getComputedStyle(r);
-      return { marginTop: S(o.marginTop), marginRight: S(o.marginRight), marginBottom: S(o.marginBottom), marginLeft: S(o.marginLeft) };
-    })(t));
-  }
-  async _schedule(t) {
-    this._scheduled.has(t) || (this._scheduled.add(t), await Promise.resolve(), this._scheduled.delete(t), t.call(this));
-  }
-  async _updateDOM(t) {
-    this._scrollSize = t.scrollSize, this._adjustRange(t.range), this._childrenPos = t.childPositions, this._scrollError = t.scrollError || null;
-    const { _rangeChanged: e, _itemsChanged: i } = this;
-    this._visibilityChanged && (this._notifyVisibility(), this._visibilityChanged = !1), (e || i) && (this._notifyRange(), this._rangeChanged = !1), this._finishDOMUpdate();
-  }
-  _finishDOMUpdate() {
-    this._connected && (this._children.forEach((t) => this._childrenRO.observe(t)), this._checkScrollIntoViewTarget(this._childrenPos), this._positionChildren(this._childrenPos), this._sizeHostElement(this._scrollSize), this._correctScrollError(), this._benchmarkStart && "mark" in window.performance && window.performance.mark("uv-end"));
-  }
-  _updateLayout() {
-    this._layout && this._connected && (this._layout.items = this._items, this._updateView(), this._childMeasurements !== null && (this._measureCallback && this._measureCallback(this._childMeasurements), this._childMeasurements = null), this._layout.reflowIfNeeded(), this._benchmarkStart && "mark" in window.performance && window.performance.mark("uv-end"));
-  }
-  _handleScrollEvent() {
-    if (this._benchmarkStart && "mark" in window.performance) {
-      try {
-        window.performance.measure("uv-virtualizing", "uv-start", "uv-end");
-      } catch {
-      }
-      window.performance.mark("uv-start");
-    }
-    this._scrollerController.correctingScrollError === !1 && this._layout?.unpin(), this._schedule(this._updateLayout);
-  }
-  handleEvent(t) {
-    t.type === "scroll" && (t.currentTarget === window || this._clippingAncestors.includes(t.currentTarget)) && this._handleScrollEvent();
-  }
-  _handleLayoutMessage(t) {
-    t.type === "stateChanged" ? this._updateDOM(t) : t.type === "visibilityChanged" ? (this._firstVisible = t.firstVisible, this._lastVisible = t.lastVisible, this._notifyVisibility()) : t.type === "unpinned" && this._hostElement.dispatchEvent(new z());
-  }
-  get _children() {
-    const t = [];
-    let e = this._hostElement.firstElementChild;
-    for (; e; ) e.hasAttribute(C) || t.push(e), e = e.nextElementSibling;
-    return t;
-  }
-  _updateView() {
-    const t = this._hostElement, e = this._scrollerController?.element, i = this._layout;
-    if (t && e && i) {
-      let r, o, l, c;
-      const n = t.getBoundingClientRect();
-      r = 0, o = 0, l = window.innerHeight, c = window.innerWidth;
-      const h = this._clippingAncestors.map((m) => m.getBoundingClientRect());
-      h.unshift(n);
-      for (const m of h) r = Math.max(r, m.top), o = Math.max(o, m.left), l = Math.min(l, m.bottom), c = Math.min(c, m.right);
-      const y = e.getBoundingClientRect(), b = { left: n.left - y.left, top: n.top - y.top }, $ = { width: e.scrollWidth, height: e.scrollHeight }, F = r - n.top + t.scrollTop, N = o - n.left + t.scrollLeft, A = Math.max(0, l - r), B = Math.max(0, c - o);
-      i.viewportSize = { width: B, height: A }, i.viewportScroll = { top: F, left: N }, i.totalScrollSize = $, i.offsetWithinScroller = b;
-    }
-  }
-  _sizeHostElement(t) {
-    const i = t && t.width !== null ? Math.min(82e5, t.width) : 0, r = t && t.height !== null ? Math.min(82e5, t.height) : 0;
-    if (this._isScroller) this._getSizer().style.transform = `translate(${i}px, ${r}px)`;
-    else {
-      const o = this._hostElement.style;
-      o.minWidth = i ? `${i}px` : "100%", o.minHeight = r ? `${r}px` : "100%";
-    }
-  }
-  _positionChildren(t) {
-    t && t.forEach(({ top: e, left: i, width: r, height: o, xOffset: l, yOffset: c }, n) => {
-      const h = this._children[n - this._first];
-      h && (h.style.position = "absolute", h.style.boxSizing = "border-box", h.style.transform = `translate(${i}px, ${e}px)`, r !== void 0 && (h.style.width = r + "px"), o !== void 0 && (h.style.height = o + "px"), h.style.left = l === void 0 ? null : l + "px", h.style.top = c === void 0 ? null : c + "px");
-    });
-  }
-  async _adjustRange(t) {
-    const { _first: e, _last: i, _firstVisible: r, _lastVisible: o } = this;
-    this._first = t.first, this._last = t.last, this._firstVisible = t.firstVisible, this._lastVisible = t.lastVisible, this._rangeChanged = this._rangeChanged || this._first !== e || this._last !== i, this._visibilityChanged = this._visibilityChanged || this._firstVisible !== r || this._lastVisible !== o;
-  }
-  _correctScrollError() {
-    if (this._scrollError) {
-      const { scrollTop: t, scrollLeft: e } = this._scrollerController, { top: i, left: r } = this._scrollError;
-      this._scrollError = null, this._scrollerController.correctScrollError({ top: t - i, left: e - r });
-    }
-  }
-  element(t) {
-    return t === 1 / 0 && (t = this._items.length - 1), this._items?.[t] === void 0 ? void 0 : { scrollIntoView: (e = {}) => this._scrollElementIntoView({ ...e, index: t }) };
-  }
-  _scrollElementIntoView(t) {
-    if (t.index >= this._first && t.index <= this._last) this._children[t.index - this._first].scrollIntoView(t);
-    else if (t.index = Math.min(t.index, this._items.length - 1), t.behavior === "smooth") {
-      const e = this._layout.getScrollIntoViewCoordinates(t), { behavior: i } = t;
-      this._updateScrollIntoViewCoordinates = this._scrollerController.managedScrollTo(Object.assign(e, { behavior: i }), () => this._layout.getScrollIntoViewCoordinates(t), () => this._scrollIntoViewTarget = null), this._scrollIntoViewTarget = t;
-    } else this._layout.pin = t;
-  }
-  _checkScrollIntoViewTarget(t) {
-    const { index: e } = this._scrollIntoViewTarget || {};
-    e && t?.has(e) && this._updateScrollIntoViewCoordinates(this._layout.getScrollIntoViewCoordinates(this._scrollIntoViewTarget));
-  }
-  _notifyRange() {
-    this._hostElement.dispatchEvent(new E({ first: this._first, last: this._last }));
-  }
-  _notifyVisibility() {
-    this._hostElement.dispatchEvent(new L({ first: this._firstVisible, last: this._lastVisible }));
-  }
-  get layoutComplete() {
-    return this._layoutCompletePromise || (this._layoutCompletePromise = new Promise((t, e) => {
-      this._layoutCompleteResolver = t, this._layoutCompleteRejecter = e;
-    })), this._layoutCompletePromise;
-  }
-  _rejectLayoutCompletePromise(t) {
-    this._layoutCompleteRejecter !== null && this._layoutCompleteRejecter(t), this._resetLayoutCompleteState();
-  }
-  _scheduleLayoutComplete() {
-    this._layoutCompletePromise && this._pendingLayoutComplete === null && (this._pendingLayoutComplete = requestAnimationFrame(() => requestAnimationFrame(() => this._resolveLayoutCompletePromise())));
-  }
-  _resolveLayoutCompletePromise() {
-    this._layoutCompleteResolver !== null && this._layoutCompleteResolver(), this._resetLayoutCompleteState();
-  }
-  _resetLayoutCompleteState() {
-    this._layoutCompletePromise = null, this._layoutCompleteResolver = null, this._layoutCompleteRejecter = null, this._pendingLayoutComplete = null;
-  }
-  _hostElementSizeChanged() {
-    this._schedule(this._updateLayout);
-  }
-  _childLoaded() {
-  }
-  _childrenSizeChanged(t) {
-    if (this._layout?.measureChildren) {
-      for (const e of t) this._toBeMeasured.set(e.target, e.contentRect);
-      this._measureChildren();
-    }
-    this._scheduleLayoutComplete(), this._itemsChanged = !1, this._rangeChanged = !1;
-  }
-}
-function S(s) {
-  const t = s ? parseFloat(s) : NaN;
-  return Number.isNaN(t) ? 0 : t;
-}
-function V(s) {
-  if (s.assignedSlot !== null) return s.assignedSlot;
-  if (s.parentElement !== null) return s.parentElement;
-  const t = s.parentNode;
-  return t && t.nodeType === Node.DOCUMENT_FRAGMENT_NODE && t.host || null;
-}
-const R = (s) => s, I = (s, t) => a`${t}: ${JSON.stringify(s, null, 2)}`, Q = H(class extends q {
-  constructor(s) {
-    if (super(s), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (t, e) => I(t, e + this._first), this._keyFunction = (t, e) => R(t, this._first), this._items = [], s.type !== W.CHILD) throw new Error("The virtualize directive can only be used in child expressions");
-  }
-  render(s) {
-    s && this._setFunctions(s);
-    const t = [];
-    if (this._first >= 0 && this._last >= this._first) for (let e = this._first; e <= this._last; e++) t.push(this._items[e]);
-    return U(t, this._keyFunction, this._renderItem);
-  }
-  update(s, [t]) {
-    this._setFunctions(t);
-    const e = this._items !== t.items;
-    return this._items = t.items || [], this._virtualizer ? this._updateVirtualizerConfig(s, t) : this._initialize(s, t), e ? j : this.render();
-  }
-  async _updateVirtualizerConfig(s, t) {
-    if (!await this._virtualizer.updateLayoutConfig(t.layout || {})) {
-      const e = s.parentNode;
-      this._makeVirtualizer(e, t);
-    }
-    this._virtualizer.items = this._items;
-  }
-  _setFunctions(s) {
-    const { renderItem: t, keyFunction: e } = s;
-    t && (this._renderItem = (i, r) => t(i, r + this._first)), e && (this._keyFunction = (i, r) => e(i, r + this._first));
-  }
-  _makeVirtualizer(s, t) {
-    this._virtualizer && this._virtualizer.disconnected();
-    const { layout: e, scroller: i, items: r } = t;
-    this._virtualizer = new K({ hostElement: s, layout: e, scroller: i }), this._virtualizer.items = r, this._virtualizer.connected();
-  }
-  _initialize(s, t) {
-    const e = s.parentNode;
-    e && e.nodeType === 1 && (e.addEventListener("rangeChanged", (i) => {
-      this._first = i.first, this._last = i.last, this.setValue(this.render());
-    }), this._makeVirtualizer(e, t));
-  }
-  disconnected() {
-    this._virtualizer?.disconnected();
-  }
-  reconnected() {
-    this._virtualizer?.connected();
-  }
-});
-class p extends P {
-  constructor() {
-    super(...arguments), this.items = [], this.renderItem = I, this.keyFunction = R, this.layout = {}, this.scroller = !1;
-  }
-  createRenderRoot() {
-    return this;
-  }
-  render() {
-    const { items: t, renderItem: e, keyFunction: i, layout: r, scroller: o } = this;
-    return a`${Q({ items: t, renderItem: e, keyFunction: i, layout: r, scroller: o })}`;
-  }
-  element(t) {
-    return this[x]?.element(t);
-  }
-  get layoutComplete() {
-    return this[x]?.layoutComplete;
-  }
-  scrollToIndex(t, e = "start") {
-    this.element(t)?.scrollIntoView({ block: e });
-  }
-}
-g([f({ attribute: !1 })], p.prototype, "items", void 0), g([f()], p.prototype, "renderItem", void 0), g([f()], p.prototype, "keyFunction", void 0), g([f({ attribute: !1 })], p.prototype, "layout", void 0), g([f({ reflect: !0, type: Boolean })], p.prototype, "scroller", void 0), customElements.define("lit-virtualizer", p);
-var Z = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, d = (s, t, e, i) => {
-  for (var r, o = i > 1 ? void 0 : i ? tt(t, e) : t, l = s.length - 1; l >= 0; l--) (r = s[l]) && (o = (i ? r(t, e, o) : r(o)) || o);
-  return i && o && Z(t, e, o), o;
-};
-let u = class extends D() {
-  constructor() {
-    super(), this.columns = [], this.data = [], this.keyField = "id", this.cols = "1fr", this.sortable = !1, this.sortColumn = null, this.sortDirection = null, this.filteredData = [], this.filteredData = this.data;
-  }
-  willUpdate(s) {
-    (s.has("data") || s.has("sortColumn") || s.has("sortDirection")) && this.processData();
-  }
-  isDate(s) {
-    return s && typeof s == "object" && Object.prototype.toString.call(s) === "[object Date]";
-  }
-  processData() {
-    let s = [...this.data];
-    if (this.sortable && this.sortColumn && this.sortDirection) {
-      const t = this.columns.find((e) => e.key === this.sortColumn);
-      s.sort((e, i) => {
-        let r, o;
-        if (t && t.value ? (r = t.value(e), o = t.value(i)) : (r = e[this.sortColumn], o = i[this.sortColumn]), r == null) return this.sortDirection === "asc" ? 1 : -1;
-        if (o == null) return this.sortDirection === "asc" ? -1 : 1;
-        if (typeof r == "number" && typeof o == "number") return this.sortDirection === "asc" ? r - o : o - r;
-        const l = typeof r == "string" && !isNaN(Number(r)), c = typeof o == "string" && !isNaN(Number(o));
-        if (l && c) {
-          const y = parseFloat(r), b = parseFloat(o);
-          return this.sortDirection === "asc" ? y - b : b - y;
-        }
-        if (this.isDate(r) && this.isDate(o)) return this.sortDirection === "asc" ? r.getTime() - o.getTime() : o.getTime() - r.getTime();
-        const n = String(r), h = String(o);
-        return this.sortDirection === "asc" ? n.localeCompare(h) : h.localeCompare(n);
-      });
-    }
-    this.filteredData = s;
-  }
-  toggleSort(s) {
-    if (!s.key || s.sortable === !1) return;
-    const t = s.key;
-    t === this.sortColumn ? this.sortDirection === "asc" ? this.sortDirection = "desc" : this.sortDirection === "desc" ? this.sortDirection = null : this.sortDirection = "asc" : (this.sortColumn = t, this.sortDirection = "asc"), this.dispatchEvent(new CustomEvent("sort-change", { detail: { column: this.sortColumn, direction: this.sortDirection }, bubbles: !0, composed: !0 }));
-  }
-  renderSortIndicator(s) {
-    return this.sortable && s.sortable !== !1 && s.key && s.key === this.sortColumn ? a`
-			<span class="ml-1">
-				${this.sortDirection === "asc" ? a`<schmancy-icon size="16px">arrow_upward</schmancy-icon>` : this.sortDirection === "desc" ? a`<schmancy-icon size="16px">arrow_downward</schmancy-icon>` : null}
-			</span>
-		` : null;
-  }
-  render() {
-    const s = (t) => ({ "flex items-center": !0, "cursor-pointer gap-1": this.sortable && t.sortable !== !1 && t.key });
-    return a`
-			<schmancy-grid class="h-full w-full" cols="1fr" rows="auto 1fr">
-				<schmancy-surface rounded="top" elevation="1" type="containerHighest" class="sticky top-0 z-10">
-					<schmancy-grid align="center" class="px-4 py-3" .cols=${this.cols} gap="md" rows="1fr">
-						${this.columns.map((t) => a`
-								<div
-									class=${this.classMap(s(t))}
-									@click=${() => this.sortable && t.sortable !== !1 ? this.toggleSort(t) : null}
-								>
-									<schmancy-typography align=${t.align ?? "left"} weight=${t.weight ?? "bold"}>
-										${t.name}
-									</schmancy-typography>
-									${this.renderSortIndicator(t)}
-								</div>
-							`)}
-					</schmancy-grid>
-				</schmancy-surface>
-
-				${this.filteredData.length > 0 ? a`
-							<lit-virtualizer
-								scroller
-								class="w-full h-full relative overflow-auto"
-								.items=${this.filteredData}
-								.keyFunction=${(t, e) => {
-      const i = t?.[this.keyField];
-      return i == null ? e : typeof i == "string" || typeof i == "number" ? i : String(i);
-    }}
-								.renderItem=${(t, e) => a`
-										<schmancy-table-row
-											class="w-full border-b border-solid border-outlineVariant"
-											.columns=${this.columns}
-											.item=${t}
-											cols=${this.cols}
-											@click=${() => {
-      const i = { item: t, index: e };
-      this.dispatchEvent(new CustomEvent("click", { detail: i, bubbles: !0, composed: !0 }));
-    }}
-										></schmancy-table-row>
-									`}
-							></lit-virtualizer>
-						` : a`
-							<div class="flex items-center justify-center w-full h-full p-8 text-center">
-								<schmancy-typography type="body" token="lg"> No data available </schmancy-typography>
-							</div>
-						`}
-			</schmancy-grid>
-		`;
-  }
-};
-d([_({ type: Array, attribute: !1 })], u.prototype, "columns", 2), d([_({ type: Array, attribute: !1 })], u.prototype, "data", 2), d([_({ type: String })], u.prototype, "keyField", 2), d([_({ type: String })], u.prototype, "cols", 2), d([_({ type: Boolean })], u.prototype, "sortable", 2), d([k()], u.prototype, "sortColumn", 2), d([k()], u.prototype, "sortDirection", 2), d([k()], u.prototype, "filteredData", 2), u = d([M("schmancy-table")], u);
-export {
-  v as S,
-  u as a
-};
-//# sourceMappingURL=table-Dmo4TvTx.js.map