overview-components 1.0.75 → 1.0.76

package/dist/_virtual/FileSaver.min.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,4 @@
+var e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+export {
+  e as commonjsGlobal
+};

package/dist/components/lit-attachments-tab.js

@@ -1,12 +1,16 @@
 import { customElement as N } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as i } from "../node_modules/@lit/reactive-element/decorators/property.js";
 import { state as b } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import { LitElement as X, html as d, css as s } from "lit";
-import { styleMap as o } from "../node_modules/lit-html/directives/style-map.js";
-import { msg as Y } from "@lit/localize";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as d } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as X } from "../node_modules/lit-element/lit-element.js";
+import { styleMap as s } from "../node_modules/lit-html/directives/style-map.js";
+import { msg as Y } from "../node_modules/@lit/localize/init/install.js";
+import "../node_modules/@lit/localize/init/runtime.js";
 import { isEmpty as w } from "lodash";
-import { saveAs as K } from "file-saver";
+import { F as o } from "../node_modules/file-saver/dist/FileSaver.min.js";
 import * as V from "pdfjs-dist";
+import { css as K } from "../node_modules/@lit/reactive-element/css-tag.js";
 var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, G = (I, C, g, A) => {
   for (var l = A > 1 ? void 0 : A ? M(C, g) : C, c = I.length - 1, m; c >= 0; c--)
     (m = I[c]) && (l = (A ? m(C, g, l) : m(l)) || l);
@@ -120,7 +124,7 @@ let Z = class extends X {
     }
     try {
       const C = await this.onClick(this.selectedId), g = (I = this.documents) == null ? void 0 : I.find((l) => l.id === this.selectedId), A = new Blob([C.data], { type: g == null ? void 0 : g.file_type });
-      K(A, (g == null ? void 0 : g.name) || "document");
+      o.saveAs(A, (g == null ? void 0 : g.name) || "document");
     } catch (C) {
       console.error("Error downloading document:", C);
     }
@@ -258,7 +262,7 @@ let Z = class extends X {
                     >
                         ${w(this.documents) ? null : d`
                                   <canvas
-                                      style=${o({
+                                      style=${s({
       cursor: (this.scale ?? 1) > 1 ? "grab" : "default"
     })}
                                       @mousedown=${this.handleMouseDown}
@@ -308,7 +312,7 @@ let Z = class extends X {
   }
 };
 Z.styles = [
-  s`
+  K`
             .document-label {
                 line-height: 2.125rem;
                 gap: 0.25rem;

package/dist/components/lit-badge.js

@@ -1,12 +1,15 @@
 import { customElement as d } 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 p, css as f } from "lit";
-var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, o = (l, e, c, i) => {
-  for (var t = i > 1 ? void 0 : i ? h(e, c) : e, s = l.length - 1, a; s >= 0; s--)
-    (a = l[s]) && (t = (i ? a(e, c, t) : a(t)) || t);
-  return i && t && u(e, c, t), t;
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as p } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
+import { css as g } from "../node_modules/@lit/reactive-element/css-tag.js";
+var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, o = (l, e, s, i) => {
+  for (var t = i > 1 ? void 0 : i ? u(e, s) : e, c = l.length - 1, a; c >= 0; c--)
+    (a = l[c]) && (t = (i ? a(e, s, t) : a(t)) || t);
+  return i && t && m(e, s, t), t;
 };
-let r = class extends g {
+let r = class extends f {
   constructor() {
     super(...arguments), this.content = "highlighted", this.size = "medium", this.text = "";
   }
@@ -18,7 +21,7 @@ let r = class extends g {
   }
 };
 r.styles = [
-  f`
+  g`
             .badge {
                 display: flex;
                 justify-content: center;

package/dist/components/lit-case-variables-tab.js

@@ -1,17 +1,21 @@
-import { LitElement as x, html as o, css as $ } from "lit";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as o } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as x } from "../node_modules/lit-element/lit-element.js";
 import { unsafeHTML as f } from "../node_modules/lit-html/directives/unsafe-html.js";
 import { styleMap as u } from "../node_modules/lit-html/directives/style-map.js";
-import { customElement as w } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { customElement as $ } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as g } from "../node_modules/@lit/reactive-element/decorators/property.js";
 import { state as b } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import C from "sortablejs";
-import { repeat as S } from "../node_modules/lit-html/directives/repeat.js";
-import { tooltip as k } from "../shared/simple-tooltip.js";
-import { formatDate as L } from "../utils/date.js";
-import { formatCurrency as z } from "../utils/currency.js";
-import { setLocale as _ } from "../utils/localization.js";
-import { msg as v } from "@lit/localize";
-import { isEqual as I } from "lodash";
+import w from "../node_modules/sortablejs/modular/sortable.esm.js";
+import { repeat as C } from "../node_modules/lit-html/directives/repeat.js";
+import { tooltip as S } from "../shared/simple-tooltip.js";
+import { formatDate as k } from "../utils/date.js";
+import { formatCurrency as L } from "../utils/currency.js";
+import { setLocale as z } from "../utils/localization.js";
+import { msg as v } from "../node_modules/@lit/localize/init/install.js";
+import "../node_modules/@lit/localize/init/runtime.js";
+import { isEqual as _ } from "lodash";
+import { css as I } from "../node_modules/@lit/reactive-element/css-tag.js";
 var B = Object.defineProperty, O = Object.getOwnPropertyDescriptor, d = (t, r, e, i) => {
   for (var s = i > 1 ? void 0 : i ? O(r, e) : r, a = t.length - 1, p; a >= 0; a--)
     (p = t[a]) && (s = (i ? p(r, e, s) : p(s)) || s);
@@ -133,7 +137,7 @@ let n = class extends x {
             ${(t == null ? void 0 : t[`headerName_${this.userLang}`]) || (t == null ? void 0 : t.headerName) || ""}
             ${t.tooltip ? o`
                       <lit-icon
-                          ${k(
+                          ${S(
       (t == null ? void 0 : t[`tooltip_${this.userLang}`]) ?? (t == null ? void 0 : t.tooltip),
       "right",
       100
@@ -172,7 +176,7 @@ let n = class extends x {
                 style="${t != null && t.valueStyle ? u(t == null ? void 0 : t.valueStyle) : ""}"
                 class="process-data-value"
             >
-                ${t != null && t.value ? L(
+                ${t != null && t.value ? k(
       t.value,
       this.userLang || "cs",
       !!this.dateFormat,
@@ -183,7 +187,7 @@ let n = class extends x {
                 style="${t != null && t.valueStyle ? u(t == null ? void 0 : t.valueStyle) : ""}"
                 class="process-data-value"
             >
-                ${t != null && t.value ? z(t.value, this.userLang || "cs") : ""}
+                ${t != null && t.value ? L(t.value, this.userLang || "cs") : ""}
             </div> `, this.getCellProgress = (t) => o`<div>${this.getHeader(t)}</div>
             <div
                 style="${t != null && t.valueStyle ? u(t == null ? void 0 : t.valueStyle) : ""}"
@@ -250,7 +254,7 @@ let n = class extends x {
       const t = (r = this.shadowRoot) == null ? void 0 : r.querySelectorAll(".grid-container");
       t != null && t.length && t.forEach((e) => {
         let i = [];
-        const s = C.create(e, {
+        const s = w.create(e, {
           group: this.tabId || this.sortableGroupId,
           animation: 150,
           handle: ".drag-handle",
@@ -276,7 +280,7 @@ let n = class extends x {
   }
   setLanguage() {
     const t = this.userLang || localStorage.getItem("userLang");
-    t && _(t);
+    t && z(t);
   }
   isActiveBackground(t, r) {
     var i;
@@ -341,7 +345,7 @@ let n = class extends x {
     return o`
             ${this.isLoading ? o`<lit-loader></lit-loader>` : o`
                       <div class="grid-container ${this.gridVariables ? "one-column" : ""}">
-                          ${S(
+                          ${C(
       this.rows,
       (e, i) => e.field,
       (e) => {
@@ -430,7 +434,7 @@ let n = class extends x {
     )}
                                         </lit-menu>
 
-                                        ${I(r.length, 0) ? o`
+                                        ${_(r.length, 0) ? o`
                                                   <div
                                                       style="display: flex;flex-direction: column; align-items: center"
                                                   >
@@ -451,7 +455,7 @@ let n = class extends x {
 };
 n.styles = [
   // styles,
-  $`
+  I`
             :host {
                 font-family: 'Inter', sans-serif;
             }
@@ -716,7 +720,7 @@ d([
   b()
 ], n.prototype, "isMobile", 2);
 n = d([
-  w("lit-case-variables-tab")
+  $("lit-case-variables-tab")
 ], n);
 export {
   n as LitCaseVariablesTab

package/dist/components/lit-chart.js

@@ -1,13 +1,16 @@
 import { customElement as w } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as b } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { LitElement as v, html as y, css as x } from "lit";
-import { Chart as p, registerables as D } from "chart.js";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as y } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as v } from "../node_modules/lit-element/lit-element.js";
+import { Chart as p, registerables as x } from "chart.js";
+import { css as D } from "../node_modules/@lit/reactive-element/css-tag.js";
 var k = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (a, r, n, e) => {
-  for (var t = e > 1 ? void 0 : e ? S(r, n) : r, s = a.length - 1, o; s >= 0; s--)
-    (o = a[s]) && (t = (e ? o(r, n, t) : o(t)) || t);
+  for (var t = e > 1 ? void 0 : e ? S(r, n) : r, o = a.length - 1, s; o >= 0; o--)
+    (s = a[o]) && (t = (e ? s(r, n, t) : s(t)) || t);
   return e && t && k(r, n, t), t;
 };
-p.register(...D);
+p.register(...x);
 let c = class extends v {
   constructor() {
     super(...arguments), this.type = "bar", this.data = { labels: [], datasets: [], title: "" }, this.isLoading = !1, this.chart = null;
@@ -27,16 +30,16 @@ let c = class extends v {
     a && (this.type === "bar" || this.type === "line" ? this.renderBarAndLineChart(a) : this.type === "bubble" ? this.renderBubbleChart(a) : this.type === "pie" || this.type === "doughnut" ? this.renderPieAndDoughnutChart(a) : this.type === "gantt" && this.renderGanttChart(a));
   }
   renderGanttChart(a) {
-    var f;
+    var m;
     this.chart && this.chart.destroy();
-    const r = this.generateColors(((f = this.data.datasets[0]) == null ? void 0 : f.data.length) || 0), n = this.data.datasets.map((l, i) => ({
+    const r = this.generateColors(((m = this.data.datasets[0]) == null ? void 0 : m.data.length) || 0), n = this.data.datasets.map((l, i) => ({
       label: l.label || `Dataset ${i + 1}`,
       data: l.data.map((d) => {
-        const h = new Date(d.x[0]), m = new Date(d.x[1]);
+        const h = new Date(d.x[0]), f = new Date(d.x[1]);
         return {
           x: [
             isNaN(h.getTime()) ? Date.now() : h.getTime(),
-            isNaN(m.getTime()) ? Date.now() : m.getTime()
+            isNaN(f.getTime()) ? Date.now() : f.getTime()
           ],
           y: d.y
         };
@@ -55,7 +58,7 @@ let c = class extends v {
           new Date((h = i == null ? void 0 : i.x) == null ? void 0 : h[1]).getTime()
         ];
       })
-    ), t = Math.min(...e), s = Math.max(...e), C = (s - t) / 20;
+    ), t = Math.min(...e), o = Math.max(...e), C = (o - t) / 20;
     this.chart = new p(a, {
       type: "bar",
       data: {
@@ -79,7 +82,7 @@ let c = class extends v {
               })
             },
             min: t,
-            max: s
+            max: o
           },
           y: {
             type: "category"
@@ -206,10 +209,10 @@ let c = class extends v {
         ...this.type === "doughnut" && {
           cutout: "70%"
         },
-        onHover: (t, s) => {
+        onHover: (t, o) => {
           var g;
-          const o = (g = t.native) == null ? void 0 : g.target;
-          s.length ? o.style.cursor = "pointer" : o.style.cursor = "default";
+          const s = (g = t.native) == null ? void 0 : g.target;
+          o.length ? s.style.cursor = "pointer" : s.style.cursor = "default";
         }
       }
     });
@@ -279,9 +282,9 @@ let c = class extends v {
           }
         },
         onHover: (e, t) => {
-          var o;
-          const s = (o = e.native) == null ? void 0 : o.target;
-          t.length ? s.style.cursor = "pointer" : s.style.cursor = "default";
+          var s;
+          const o = (s = e.native) == null ? void 0 : s.target;
+          t.length ? o.style.cursor = "pointer" : o.style.cursor = "default";
         }
       }
     });
@@ -354,9 +357,9 @@ let c = class extends v {
           }
         },
         onHover: (e, t) => {
-          var o;
-          const s = (o = e.native) == null ? void 0 : o.target;
-          t.length ? s.style.cursor = "pointer" : s.style.cursor = "default";
+          var s;
+          const o = (s = e.native) == null ? void 0 : s.target;
+          t.length ? o.style.cursor = "pointer" : o.style.cursor = "default";
         }
       }
     });
@@ -366,7 +369,7 @@ let c = class extends v {
   }
 };
 c.styles = [
-  x`
+  D`
             canvas {
                 width: 100%;
                 height: 100%;

package/dist/components/lit-data-grid-tanstack.js

@@ -1,22 +1,27 @@
-import { LitElement as tt, html as u, css as et } from "lit";
-import it, { isEqual as ot } from "lodash";
-import { msg as R } from "@lit/localize";
-import { customElement as nt } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as u } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as tt } from "../node_modules/lit-element/lit-element.js";
+import et, { isEqual as it } from "lodash";
+import { msg as R } from "../node_modules/@lit/localize/init/install.js";
+import "../node_modules/@lit/localize/init/runtime.js";
+import { customElement as ot } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
 import { state as z } from "../node_modules/@lit/reactive-element/decorators/state.js";
 import { query as Q } from "../node_modules/@lit/reactive-element/decorators/query.js";
 import { unsafeHTML as j } from "../node_modules/lit-html/directives/unsafe-html.js";
-import { TableController as lt, filterFns as T, getFacetedUniqueValues as st, getExpandedRowModel as rt, getGroupedRowModel as at, getFacetedRowModel as dt, getFilteredRowModel as ct, getSortedRowModel as ht, getCoreRowModel as pt, flexRender as L } from "@tanstack/lit-table";
-import { repeat as V } from "../node_modules/lit-html/directives/repeat.js";
-import { VirtualizerController as K } from "@tanstack/lit-virtual";
-import { createRef as ut, ref as X } from "../node_modules/lit-html/directives/ref.js";
+import { TableController as nt, flexRender as L } from "../node_modules/@tanstack/lit-table/build/lib/index.js";
+import { repeat as T } from "../node_modules/lit-html/directives/repeat.js";
+import { VirtualizerController as K } from "../node_modules/@tanstack/lit-virtual/dist/esm/index.js";
+import { createRef as lt, ref as X } from "../node_modules/lit-html/directives/ref.js";
 import { styleMap as E } from "../node_modules/lit-html/directives/style-map.js";
-import gt from "sortablejs";
+import st from "../node_modules/sortablejs/modular/sortable.esm.js";
 import { formatDate as W } from "../utils/date.js";
-import { formatCurrency as mt } from "../utils/currency.js";
+import { formatCurrency as rt } from "../utils/currency.js";
 import { dateFilterFn as Z, dateRangeFilterFn as Y, multiselectFilterFn as J } from "../utils/custom-filters.js";
-import { getLocale as ft, setLocale as bt } from "../utils/localization.js";
-import { getOperatorsByColumnType as yt } from "../utils/getOperatorByType.js";
+import { getLocale as at, setLocale as dt } from "../utils/localization.js";
+import { getOperatorsByColumnType as ct } from "../utils/getOperatorByType.js";
+import { filterFns as V, getFacetedUniqueValues as ht, getExpandedRowModel as pt, getGroupedRowModel as ut, getFacetedRowModel as gt, getFilteredRowModel as mt, getSortedRowModel as ft, getCoreRowModel as bt } from "../node_modules/@tanstack/table-core/build/lib/index.js";
+import { css as yt } from "../node_modules/@lit/reactive-element/css-tag.js";
 var wt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, l = (t, e, o, d) => {
   for (var s = d > 1 ? void 0 : d ? xt(e, o) : e, p = t.length - 1, g; p >= 0; p--)
     (g = t[p]) && (s = (d ? g(e, o, s) : g(s)) || s);
@@ -34,7 +39,7 @@ let n = class extends tt {
     }, this.hideFooter = !1, this.columnVisibility = {}, this.onColumnVisibilityChanged = (t, e) => {
     }, this.onMouseDown = (t, e) => {
     }, this.onRowFocusChanged = (t, e) => {
-    }, this.focusedRowIndex = null, this.autoFocus = !1, this.rowsCount = 0, this.isScrollable = !1, this.disableScrollLeft = !0, this.disableScrollRight = !1, this.columnOrder = [], this.isOpen = !1, this.filterText = "", this.isOpenModal = !1, this.scrollToEnd = !1, this.tableContainerRef = ut(), this.scrollInterval = null, this.currentScrollTop = 0, this.lastSelectedIndex = null, this.getCellBackgroundColor = (t) => t.getIsGrouped() ? this.columnGroupedColor ?? "var(--color-primary-light, #f0fadf)" : t.getIsAggregated() ? this.rowAggregationColor ?? "var(--color-warning-light, #ffe1a8)" : t.getIsPlaceholder() ? "var(--background-default, #eff3f4)" : t.column.getIsPinned() ? "var(--background-paper, #fff)" : "transparent", this.updateScrollState = () => {
+    }, this.focusedRowIndex = null, this.autoFocus = !1, this.rowsCount = 0, this.isScrollable = !1, this.disableScrollLeft = !0, this.disableScrollRight = !1, this.columnOrder = [], this.isOpen = !1, this.filterText = "", this.isOpenModal = !1, this.scrollToEnd = !1, this.tableContainerRef = lt(), this.scrollInterval = null, this.currentScrollTop = 0, this.lastSelectedIndex = null, this.getCellBackgroundColor = (t) => t.getIsGrouped() ? this.columnGroupedColor ?? "var(--color-primary-light, #f0fadf)" : t.getIsAggregated() ? this.rowAggregationColor ?? "var(--color-warning-light, #ffe1a8)" : t.getIsPlaceholder() ? "var(--background-default, #eff3f4)" : t.column.getIsPinned() ? "var(--background-paper, #fff)" : "transparent", this.updateScrollState = () => {
       const t = this.tableContainerRef.value;
       if (t) {
         const e = t.scrollWidth > t.clientWidth;
@@ -93,7 +98,7 @@ let n = class extends tt {
     var e;
     if (!this.enableColumnOrdering) return;
     const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("thead tr.head");
-    t && gt.create(t, {
+    t && st.create(t, {
       animation: 150,
       direction: "horizontal",
       handle: ".drag-handle",
@@ -201,7 +206,7 @@ let n = class extends tt {
     });
   }
   initTable() {
-    this.tableController = new lt(this);
+    this.tableController = new nt(this);
   }
   initColumnVirtualizer() {
     var t;
@@ -317,19 +322,19 @@ let n = class extends tt {
                             <lit-data-grid-row-actions
                                 .buttons=${((s = e.getActions) == null ? void 0 : s.call(e, o)) || []}
                             ></lit-data-grid-row-actions>
-                        ` : e.type === "currency" ? mt(d, this.userLang || "cs") : e.cell ? e.cell(o, u, j) : d;
+                        ` : e.type === "currency" ? rt(d, this.userLang || "cs") : e.cell ? e.cell(o, u, j) : d;
       },
       filterFn: (() => {
         switch (e.type) {
           case "numberRange":
-            return T.inNumberRange;
+            return V.inNumberRange;
           case "select":
-            return T.weakEquals;
+            return V.weakEquals;
           case "multiselect":
             return J;
           case "number":
           case "currency":
-            return T.weakEquals;
+            return V.weakEquals;
           case "dateRange":
           case "dateTimeRange":
             return Y;
@@ -338,7 +343,7 @@ let n = class extends tt {
             return Z;
           case "string":
           default:
-            return T.includesString;
+            return V.includesString;
         }
       })(),
       enableSorting: e.enableSorting ?? !0,
@@ -557,7 +562,7 @@ let n = class extends tt {
                       `
       }
     ] : [];
-    ft() !== this.userLang && bt(this.userLang || "cs"), this.table = this.tableController.table({
+    at() !== this.userLang && dt(this.userLang || "cs"), this.table = this.tableController.table({
       data: this.rows || [],
       columns: [...e, ...this.getTanstackColumns(this.getColumns)],
       columnResizeMode: "onChange",
@@ -606,13 +611,13 @@ let n = class extends tt {
       enableSorting: this.enableSorting,
       getRowId: (i, r) => this.getRowId ? this.getRowId(i, r) : r.toString(),
       // groupedColumnMode: 'reorder',
-      getCoreRowModel: pt(),
-      getSortedRowModel: ht(),
-      getFilteredRowModel: ct(),
-      getFacetedRowModel: dt(),
-      getGroupedRowModel: at(),
-      getExpandedRowModel: rt(),
-      getFacetedUniqueValues: st(),
+      getCoreRowModel: bt(),
+      getSortedRowModel: ft(),
+      getFilteredRowModel: mt(),
+      getFacetedRowModel: gt(),
+      getGroupedRowModel: ut(),
+      getExpandedRowModel: pt(),
+      getFacetedUniqueValues: ht(),
       onColumnFiltersChange: (i) => {
         this.currentScrollTop = 0;
         const r = this.tableContainerRef.value;
@@ -637,7 +642,7 @@ let n = class extends tt {
       },
       onExpandedChange: (i) => {
         const r = typeof i == "function" ? i(this.initialRowExpanded) : i;
-        this.initialRowExpanded = it.isEmpty(r) ? this.initialRowExpanded : r, this.requestUpdate();
+        this.initialRowExpanded = et.isEmpty(r) ? this.initialRowExpanded : r, this.requestUpdate();
       },
       onColumnOrderChange: (i) => {
         const r = typeof i == "function" ? i(this.columnOrder) : i;
@@ -695,7 +700,7 @@ let n = class extends tt {
                             part="dataGrid-header"
                             style="height: ${this.enableFiltering ? "4rem" : "1.625rem"};"
                         >
-                            ${V(
+                            ${T(
       this.table.getHeaderGroups(),
       (i) => i.id,
       (i) => {
@@ -714,7 +719,7 @@ let n = class extends tt {
                                                           style=" display: flex; width: ${h}px;"
                                                       ></th>
                                                   ` : ""}
-                                            ${V(
+                                            ${T(
           b,
           (c) => c.id,
           (c, D) => {
@@ -726,7 +731,7 @@ let n = class extends tt {
               ),
               width: `${y == null ? void 0 : y.getSize()}px`,
               flexGrow: `${y.columnDef.size === void 0 ? 1 : "unset"}`
-            }, f = (G = y.columnDef.meta) == null ? void 0 : G.filterVariant, k = ((O = (A = y == null ? void 0 : y.columnDef) == null ? void 0 : A.meta) == null ? void 0 : O.filterOperators) || yt(f), P = ((_ = y == null ? void 0 : y.getFilterValue()) == null ? void 0 : _.value) || (y == null ? void 0 : y.getFilterValue()) || "", M = ((B = y == null ? void 0 : y.getFilterValue()) == null ? void 0 : B.operator) || ((N = k[0]) == null ? void 0 : N.value);
+            }, f = (G = y.columnDef.meta) == null ? void 0 : G.filterVariant, k = ((O = (A = y == null ? void 0 : y.columnDef) == null ? void 0 : A.meta) == null ? void 0 : O.filterOperators) || ct(f), P = ((_ = y == null ? void 0 : y.getFilterValue()) == null ? void 0 : _.value) || (y == null ? void 0 : y.getFilterValue()) || "", M = ((B = y == null ? void 0 : y.getFilterValue()) == null ? void 0 : B.operator) || ((N = k[0]) == null ? void 0 : N.value);
             return (f === "select" || f === "multiselect") && ((H = y == null ? void 0 : y.columnDef) != null && H.meta.valueOptions || this.server ? (U = y == null ? void 0 : y.columnDef) != null && U.meta.valueOptions : Array.from(
               y == null ? void 0 : y.getFacetedUniqueValues().keys()
             ).sort().slice(0, 5e3).map(
@@ -935,7 +940,7 @@ let n = class extends tt {
                             part="dataGrid-body"
                             style="height: ${o && this.table.getRowModel().rows.length > 0 ? o.getTotalSize() + "px" : "auto"};"
                         >
-                            ${p.length > 0 ? V(
+                            ${p.length > 0 ? T(
       g,
       (i) => i.key,
       (i) => {
@@ -972,7 +977,7 @@ let n = class extends tt {
                                                                   ></th>
                                                               ` : ""}
                                                         <!-- Cells for each row -->
-                                                        ${V(
+                                                        ${T(
           y,
           (f) => f.key,
           (f) => {
@@ -1157,7 +1162,7 @@ let n = class extends tt {
     )}
                                                         </lit-menu>
 
-                                                        ${ot(t.length, 0) ? u`
+                                                        ${it(t.length, 0) ? u`
                                                                   <div
                                                                       style="display: flex; flex-direction: column; align-items: center; padding: 1rem;"
                                                                   >
@@ -1216,7 +1221,7 @@ let n = class extends tt {
 };
 n.styles = [
   // styles,
-  et`
+  yt`
             *,
             *::before,
             *::after {
@@ -1721,7 +1726,7 @@ l([
   Q(".grid")
 ], n.prototype, "_container", 2);
 n = l([
-  nt("lit-data-grid-tanstack")
+  ot("lit-data-grid-tanstack")
 ], n);
 export {
   n as LitDataGridTanstack

package/dist/components/lit-filter-modal.js

@@ -1,8 +1,12 @@
 import { customElement as h } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as d } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { LitElement as f, html as n, css as v } from "lit";
-import { msg as p } from "@lit/localize";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as n } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
+import { msg as p } from "../node_modules/@lit/localize/init/install.js";
+import "../node_modules/@lit/localize/init/runtime.js";
 import { getOperatorsByColumnType as m } from "../utils/getOperatorByType.js";
+import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
 var g = Object.defineProperty, F = Object.getOwnPropertyDescriptor, u = (e, t, a, r) => {
   for (var i = r > 1 ? void 0 : r ? F(t, a) : t, l = e.length - 1, o; l >= 0; l--)
     (o = e[l]) && (i = (r ? o(t, a, i) : o(i)) || i);

package/dist/components/lit-multiselect-item.js

@@ -1,10 +1,14 @@
 import { customElement as C } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as m } from "../node_modules/@lit/reactive-element/decorators/property.js";
 import { state as y } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import { LitElement as L, html as v, css as T } from "lit";
-import { msg as S } from "@lit/localize";
-import R from "sortablejs";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as v } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as L } from "../node_modules/lit-element/lit-element.js";
+import { msg as S } from "../node_modules/@lit/localize/init/install.js";
+import "../node_modules/@lit/localize/init/runtime.js";
+import R from "../node_modules/sortablejs/modular/sortable.esm.js";
 import { isEmpty as K } from "lodash";
+import { css as T } from "../node_modules/@lit/reactive-element/css-tag.js";
 var k = Object.defineProperty, F = Object.getOwnPropertyDescriptor, a = (t, e, l, i) => {
   for (var s = i > 1 ? void 0 : i ? F(e, l) : e, r = t.length - 1, h; r >= 0; r--)
     (h = t[r]) && (s = (i ? h(e, l, s) : h(s)) || s);

package/dist/components/lit-section-tab.js

@@ -1,13 +1,17 @@
 import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
 import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
 import { state as g } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import { LitElement as m, html as c, css as h } from "lit";
-import { styleMap as b } from "../node_modules/lit-html/directives/style-map.js";
-import { msg as u } from "@lit/localize";
-var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (i, t, o, r) => {
-  for (var n = r > 1 ? void 0 : r ? y(t, o) : t, l = i.length - 1, p; l >= 0; l--)
-    (p = i[l]) && (n = (r ? p(t, o, n) : p(n)) || n);
-  return r && n && f(t, o, n), n;
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as c } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as m } from "../node_modules/lit-element/lit-element.js";
+import { styleMap as h } from "../node_modules/lit-html/directives/style-map.js";
+import { msg as b } from "../node_modules/@lit/localize/init/install.js";
+import "../node_modules/@lit/localize/init/runtime.js";
+import { css as u } from "../node_modules/@lit/reactive-element/css-tag.js";
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (i, t, n, r) => {
+  for (var o = r > 1 ? void 0 : r ? y(t, n) : t, l = i.length - 1, p; l >= 0; l--)
+    (p = i[l]) && (o = (r ? p(t, n, o) : p(o)) || o);
+  return r && o && f(t, n, o), o;
 };
 let e = class extends m {
   constructor() {
@@ -28,14 +32,14 @@ let e = class extends m {
     this.isOpenModal = !this.isOpenModal;
   }
   render() {
-    var i, t, o;
+    var i, t, n;
     return c` <div part="section-header-settings" class="section-header">
                 <lit-icon
                     size="1rem"
                     .icon="${((i = this.settingsValue) == null ? void 0 : i.titleIcon) || "documents"}"
                 ></lit-icon>
                 <div class="section-title">
-                    ${((t = this.settingsValue) == null ? void 0 : t[`titleLabel_${this.userLang}`]) || ((o = this.settingsValue) == null ? void 0 : o.titleLabel) || u("Zadejte název")}
+                    ${((t = this.settingsValue) == null ? void 0 : t[`titleLabel_${this.userLang}`]) || ((n = this.settingsValue) == null ? void 0 : n.titleLabel) || b("Zadejte název")}
                 </div>
                 ${this.enableSettings ? c`
                           <lit-icon
@@ -57,13 +61,13 @@ let e = class extends m {
             >
             </section-tab-settings>
 
-            <div class="section-tab" style=${b(this.sx)}>
+            <div class="section-tab" style=${h(this.sx)}>
                 <slot></slot>
             </div>`;
   }
 };
 e.styles = [
-  h`
+  u`
             .section-tab {
                 background: var(--background-paper, #ffffff);
                 border-radius: 0.75rem;