@mhmo91/schmancy 0.6.13 → 0.6.14

package/dist/{table-BT0B3T1X.js → table-BWroz_LA.js}

@@ -4,11 +4,11 @@ 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-Cv7EISwD.js";
+import { $ as D } from "./litElement.mixin-BkJ5xSe0.js";
 import { property as _, customElement as M, state as x } from "lit/decorators.js";
 var G = Object.defineProperty, J = Object.getOwnPropertyDescriptor, w = (s, t, e, i) => {
-  for (var r, l = i > 1 ? void 0 : i ? J(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 && G(t, e, l), l;
+  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() {
@@ -141,8 +141,8 @@ class Y extends X {
       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 l = Math.abs(i - t), o = Math.abs(r - e);
-      l < 1 && o < 1 && (this._end && this._end(), this._resetScrollState());
+      const o = Math.abs(i - t), l = Math.abs(r - e);
+      o < 1 && l < 1 && (this._end && this._end(), this._resetScrollState());
     }
   }
   detach(t) {
@@ -181,15 +181,15 @@ class K {
     const t = this._isScroller;
     this._clippingAncestors = function(e, i = !1) {
       let r = !1;
-      return function(l, o = !1) {
+      return function(o, l = !1) {
         const c = [];
-        let n = o ? l : V(l);
+        let n = l ? o : V(o);
         for (; n !== null; ) c.push(n), n = V(n);
         return c;
-      }(e, i).filter((l) => {
+      }(e, i).filter((o) => {
         if (r) return !1;
-        const o = getComputedStyle(l);
-        return r = o.position === "fixed", o.overflow !== "visible";
+        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;
   }
@@ -236,7 +236,7 @@ class K {
   }
   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, l) => r + l.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, o) => r + o.duration, 0);
       return this._benchmarkStart = null, { timeElapsed: e, virtualizationTime: i };
     }
     return null;
@@ -244,16 +244,16 @@ class K {
   _measureChildren() {
     const t = {}, e = this._children, i = this._measureChildOverride || this._measureChild;
     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]));
+      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 l = window.getComputedStyle(r);
-      return { marginTop: S(l.marginTop), marginRight: S(l.marginRight), marginBottom: S(l.marginBottom), marginLeft: S(l.marginLeft) };
+      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) {
@@ -295,13 +295,13 @@ class K {
   _updateView() {
     const t = this._hostElement, e = this._scrollerController?.element, i = this._layout;
     if (t && e && i) {
-      let r, l, o, c;
+      let r, o, l, c;
       const n = t.getBoundingClientRect();
-      r = 0, l = 0, o = window.innerHeight, c = window.innerWidth;
+      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), l = Math.max(l, m.left), o = Math.min(o, 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 = l - n.left + t.scrollLeft, A = Math.max(0, o - r), B = Math.max(0, c - l);
+      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;
     }
   }
@@ -309,19 +309,19 @@ class K {
     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 l = this._hostElement.style;
-      l.minWidth = i ? `${i}px` : "100%", l.minHeight = r ? `${r}px` : "100%";
+      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: l, xOffset: o, yOffset: c }, n) => {
+    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"), l !== void 0 && (h.style.height = l + "px"), h.style.left = o === void 0 ? null : o + "px", h.style.top = c === void 0 ? null : c + "px");
+      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: 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;
+    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) {
@@ -441,8 +441,8 @@ class p extends P {
     return this;
   }
   render() {
-    const { items: t, renderItem: e, keyFunction: i, layout: r, scroller: l } = this;
-    return a`${Q({ items: t, renderItem: e, keyFunction: i, layout: r, scroller: l })}`;
+    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[T]?.element(t);
@@ -456,8 +456,8 @@ class p extends P {
 }
 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, l = i > 1 ? void 0 : i ? tt(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 && Z(t, e, l), l;
+  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() {
@@ -474,17 +474,17 @@ let u = class extends D() {
     if (this.sortable && this.sortColumn && this.sortDirection) {
       const t = this.columns.find((e) => e.key === this.sortColumn);
       s.sort((e, i) => {
-        let r, l;
-        if (t && t.value ? (r = t.value(e), l = t.value(i)) : (r = e[this.sortColumn], l = i[this.sortColumn]), r == null) return this.sortDirection === "asc" ? 1 : -1;
-        if (l == null) return this.sortDirection === "asc" ? -1 : 1;
-        if (typeof r == "number" && typeof l == "number") return this.sortDirection === "asc" ? r - l : l - r;
-        const o = typeof r == "string" && !isNaN(Number(r)), c = typeof l == "string" && !isNaN(Number(l));
-        if (o && c) {
-          const y = parseFloat(r), b = parseFloat(l);
+        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(l)) return this.sortDirection === "asc" ? r.getTime() - l.getTime() : l.getTime() - r.getTime();
-        const n = String(r), h = String(l);
+        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);
       });
     }
@@ -505,49 +505,47 @@ let u = class extends D() {
   render() {
     const s = (t) => ({ "flex items-center": !0, "cursor-pointer gap-1": this.sortable && t.sortable !== !1 && t.key });
     return a`
-			<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((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>
+			<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}
-									.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=${() => {
+				${this.filteredData.length > 0 ? a`
+							<lit-virtualizer
+								scroller
+								class="w-full h-full relative overflow-auto"
+								.items=${this.filteredData}
+								.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>
-			</schmancy-surface>
+										></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>
 		`;
   }
 };
@@ -556,4 +554,4 @@ export {
   v as S,
   u as a
 };
-//# sourceMappingURL=table-BT0B3T1X.js.map
+//# sourceMappingURL=table-BWroz_LA.js.map