@mhmo91/schmancy 0.2.126 → 0.2.128

package/dist/{table-CAAYvRWb.js → table-D7KL2FaN.js}

@@ -1,98 +1,65 @@
-import { _ as g } from "./tslib.es6-ujVQHAQ4.js";
-import { css as H, html as d, noChange as D, LitElement as W } from "lit";
-import { property as f } from "lit/decorators/property.js";
-import { directive as q, PartType as U } from "lit/directive.js";
-import { AsyncDirective as G } from "lit/async-directive.js";
-import { repeat as L } from "lit/directives/repeat.js";
-import { $ as R } from "./litElement.mixin-KVNPHS0h.js";
-import { property as c, customElement as M } from "lit/decorators.js";
+import { _ as y } from "./tslib.es6-ujVQHAQ4.js";
+import { html as h, noChange as j, LitElement as H } from "lit";
+import { property as g } from "lit/decorators/property.js";
+import { directive as W, PartType as q } from "lit/directive.js";
+import { AsyncDirective as U } from "lit/async-directive.js";
+import { repeat as G } from "lit/directives/repeat.js";
+import { $ as M } from "./litElement.mixin-PXLBM6N4.js";
+import { property as _, customElement as D, state as L } from "lit/decorators.js";
 var J = Object.defineProperty, X = Object.getOwnPropertyDescriptor, v = (s, t, e, i) => {
-  for (var l, r = i > 1 ? void 0 : i ? X(t, e) : t, o = s.length - 1; o >= 0; o--) (l = s[o]) && (r = (i ? l(t, e, r) : l(r)) || r);
-  return i && r && J(t, e, r), r;
+  for (var r, l = i > 1 ? void 0 : i ? X(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
+  return i && l && J(t, e, l), l;
 };
-let m = class extends R(H`
-	:host {
-		display: block;
-		z-index: -1;
-	}
-`) {
+let f = class extends M() {
   constructor() {
-    super(...arguments), this.columns = [], this.cols = "1fr";
+    super(...arguments), this.columns = [], this.cols = this.columns.map(() => "1fr").join(" ");
+  }
+  renderCell(s) {
+    if (s.render) return h`
+				<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 h`
+			<div class="overflow-hidden text-ellipsis">
+				<schmancy-typography align="${s.align || "left"}" maxLines="2" weight="${s.weight || "normal"}">
+					${t}
+				</schmancy-typography>
+			</div>
+		`;
   }
   render() {
-    return d`
-			<schmancy-list-item
-				@click=${() => {
-      this.dispatchEvent(new CustomEvent("row-click", { detail: this.item, bubbles: !0, composed: !0 }));
-    }}
-				class="w-full"
-			>
+    return h`
+			<schmancy-list-item class="w-full">
 				<schmancy-grid .cols=${this.cols} align="center" gap="md">
-					${this.columns.map((s) => {
-      var t;
-      return d`
-							<div class="overflow-hidden text-ellipsis">
-								<schmancy-typography
-									align="${s.align || "left"}"
-									maxLines="2"
-									weight="${s.weight || "normal"}"
-								>
-									${s.render ? s.render(this.item) : s.key ? (t = this.item) == null ? void 0 : t[s.key] : ""}
-								</schmancy-typography>
-							</div>
-						`;
-    })}
-					<sch-flex
-						class="min-w-fit block"
-						flow="row-dense"
-						.hidden=${Array.isArray(this.actions) && this.actions.length === 0}
-					>
-						${L(this.actions ?? [], ({ name: s }) => s, ({ name: s, action: t }) => d`
-								<schmancy-icon-button
-									@click=${(e) => {
-      e.stopPropagation(), t(this.item);
-    }}
-								>
-									${s}
-								</schmancy-icon-button>
-							`)}
-					</sch-flex>
-					<!-- <schmancy-menu .hidden=${Array.isArray(this.actions) && this.actions.length === 0}>
-						${L(this.actions ?? [], ({ name: s }) => s, ({ name: s, action: t }) => d`
-							<schmancy-menu-item
-								class="z-[10000]"
-								@click=${(e) => {
-      e.stopPropagation(), t(this.item);
-    }}
-							>
-								${s}
-							</schmancy-menu-item>
-						`)}
-					</schmancy-menu> -->
+					${this.columns.map((s) => this.renderCell(s))}
 				</schmancy-grid>
 			</schmancy-list-item>
 		`;
   }
 };
-v([c({ type: Array, attribute: !1 })], m.prototype, "columns", 2), v([c({ type: Object, attribute: !1 })], m.prototype, "item", 2), v([c({ type: String })], m.prototype, "cols", 2), v([c({ type: Array })], m.prototype, "actions", 2), m = v([M("schmancy-table-row")], m);
+v([_({ type: Array, attribute: !1 })], f.prototype, "columns", 2), v([_({ type: Object, attribute: !1 })], f.prototype, "item", 2), v([_({ type: String })], f.prototype, "cols", 2), f = v([D("schmancy-table-row")], f);
 class C extends Event {
   constructor(t) {
     super(C.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
   }
 }
 C.eventName = "rangeChanged";
-class E extends Event {
+class S extends Event {
   constructor(t) {
-    super(E.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
+    super(S.eventName, { bubbles: !1 }), this.first = t.first, this.last = t.last;
   }
 }
-E.eventName = "visibilityChanged";
-class S extends Event {
+S.eventName = "visibilityChanged";
+class E extends Event {
   constructor() {
-    super(S.eventName, { bubbles: !1 });
+    super(E.eventName, { bubbles: !1 });
   }
 }
-S.eventName = "unpinned";
+E.eventName = "unpinned";
 class Y {
   constructor(t) {
     this._element = null;
@@ -172,10 +139,10 @@ class K extends Y {
   _checkForArrival() {
     if (this._destination !== null) {
       const { scrollTop: t, scrollLeft: e } = this;
-      let { top: i, left: l } = this._destination;
-      i = Math.min(i || 0, this.maxScrollTop), l = Math.min(l || 0, this.maxScrollLeft);
-      const r = Math.abs(i - t), o = Math.abs(l - e);
-      r < 1 && o < 1 && (this._end && this._end(), this._resetScrollState());
+      let { top: i, left: r } = this._destination;
+      i = Math.min(i || 0, this.maxScrollTop), r = Math.min(r || 0, this.maxScrollLeft);
+      const l = Math.abs(i - t), o = Math.abs(r - e);
+      l < 1 && o < 1 && (this._end && this._end(), this._resetScrollState());
     }
   }
   detach(t) {
@@ -213,16 +180,16 @@ class Q {
     this._initObservers();
     const t = this._isScroller;
     this._clippingAncestors = function(e, i = !1) {
-      let l = !1;
-      return function(r, o = !1) {
-        const a = [];
-        let h = o ? r : V(r);
-        for (; h !== null; ) a.push(h), h = V(h);
-        return a;
-      }(e, i).filter((r) => {
-        if (l) return !1;
-        const o = getComputedStyle(r);
-        return l = o.position === "fixed", o.overflow !== "visible";
+      let r = !1;
+      return function(l, o = !1) {
+        const c = [];
+        let a = o ? l : V(l);
+        for (; a !== null; ) c.push(a), a = V(a);
+        return c;
+      }(e, i).filter((l) => {
+        if (r) return !1;
+        const o = getComputedStyle(l);
+        return r = o.position === "fixed", o.overflow !== "visible";
       });
     }(this._hostElement, t), this._scrollerController = new K(this, this._clippingAncestors[0]), this._schedule(this._updateLayout), this._observeAndListen(), this._connected = !0;
   }
@@ -232,8 +199,8 @@ class Q {
     }), 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() {
-    var t, e, i, l;
-    this._scrollEventListeners.forEach((r) => r.removeEventListener("scroll", this, this._scrollEventListenerOptions)), this._scrollEventListeners = [], this._clippingAncestors = [], (t = this._scrollerController) == null || t.detach(this), this._scrollerController = null, (e = this._mutationObserver) == null || e.disconnect(), this._mutationObserver = null, (i = this._hostElementRO) == null || i.disconnect(), this._hostElementRO = null, (l = this._childrenRO) == null || l.disconnect(), this._childrenRO = null, this._rejectLayoutCompletePromise("disconnected"), this._connected = !1;
+    var t, e, i, r;
+    this._scrollEventListeners.forEach((l) => l.removeEventListener("scroll", this, this._scrollEventListenerOptions)), this._scrollEventListeners = [], this._clippingAncestors = [], (t = this._scrollerController) == null || t.detach(this), this._scrollerController = null, (e = this._mutationObserver) == null || e.disconnect(), this._mutationObserver = null, (i = this._hostElementRO) == null || i.disconnect(), this._hostElementRO = null, (r = this._childrenRO) == null || r.disconnect(), this._childrenRO = null, this._rejectLayoutCompletePromise("disconnected"), this._connected = !1;
   }
   _applyVirtualizerStyles() {
     const t = this._hostElement.style;
@@ -260,34 +227,34 @@ class Q {
     let e, i;
     if (typeof t.type == "function") {
       i = t.type;
-      const l = { ...t };
-      delete l.type, e = l;
+      const r = { ...t };
+      delete r.type, e = r;
     } else e = t;
-    i === void 0 && (O = i = (await import("./flow-B1wMqea2.js")).FlowLayout), this._layout = new i((l) => this._handleLayoutMessage(l), 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);
+    i === void 0 && (O = i = (await import("./flow-B1wMqea2.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((l) => l.startTime >= this._benchmarkStart && l.startTime < t).reduce((l, r) => l + r.duration, 0);
+      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, l) => r + l.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 l = 0; l < e.length; l++) {
-      const r = e[l], o = this._first + l;
-      (this._itemsChanged || this._toBeMeasured.has(r)) && (t[o] = i.call(this, r, this._items[o]));
+    for (let r = 0; r < e.length; r++) {
+      const l = e[r], o = this._first + r;
+      (this._itemsChanged || this._toBeMeasured.has(l)) && (t[o] = i.call(this, l, this._items[o]));
     }
     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(l) {
-      const r = window.getComputedStyle(l);
-      return { marginTop: w(r.marginTop), marginRight: w(r.marginRight), marginBottom: w(r.marginBottom), marginLeft: w(r.marginLeft) };
+    return Object.assign({ width: e, height: i }, function(r) {
+      const l = window.getComputedStyle(r);
+      return { marginTop: w(l.marginTop), marginRight: w(l.marginRight), marginBottom: w(l.marginBottom), marginLeft: w(l.marginLeft) };
     }(t));
   }
   async _schedule(t) {
@@ -319,7 +286,7 @@ class Q {
     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 S());
+    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 E());
   }
   get _children() {
     const t = [];
@@ -328,41 +295,41 @@ class Q {
     return t;
   }
   _updateView() {
-    var l;
-    const t = this._hostElement, e = (l = this._scrollerController) == null ? void 0 : l.element, i = this._layout;
+    var r;
+    const t = this._hostElement, e = (r = this._scrollerController) == null ? void 0 : r.element, i = this._layout;
     if (t && e && i) {
-      let r, o, a, h;
+      let l, o, c, a;
       const n = t.getBoundingClientRect();
-      r = 0, o = 0, a = window.innerHeight, h = window.innerWidth;
-      const x = this._clippingAncestors.map((_) => _.getBoundingClientRect());
+      l = 0, o = 0, c = window.innerHeight, a = window.innerWidth;
+      const x = this._clippingAncestors.map((m) => m.getBoundingClientRect());
       x.unshift(n);
-      for (const _ of x) r = Math.max(r, _.top), o = Math.max(o, _.left), a = Math.min(a, _.bottom), h = Math.min(h, _.right);
-      const T = e.getBoundingClientRect(), I = { left: n.left - T.left, top: n.top - T.top }, F = { width: e.scrollWidth, height: e.scrollHeight }, B = r - n.top + t.scrollTop, P = o - n.left + t.scrollLeft, N = Math.max(0, a - r), j = Math.max(0, h - o);
-      i.viewportSize = { width: j, height: N }, i.viewportScroll = { top: B, left: P }, i.totalScrollSize = F, i.offsetWithinScroller = I;
+      for (const m of x) l = Math.max(l, m.top), o = Math.max(o, m.left), c = Math.min(c, m.bottom), a = Math.min(a, m.right);
+      const T = e.getBoundingClientRect(), $ = { left: n.left - T.left, top: n.top - T.top }, A = { width: e.scrollWidth, height: e.scrollHeight }, F = l - n.top + t.scrollTop, B = o - n.left + t.scrollLeft, N = Math.max(0, c - l), P = Math.max(0, a - o);
+      i.viewportSize = { width: P, height: N }, i.viewportScroll = { top: F, left: B }, i.totalScrollSize = A, i.offsetWithinScroller = $;
     }
   }
   _sizeHostElement(t) {
-    const i = t && t.width !== null ? Math.min(82e5, t.width) : 0, l = t && t.height !== null ? Math.min(82e5, t.height) : 0;
-    if (this._isScroller) this._getSizer().style.transform = `translate(${i}px, ${l}px)`;
+    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 r = this._hostElement.style;
-      r.minWidth = i ? `${i}px` : "100%", r.minHeight = l ? `${l}px` : "100%";
+      const l = this._hostElement.style;
+      l.minWidth = i ? `${i}px` : "100%", l.minHeight = r ? `${r}px` : "100%";
     }
   }
   _positionChildren(t) {
-    t && t.forEach(({ top: e, left: i, width: l, height: r, xOffset: o, yOffset: a }, h) => {
-      const n = this._children[h - this._first];
-      n && (n.style.position = "absolute", n.style.boxSizing = "border-box", n.style.transform = `translate(${i}px, ${e}px)`, l !== void 0 && (n.style.width = l + "px"), r !== void 0 && (n.style.height = r + "px"), n.style.left = o === void 0 ? null : o + "px", n.style.top = a === void 0 ? null : a + "px");
+    t && t.forEach(({ top: e, left: i, width: r, height: l, xOffset: o, yOffset: c }, a) => {
+      const n = this._children[a - this._first];
+      n && (n.style.position = "absolute", n.style.boxSizing = "border-box", n.style.transform = `translate(${i}px, ${e}px)`, r !== void 0 && (n.style.width = r + "px"), l !== void 0 && (n.style.height = l + "px"), n.style.left = o === void 0 ? null : o + "px", n.style.top = c === void 0 ? null : c + "px");
     });
   }
   async _adjustRange(t) {
-    const { _first: e, _last: i, _firstVisible: l, _lastVisible: r } = 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 !== l || this._lastVisible !== r;
+    const { _first: e, _last: i, _firstVisible: r, _lastVisible: l } = 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 !== l;
   }
   _correctScrollError() {
     if (this._scrollError) {
-      const { scrollTop: t, scrollLeft: e } = this._scrollerController, { top: i, left: l } = this._scrollError;
-      this._scrollError = null, this._scrollerController.correctScrollError({ top: t - i, left: e - l });
+      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) {
@@ -384,7 +351,7 @@ class Q {
     this._hostElement.dispatchEvent(new C({ first: this._first, last: this._last }));
   }
   _notifyVisibility() {
-    this._hostElement.dispatchEvent(new E({ first: this._firstVisible, last: this._lastVisible }));
+    this._hostElement.dispatchEvent(new S({ first: this._firstVisible, last: this._lastVisible }));
   }
   get layoutComplete() {
     return this._layoutCompletePromise || (this._layoutCompletePromise = new Promise((t, e) => {
@@ -427,20 +394,20 @@ function V(s) {
   const t = s.parentNode;
   return t && t.nodeType === Node.DOCUMENT_FRAGMENT_NODE && t.host || null;
 }
-const $ = (s) => s, A = (s, t) => d`${t}: ${JSON.stringify(s, null, 2)}`, Z = q(class extends G {
+const R = (s) => s, I = (s, t) => h`${t}: ${JSON.stringify(s, null, 2)}`, Z = W(class extends U {
   constructor(s) {
-    if (super(s), this._virtualizer = null, this._first = 0, this._last = -1, this._renderItem = (t, e) => A(t, e + this._first), this._keyFunction = (t, e) => $(t, this._first), this._items = [], s.type !== U.CHILD) throw new Error("The virtualize directive can only be used in child expressions");
+    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 !== q.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 L(t, this._keyFunction, this._renderItem);
+    return G(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 ? D : this.render();
+    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 || {})) {
@@ -451,12 +418,12 @@ const $ = (s) => s, A = (s, t) => d`${t}: ${JSON.stringify(s, null, 2)}`, Z = q(
   }
   _setFunctions(s) {
     const { renderItem: t, keyFunction: e } = s;
-    t && (this._renderItem = (i, l) => t(i, l + this._first)), e && (this._keyFunction = (i, l) => e(i, l + this._first));
+    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: l } = t;
-    this._virtualizer = new Q({ hostElement: s, layout: e, scroller: i }), this._virtualizer.items = l, this._virtualizer.connected();
+    const { layout: e, scroller: i, items: r } = t;
+    this._virtualizer = new Q({ hostElement: s, layout: e, scroller: i }), this._virtualizer.items = r, this._virtualizer.connected();
   }
   _initialize(s, t) {
     const e = s.parentNode;
@@ -473,16 +440,16 @@ const $ = (s) => s, A = (s, t) => d`${t}: ${JSON.stringify(s, null, 2)}`, Z = q(
     (s = this._virtualizer) == null || s.connected();
   }
 });
-class p extends W {
+class p extends H {
   constructor() {
-    super(...arguments), this.items = [], this.renderItem = A, this.keyFunction = $, this.layout = {}, this.scroller = !1;
+    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: l, scroller: r } = this;
-    return d`${Z({ items: t, renderItem: e, keyFunction: i, layout: l, scroller: r })}`;
+    const { items: t, renderItem: e, keyFunction: i, layout: r, scroller: l } = this;
+    return h`${Z({ items: t, renderItem: e, keyFunction: i, layout: r, scroller: l })}`;
   }
   element(t) {
     var e;
@@ -497,60 +464,95 @@ class p extends W {
     (i = this.element(t)) == null || i.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 tt = Object.defineProperty, et = Object.getOwnPropertyDescriptor, y = (s, t, e, i) => {
-  for (var l, r = i > 1 ? void 0 : i ? et(t, e) : t, o = s.length - 1; o >= 0; o--) (l = s[o]) && (r = (i ? l(t, e, r) : l(r)) || r);
-  return i && r && tt(t, e, r), r;
+y([g({ attribute: !1 })], p.prototype, "items", void 0), y([g()], p.prototype, "renderItem", void 0), y([g()], p.prototype, "keyFunction", void 0), y([g({ attribute: !1 })], p.prototype, "layout", void 0), y([g({ reflect: !0, type: Boolean })], p.prototype, "scroller", void 0), customElements.define("lit-virtualizer", p);
+var tt = Object.defineProperty, et = Object.getOwnPropertyDescriptor, d = (s, t, e, i) => {
+  for (var r, l = i > 1 ? void 0 : i ? et(t, e) : t, o = s.length - 1; o >= 0; o--) (r = s[o]) && (l = (i ? r(t, e, l) : r(l)) || l);
+  return i && l && tt(t, e, l), l;
 };
-let u = class extends R() {
+let u = class extends M() {
   constructor() {
-    super(...arguments), this.columns = [], this.data = [], this.keyField = "id", this.cols = "1fr", this.actions = [];
+    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();
+  }
+  processData() {
+    let s = [...this.data];
+    this.sortable && this.sortColumn && this.sortDirection && s.sort((t, e) => {
+      const i = t[this.sortColumn], r = e[this.sortColumn];
+      if (typeof i == "string" && typeof r == "string") return this.sortDirection === "asc" ? i.localeCompare(r) : r.localeCompare(i);
+      if (typeof i == "number" && typeof r == "number") return this.sortDirection === "asc" ? i - r : r - i;
+      if (i && r && i instanceof Date && r instanceof Date) return this.sortDirection === "asc" ? i.getTime() - r.getTime() : r.getTime() - i.getTime();
+      {
+        const l = String(i || ""), o = String(r || "");
+        return this.sortDirection === "asc" ? l.localeCompare(o) : o.localeCompare(l);
+      }
+    }), this.filteredData = s;
   }
-  handleRowEvent(s, t) {
-    this.dispatchEvent(new CustomEvent(s, { detail: t.detail, bubbles: !0, composed: !0 }));
+  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 ? h`
+			<span class="ml-1">
+				${this.sortDirection === "asc" ? h`<schmancy-icon size="16px">arrow_upward</schmancy-icon>` : this.sortDirection === "desc" ? h`<schmancy-icon size="16px">arrow_downward</schmancy-icon>` : null}
+			</span>
+		` : null;
   }
   render() {
-    return d`
+    const s = (t) => ({ "flex items-center": !0, "cursor-pointer gap-1": this.sortable && t.sortable !== !1 && t.key });
+    return h`
 			<schmancy-surface fill="all" type="container" rounded="all" elevation="2">
 				<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((s) => d`
-									<schmancy-typography align=${s.align ?? "left"} weight=${s.weight ?? "bold"}>
-										${s.name}
-									</schmancy-typography>
+							${this.columns.map((t) => h`
+									<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>
 
-					<lit-virtualizer
-						scroller
-						class="w-full h-full relative overflow-auto"
-						.items=${this.data}
-						.renderItem=${(s, t) => d`
-								<schmancy-table-row
-									.actions=${this.actions}
-									class="w-full border-b-1 border-solid border-outlineVariant"
-									.columns=${this.columns}
-									.item=${s}
-									cols=${this.cols}
-									@edit=${(e) => {
-      e.detail.item = s, e.detail.index = t, this.handleRowEvent("edit", e);
-    }}
-									@delete=${(e) => {
-      e.detail.item = s, e.detail.index = t, this.handleRowEvent("delete", e);
+					${this.filteredData.length > 0 ? h`
+								<lit-virtualizer
+									scroller
+									class="w-full h-full relative overflow-auto"
+									.items=${this.filteredData}
+									.renderItem=${(t, e) => h`
+											<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>
+											></schmancy-table-row>
+										`}
+								></lit-virtualizer>
+							` : h`
+								<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>
 							`}
-					></lit-virtualizer>
 				</schmancy-grid>
 			</schmancy-surface>
 		`;
   }
 };
-y([c({ type: Array, attribute: !1 })], u.prototype, "columns", 2), y([c({ type: Array, attribute: !1 })], u.prototype, "data", 2), y([c({ type: String })], u.prototype, "keyField", 2), y([c({ type: String })], u.prototype, "cols", 2), y([c({ type: Array })], u.prototype, "actions", 2), u = y([M("schmancy-table-v2")], u);
+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([L()], u.prototype, "sortColumn", 2), d([L()], u.prototype, "sortDirection", 2), d([L()], u.prototype, "filteredData", 2), u = d([D("schmancy-table-v2")], u);
 export {
-  m as S,
+  f as S,
   u as a
 };
-//# sourceMappingURL=table-CAAYvRWb.js.map
+//# sourceMappingURL=table-D7KL2FaN.js.map