overview-components 1.0.75 → 1.0.77
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/FileSaver.min.js +4 -0
- package/dist/_virtual/_commonjsHelpers.js +4 -0
- package/dist/assets/icons/iconGlyphs.js +680 -0
- package/dist/components/lit-attachments-tab.js +11 -7
- package/dist/components/lit-badge.js +10 -7
- package/dist/components/lit-case-variables-tab.js +23 -19
- package/dist/components/lit-chart.js +24 -21
- package/dist/components/lit-data-grid-tanstack.js +42 -37
- package/dist/components/lit-filter-modal.js +6 -2
- package/dist/components/lit-multiselect-item.js +7 -3
- package/dist/components/lit-section-tab.js +15 -11
- package/dist/components/lit-tabs-overview.js +9 -5
- package/dist/components/react-wrappers/attachments-tab.js +1 -1
- package/dist/components/react-wrappers/badge.js +1 -1
- package/dist/components/react-wrappers/button.js +3 -3
- package/dist/components/react-wrappers/case-variables-tab.js +3 -3
- package/dist/components/react-wrappers/chart.js +3 -3
- package/dist/components/react-wrappers/data-grid-tanstack.js +1 -1
- package/dist/components/react-wrappers/filter-modal.js +4 -4
- package/dist/components/react-wrappers/progress-bar.js +5 -5
- package/dist/components/react-wrappers/section-tab.js +4 -4
- package/dist/components/react-wrappers/tabs-overview.js +3 -3
- package/dist/index.d.ts +18 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +51 -32
- package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +432 -0
- package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +390 -0
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js +131 -0
- package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +128 -0
- package/dist/node_modules/@lit/localize/init/install.js +11 -0
- package/dist/node_modules/@lit/localize/init/runtime.js +42 -0
- package/dist/node_modules/@lit/localize/internal/default-msg.js +10 -0
- package/dist/node_modules/@lit/localize/internal/deferred.js +21 -0
- package/dist/node_modules/@lit/localize/internal/fnv1a64.js +17 -0
- package/dist/node_modules/@lit/localize/internal/id-generation.js +14 -0
- package/dist/node_modules/@lit/localize/internal/locale-status-event.js +9 -0
- package/dist/node_modules/@lit/localize/internal/runtime-msg.js +42 -0
- package/dist/node_modules/@lit/localize/internal/str-tag.js +15 -0
- package/dist/node_modules/@lit/react/create-component.js +35 -0
- package/dist/node_modules/@lit/reactive-element/css-tag.js +32 -24
- package/dist/node_modules/@lit/reactive-element/reactive-element.js +4 -3
- package/dist/node_modules/@tanstack/lit-table/build/lib/index.js +104 -0
- package/dist/node_modules/@tanstack/lit-virtual/dist/esm/index.js +40 -0
- package/dist/node_modules/@tanstack/table-core/build/lib/index.js +1956 -0
- package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js +490 -0
- package/dist/node_modules/@tanstack/virtual-core/dist/esm/utils.js +52 -0
- package/dist/node_modules/file-saver/dist/FileSaver.min.js +74 -0
- package/dist/node_modules/lit-element/lit-element.js +51 -0
- package/dist/node_modules/lit-html/directives/class-map.js +34 -0
- package/dist/node_modules/lit-html/lit-html.js +75 -74
- package/dist/node_modules/luxon/src/datetime.js +1793 -0
- package/dist/node_modules/luxon/src/duration.js +723 -0
- package/dist/node_modules/luxon/src/errors.js +40 -0
- package/dist/node_modules/luxon/src/impl/conversions.js +92 -0
- package/dist/node_modules/luxon/src/impl/diff.js +36 -0
- package/dist/node_modules/luxon/src/impl/digits.js +74 -0
- package/dist/node_modules/luxon/src/impl/english.js +138 -0
- package/dist/node_modules/luxon/src/impl/formats.js +150 -0
- package/dist/node_modules/luxon/src/impl/formatter.js +245 -0
- package/dist/node_modules/luxon/src/impl/invalid.js +11 -0
- package/dist/node_modules/luxon/src/impl/locale.js +282 -0
- package/dist/node_modules/luxon/src/impl/regexParser.js +202 -0
- package/dist/node_modules/luxon/src/impl/tokenParser.js +329 -0
- package/dist/node_modules/luxon/src/impl/util.js +206 -0
- package/dist/node_modules/luxon/src/impl/zoneUtil.js +19 -0
- package/dist/node_modules/luxon/src/info.js +180 -0
- package/dist/node_modules/luxon/src/interval.js +466 -0
- package/dist/node_modules/luxon/src/settings.js +150 -0
- package/dist/node_modules/luxon/src/zone.js +88 -0
- package/dist/node_modules/luxon/src/zones/IANAZone.js +178 -0
- package/dist/node_modules/luxon/src/zones/fixedOffsetZone.js +125 -0
- package/dist/node_modules/luxon/src/zones/invalidZone.js +41 -0
- package/dist/node_modules/luxon/src/zones/systemZone.js +47 -0
- package/dist/node_modules/sortablejs/modular/sortable.esm.js +1261 -0
- package/dist/shared/lit-button.js +11 -8
- package/dist/shared/lit-checkbox.js +155 -0
- package/dist/shared/lit-icon.js +282 -0
- package/dist/shared/lit-input.js +211 -0
- package/dist/shared/lit-menu.js +40 -0
- package/dist/shared/lit-modal.js +128 -0
- package/dist/shared/lit-pill.js +86 -0
- package/dist/shared/lit-progress-bar.js +10 -7
- package/dist/shared/lit-select.js +339 -0
- package/dist/shared/lit-tooltip.js +137 -0
- package/dist/shared/simple-tooltip.js +33 -31
- package/dist/shared/styles/button-shared-styles.js +6 -3
- package/dist/styles.js +174 -0
- package/dist/utils/custom-filters.js +8 -7
- package/dist/utils/date.js +6 -5
- package/dist/utils/getOperatorByType.js +4 -3
- package/dist/utils/localization.js +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { customElement as N } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as i } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
3
|
import { state as b } from "../node_modules/@lit/reactive-element/decorators/state.js";
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
5
|
+
import { html as d } from "../node_modules/lit-html/lit-html.js";
|
|
6
|
+
import { LitElement as X } from "../node_modules/lit-element/lit-element.js";
|
|
7
|
+
import { styleMap as s } from "../node_modules/lit-html/directives/style-map.js";
|
|
8
|
+
import { msg as Y } from "../node_modules/@lit/localize/init/install.js";
|
|
9
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
7
10
|
import { isEmpty as w } from "lodash";
|
|
8
|
-
import {
|
|
11
|
+
import { F as o } from "../node_modules/file-saver/dist/FileSaver.min.js";
|
|
9
12
|
import * as V from "pdfjs-dist";
|
|
13
|
+
import { css as K } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
10
14
|
var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, G = (I, C, g, A) => {
|
|
11
15
|
for (var l = A > 1 ? void 0 : A ? M(C, g) : C, c = I.length - 1, m; c >= 0; c--)
|
|
12
16
|
(m = I[c]) && (l = (A ? m(C, g, l) : m(l)) || l);
|
|
@@ -120,7 +124,7 @@ let Z = class extends X {
|
|
|
120
124
|
}
|
|
121
125
|
try {
|
|
122
126
|
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 });
|
|
123
|
-
|
|
127
|
+
o.saveAs(A, (g == null ? void 0 : g.name) || "document");
|
|
124
128
|
} catch (C) {
|
|
125
129
|
console.error("Error downloading document:", C);
|
|
126
130
|
}
|
|
@@ -258,7 +262,7 @@ let Z = class extends X {
|
|
|
258
262
|
>
|
|
259
263
|
${w(this.documents) ? null : d`
|
|
260
264
|
<canvas
|
|
261
|
-
style=${
|
|
265
|
+
style=${s({
|
|
262
266
|
cursor: (this.scale ?? 1) > 1 ? "grab" : "default"
|
|
263
267
|
})}
|
|
264
268
|
@mousedown=${this.handleMouseDown}
|
|
@@ -308,7 +312,7 @@ let Z = class extends X {
|
|
|
308
312
|
}
|
|
309
313
|
};
|
|
310
314
|
Z.styles = [
|
|
311
|
-
|
|
315
|
+
K`
|
|
312
316
|
.document-label {
|
|
313
317
|
line-height: 2.125rem;
|
|
314
318
|
gap: 0.25rem;
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as n } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
4
|
+
import { html as p } from "../node_modules/lit-html/lit-html.js";
|
|
5
|
+
import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
|
|
6
|
+
import { css as g } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
7
|
+
var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, o = (l, e, s, i) => {
|
|
8
|
+
for (var t = i > 1 ? void 0 : i ? u(e, s) : e, c = l.length - 1, a; c >= 0; c--)
|
|
9
|
+
(a = l[c]) && (t = (i ? a(e, s, t) : a(t)) || t);
|
|
10
|
+
return i && t && m(e, s, t), t;
|
|
8
11
|
};
|
|
9
|
-
let r = class extends
|
|
12
|
+
let r = class extends f {
|
|
10
13
|
constructor() {
|
|
11
14
|
super(...arguments), this.content = "highlighted", this.size = "medium", this.text = "";
|
|
12
15
|
}
|
|
@@ -18,7 +21,7 @@ let r = class extends g {
|
|
|
18
21
|
}
|
|
19
22
|
};
|
|
20
23
|
r.styles = [
|
|
21
|
-
|
|
24
|
+
g`
|
|
22
25
|
.badge {
|
|
23
26
|
display: flex;
|
|
24
27
|
justify-content: center;
|
|
@@ -1,17 +1,21 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
2
|
+
import { html as o } from "../node_modules/lit-html/lit-html.js";
|
|
3
|
+
import { LitElement as x } from "../node_modules/lit-element/lit-element.js";
|
|
2
4
|
import { unsafeHTML as f } from "../node_modules/lit-html/directives/unsafe-html.js";
|
|
3
5
|
import { styleMap as u } from "../node_modules/lit-html/directives/style-map.js";
|
|
4
|
-
import { customElement as
|
|
6
|
+
import { customElement as $ } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
5
7
|
import { property as g } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
6
8
|
import { state as b } from "../node_modules/@lit/reactive-element/decorators/state.js";
|
|
7
|
-
import
|
|
8
|
-
import { repeat as
|
|
9
|
-
import { tooltip as
|
|
10
|
-
import { formatDate as
|
|
11
|
-
import { formatCurrency as
|
|
12
|
-
import { setLocale as
|
|
13
|
-
import { msg as v } from "
|
|
14
|
-
import
|
|
9
|
+
import w from "../node_modules/sortablejs/modular/sortable.esm.js";
|
|
10
|
+
import { repeat as C } from "../node_modules/lit-html/directives/repeat.js";
|
|
11
|
+
import { tooltip as S } from "../shared/simple-tooltip.js";
|
|
12
|
+
import { formatDate as k } from "../utils/date.js";
|
|
13
|
+
import { formatCurrency as L } from "../utils/currency.js";
|
|
14
|
+
import { setLocale as z } from "../utils/localization.js";
|
|
15
|
+
import { msg as v } from "../node_modules/@lit/localize/init/install.js";
|
|
16
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
17
|
+
import { isEqual as _ } from "lodash";
|
|
18
|
+
import { css as I } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
15
19
|
var B = Object.defineProperty, O = Object.getOwnPropertyDescriptor, d = (t, r, e, i) => {
|
|
16
20
|
for (var s = i > 1 ? void 0 : i ? O(r, e) : r, a = t.length - 1, p; a >= 0; a--)
|
|
17
21
|
(p = t[a]) && (s = (i ? p(r, e, s) : p(s)) || s);
|
|
@@ -133,7 +137,7 @@ let n = class extends x {
|
|
|
133
137
|
${(t == null ? void 0 : t[`headerName_${this.userLang}`]) || (t == null ? void 0 : t.headerName) || ""}
|
|
134
138
|
${t.tooltip ? o`
|
|
135
139
|
<lit-icon
|
|
136
|
-
${
|
|
140
|
+
${S(
|
|
137
141
|
(t == null ? void 0 : t[`tooltip_${this.userLang}`]) ?? (t == null ? void 0 : t.tooltip),
|
|
138
142
|
"right",
|
|
139
143
|
100
|
|
@@ -172,7 +176,7 @@ let n = class extends x {
|
|
|
172
176
|
style="${t != null && t.valueStyle ? u(t == null ? void 0 : t.valueStyle) : ""}"
|
|
173
177
|
class="process-data-value"
|
|
174
178
|
>
|
|
175
|
-
${t != null && t.value ?
|
|
179
|
+
${t != null && t.value ? k(
|
|
176
180
|
t.value,
|
|
177
181
|
this.userLang || "cs",
|
|
178
182
|
!!this.dateFormat,
|
|
@@ -183,7 +187,7 @@ let n = class extends x {
|
|
|
183
187
|
style="${t != null && t.valueStyle ? u(t == null ? void 0 : t.valueStyle) : ""}"
|
|
184
188
|
class="process-data-value"
|
|
185
189
|
>
|
|
186
|
-
${t != null && t.value ?
|
|
190
|
+
${t != null && t.value ? L(t.value, this.userLang || "cs") : ""}
|
|
187
191
|
</div> `, this.getCellProgress = (t) => o`<div>${this.getHeader(t)}</div>
|
|
188
192
|
<div
|
|
189
193
|
style="${t != null && t.valueStyle ? u(t == null ? void 0 : t.valueStyle) : ""}"
|
|
@@ -250,7 +254,7 @@ let n = class extends x {
|
|
|
250
254
|
const t = (r = this.shadowRoot) == null ? void 0 : r.querySelectorAll(".grid-container");
|
|
251
255
|
t != null && t.length && t.forEach((e) => {
|
|
252
256
|
let i = [];
|
|
253
|
-
const s =
|
|
257
|
+
const s = w.create(e, {
|
|
254
258
|
group: this.tabId || this.sortableGroupId,
|
|
255
259
|
animation: 150,
|
|
256
260
|
handle: ".drag-handle",
|
|
@@ -276,7 +280,7 @@ let n = class extends x {
|
|
|
276
280
|
}
|
|
277
281
|
setLanguage() {
|
|
278
282
|
const t = this.userLang || localStorage.getItem("userLang");
|
|
279
|
-
t &&
|
|
283
|
+
t && z(t);
|
|
280
284
|
}
|
|
281
285
|
isActiveBackground(t, r) {
|
|
282
286
|
var i;
|
|
@@ -341,7 +345,7 @@ let n = class extends x {
|
|
|
341
345
|
return o`
|
|
342
346
|
${this.isLoading ? o`<lit-loader></lit-loader>` : o`
|
|
343
347
|
<div class="grid-container ${this.gridVariables ? "one-column" : ""}">
|
|
344
|
-
${
|
|
348
|
+
${C(
|
|
345
349
|
this.rows,
|
|
346
350
|
(e, i) => e.field,
|
|
347
351
|
(e) => {
|
|
@@ -430,7 +434,7 @@ let n = class extends x {
|
|
|
430
434
|
)}
|
|
431
435
|
</lit-menu>
|
|
432
436
|
|
|
433
|
-
${
|
|
437
|
+
${_(r.length, 0) ? o`
|
|
434
438
|
<div
|
|
435
439
|
style="display: flex;flex-direction: column; align-items: center"
|
|
436
440
|
>
|
|
@@ -451,7 +455,7 @@ let n = class extends x {
|
|
|
451
455
|
};
|
|
452
456
|
n.styles = [
|
|
453
457
|
// styles,
|
|
454
|
-
|
|
458
|
+
I`
|
|
455
459
|
:host {
|
|
456
460
|
font-family: 'Inter', sans-serif;
|
|
457
461
|
}
|
|
@@ -716,7 +720,7 @@ d([
|
|
|
716
720
|
b()
|
|
717
721
|
], n.prototype, "isMobile", 2);
|
|
718
722
|
n = d([
|
|
719
|
-
|
|
723
|
+
$("lit-case-variables-tab")
|
|
720
724
|
], n);
|
|
721
725
|
export {
|
|
722
726
|
n as LitCaseVariablesTab
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { customElement as w } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as b } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
3
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
4
|
+
import { html as y } from "../node_modules/lit-html/lit-html.js";
|
|
5
|
+
import { LitElement as v } from "../node_modules/lit-element/lit-element.js";
|
|
6
|
+
import { Chart as p, registerables as x } from "chart.js";
|
|
7
|
+
import { css as D } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
5
8
|
var k = Object.defineProperty, S = Object.getOwnPropertyDescriptor, u = (a, r, n, e) => {
|
|
6
|
-
for (var t = e > 1 ? void 0 : e ? S(r, n) : r,
|
|
7
|
-
(
|
|
9
|
+
for (var t = e > 1 ? void 0 : e ? S(r, n) : r, o = a.length - 1, s; o >= 0; o--)
|
|
10
|
+
(s = a[o]) && (t = (e ? s(r, n, t) : s(t)) || t);
|
|
8
11
|
return e && t && k(r, n, t), t;
|
|
9
12
|
};
|
|
10
|
-
p.register(...
|
|
13
|
+
p.register(...x);
|
|
11
14
|
let c = class extends v {
|
|
12
15
|
constructor() {
|
|
13
16
|
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 {
|
|
|
27
30
|
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));
|
|
28
31
|
}
|
|
29
32
|
renderGanttChart(a) {
|
|
30
|
-
var
|
|
33
|
+
var m;
|
|
31
34
|
this.chart && this.chart.destroy();
|
|
32
|
-
const r = this.generateColors(((
|
|
35
|
+
const r = this.generateColors(((m = this.data.datasets[0]) == null ? void 0 : m.data.length) || 0), n = this.data.datasets.map((l, i) => ({
|
|
33
36
|
label: l.label || `Dataset ${i + 1}`,
|
|
34
37
|
data: l.data.map((d) => {
|
|
35
|
-
const h = new Date(d.x[0]),
|
|
38
|
+
const h = new Date(d.x[0]), f = new Date(d.x[1]);
|
|
36
39
|
return {
|
|
37
40
|
x: [
|
|
38
41
|
isNaN(h.getTime()) ? Date.now() : h.getTime(),
|
|
39
|
-
isNaN(
|
|
42
|
+
isNaN(f.getTime()) ? Date.now() : f.getTime()
|
|
40
43
|
],
|
|
41
44
|
y: d.y
|
|
42
45
|
};
|
|
@@ -55,7 +58,7 @@ let c = class extends v {
|
|
|
55
58
|
new Date((h = i == null ? void 0 : i.x) == null ? void 0 : h[1]).getTime()
|
|
56
59
|
];
|
|
57
60
|
})
|
|
58
|
-
), t = Math.min(...e),
|
|
61
|
+
), t = Math.min(...e), o = Math.max(...e), C = (o - t) / 20;
|
|
59
62
|
this.chart = new p(a, {
|
|
60
63
|
type: "bar",
|
|
61
64
|
data: {
|
|
@@ -79,7 +82,7 @@ let c = class extends v {
|
|
|
79
82
|
})
|
|
80
83
|
},
|
|
81
84
|
min: t,
|
|
82
|
-
max:
|
|
85
|
+
max: o
|
|
83
86
|
},
|
|
84
87
|
y: {
|
|
85
88
|
type: "category"
|
|
@@ -206,10 +209,10 @@ let c = class extends v {
|
|
|
206
209
|
...this.type === "doughnut" && {
|
|
207
210
|
cutout: "70%"
|
|
208
211
|
},
|
|
209
|
-
onHover: (t,
|
|
212
|
+
onHover: (t, o) => {
|
|
210
213
|
var g;
|
|
211
|
-
const
|
|
212
|
-
|
|
214
|
+
const s = (g = t.native) == null ? void 0 : g.target;
|
|
215
|
+
o.length ? s.style.cursor = "pointer" : s.style.cursor = "default";
|
|
213
216
|
}
|
|
214
217
|
}
|
|
215
218
|
});
|
|
@@ -279,9 +282,9 @@ let c = class extends v {
|
|
|
279
282
|
}
|
|
280
283
|
},
|
|
281
284
|
onHover: (e, t) => {
|
|
282
|
-
var
|
|
283
|
-
const
|
|
284
|
-
t.length ?
|
|
285
|
+
var s;
|
|
286
|
+
const o = (s = e.native) == null ? void 0 : s.target;
|
|
287
|
+
t.length ? o.style.cursor = "pointer" : o.style.cursor = "default";
|
|
285
288
|
}
|
|
286
289
|
}
|
|
287
290
|
});
|
|
@@ -354,9 +357,9 @@ let c = class extends v {
|
|
|
354
357
|
}
|
|
355
358
|
},
|
|
356
359
|
onHover: (e, t) => {
|
|
357
|
-
var
|
|
358
|
-
const
|
|
359
|
-
t.length ?
|
|
360
|
+
var s;
|
|
361
|
+
const o = (s = e.native) == null ? void 0 : s.target;
|
|
362
|
+
t.length ? o.style.cursor = "pointer" : o.style.cursor = "default";
|
|
360
363
|
}
|
|
361
364
|
}
|
|
362
365
|
});
|
|
@@ -366,7 +369,7 @@ let c = class extends v {
|
|
|
366
369
|
}
|
|
367
370
|
};
|
|
368
371
|
c.styles = [
|
|
369
|
-
|
|
372
|
+
D`
|
|
370
373
|
canvas {
|
|
371
374
|
width: 100%;
|
|
372
375
|
height: 100%;
|
|
@@ -1,22 +1,27 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
2
|
+
import { html as u } from "../node_modules/lit-html/lit-html.js";
|
|
3
|
+
import { LitElement as tt } from "../node_modules/lit-element/lit-element.js";
|
|
4
|
+
import et, { isEqual as it } from "lodash";
|
|
5
|
+
import { msg as R } from "../node_modules/@lit/localize/init/install.js";
|
|
6
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
7
|
+
import { customElement as ot } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
5
8
|
import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
6
9
|
import { state as z } from "../node_modules/@lit/reactive-element/decorators/state.js";
|
|
7
10
|
import { query as Q } from "../node_modules/@lit/reactive-element/decorators/query.js";
|
|
8
11
|
import { unsafeHTML as j } from "../node_modules/lit-html/directives/unsafe-html.js";
|
|
9
|
-
import { TableController as
|
|
10
|
-
import { repeat as
|
|
11
|
-
import { VirtualizerController as K } from "
|
|
12
|
-
import { createRef as
|
|
12
|
+
import { TableController as nt, flexRender as L } from "../node_modules/@tanstack/lit-table/build/lib/index.js";
|
|
13
|
+
import { repeat as T } from "../node_modules/lit-html/directives/repeat.js";
|
|
14
|
+
import { VirtualizerController as K } from "../node_modules/@tanstack/lit-virtual/dist/esm/index.js";
|
|
15
|
+
import { createRef as lt, ref as X } from "../node_modules/lit-html/directives/ref.js";
|
|
13
16
|
import { styleMap as E } from "../node_modules/lit-html/directives/style-map.js";
|
|
14
|
-
import
|
|
17
|
+
import st from "../node_modules/sortablejs/modular/sortable.esm.js";
|
|
15
18
|
import { formatDate as W } from "../utils/date.js";
|
|
16
|
-
import { formatCurrency as
|
|
19
|
+
import { formatCurrency as rt } from "../utils/currency.js";
|
|
17
20
|
import { dateFilterFn as Z, dateRangeFilterFn as Y, multiselectFilterFn as J } from "../utils/custom-filters.js";
|
|
18
|
-
import { getLocale as
|
|
19
|
-
import { getOperatorsByColumnType as
|
|
21
|
+
import { getLocale as at, setLocale as dt } from "../utils/localization.js";
|
|
22
|
+
import { getOperatorsByColumnType as ct } from "../utils/getOperatorByType.js";
|
|
23
|
+
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";
|
|
24
|
+
import { css as yt } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
20
25
|
var wt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, l = (t, e, o, d) => {
|
|
21
26
|
for (var s = d > 1 ? void 0 : d ? xt(e, o) : e, p = t.length - 1, g; p >= 0; p--)
|
|
22
27
|
(g = t[p]) && (s = (d ? g(e, o, s) : g(s)) || s);
|
|
@@ -34,7 +39,7 @@ let n = class extends tt {
|
|
|
34
39
|
}, this.hideFooter = !1, this.columnVisibility = {}, this.onColumnVisibilityChanged = (t, e) => {
|
|
35
40
|
}, this.onMouseDown = (t, e) => {
|
|
36
41
|
}, this.onRowFocusChanged = (t, e) => {
|
|
37
|
-
}, 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 =
|
|
42
|
+
}, 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 = () => {
|
|
38
43
|
const t = this.tableContainerRef.value;
|
|
39
44
|
if (t) {
|
|
40
45
|
const e = t.scrollWidth > t.clientWidth;
|
|
@@ -93,7 +98,7 @@ let n = class extends tt {
|
|
|
93
98
|
var e;
|
|
94
99
|
if (!this.enableColumnOrdering) return;
|
|
95
100
|
const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("thead tr.head");
|
|
96
|
-
t &&
|
|
101
|
+
t && st.create(t, {
|
|
97
102
|
animation: 150,
|
|
98
103
|
direction: "horizontal",
|
|
99
104
|
handle: ".drag-handle",
|
|
@@ -201,7 +206,7 @@ let n = class extends tt {
|
|
|
201
206
|
});
|
|
202
207
|
}
|
|
203
208
|
initTable() {
|
|
204
|
-
this.tableController = new
|
|
209
|
+
this.tableController = new nt(this);
|
|
205
210
|
}
|
|
206
211
|
initColumnVirtualizer() {
|
|
207
212
|
var t;
|
|
@@ -317,19 +322,19 @@ let n = class extends tt {
|
|
|
317
322
|
<lit-data-grid-row-actions
|
|
318
323
|
.buttons=${((s = e.getActions) == null ? void 0 : s.call(e, o)) || []}
|
|
319
324
|
></lit-data-grid-row-actions>
|
|
320
|
-
` : e.type === "currency" ?
|
|
325
|
+
` : e.type === "currency" ? rt(d, this.userLang || "cs") : e.cell ? e.cell(o, u, j) : d;
|
|
321
326
|
},
|
|
322
327
|
filterFn: (() => {
|
|
323
328
|
switch (e.type) {
|
|
324
329
|
case "numberRange":
|
|
325
|
-
return
|
|
330
|
+
return V.inNumberRange;
|
|
326
331
|
case "select":
|
|
327
|
-
return
|
|
332
|
+
return V.weakEquals;
|
|
328
333
|
case "multiselect":
|
|
329
334
|
return J;
|
|
330
335
|
case "number":
|
|
331
336
|
case "currency":
|
|
332
|
-
return
|
|
337
|
+
return V.weakEquals;
|
|
333
338
|
case "dateRange":
|
|
334
339
|
case "dateTimeRange":
|
|
335
340
|
return Y;
|
|
@@ -338,7 +343,7 @@ let n = class extends tt {
|
|
|
338
343
|
return Z;
|
|
339
344
|
case "string":
|
|
340
345
|
default:
|
|
341
|
-
return
|
|
346
|
+
return V.includesString;
|
|
342
347
|
}
|
|
343
348
|
})(),
|
|
344
349
|
enableSorting: e.enableSorting ?? !0,
|
|
@@ -557,7 +562,7 @@ let n = class extends tt {
|
|
|
557
562
|
`
|
|
558
563
|
}
|
|
559
564
|
] : [];
|
|
560
|
-
|
|
565
|
+
at() !== this.userLang && dt(this.userLang || "cs"), this.table = this.tableController.table({
|
|
561
566
|
data: this.rows || [],
|
|
562
567
|
columns: [...e, ...this.getTanstackColumns(this.getColumns)],
|
|
563
568
|
columnResizeMode: "onChange",
|
|
@@ -606,13 +611,13 @@ let n = class extends tt {
|
|
|
606
611
|
enableSorting: this.enableSorting,
|
|
607
612
|
getRowId: (i, r) => this.getRowId ? this.getRowId(i, r) : r.toString(),
|
|
608
613
|
// groupedColumnMode: 'reorder',
|
|
609
|
-
getCoreRowModel:
|
|
610
|
-
getSortedRowModel:
|
|
611
|
-
getFilteredRowModel:
|
|
612
|
-
getFacetedRowModel:
|
|
613
|
-
getGroupedRowModel:
|
|
614
|
-
getExpandedRowModel:
|
|
615
|
-
getFacetedUniqueValues:
|
|
614
|
+
getCoreRowModel: bt(),
|
|
615
|
+
getSortedRowModel: ft(),
|
|
616
|
+
getFilteredRowModel: mt(),
|
|
617
|
+
getFacetedRowModel: gt(),
|
|
618
|
+
getGroupedRowModel: ut(),
|
|
619
|
+
getExpandedRowModel: pt(),
|
|
620
|
+
getFacetedUniqueValues: ht(),
|
|
616
621
|
onColumnFiltersChange: (i) => {
|
|
617
622
|
this.currentScrollTop = 0;
|
|
618
623
|
const r = this.tableContainerRef.value;
|
|
@@ -637,7 +642,7 @@ let n = class extends tt {
|
|
|
637
642
|
},
|
|
638
643
|
onExpandedChange: (i) => {
|
|
639
644
|
const r = typeof i == "function" ? i(this.initialRowExpanded) : i;
|
|
640
|
-
this.initialRowExpanded =
|
|
645
|
+
this.initialRowExpanded = et.isEmpty(r) ? this.initialRowExpanded : r, this.requestUpdate();
|
|
641
646
|
},
|
|
642
647
|
onColumnOrderChange: (i) => {
|
|
643
648
|
const r = typeof i == "function" ? i(this.columnOrder) : i;
|
|
@@ -695,7 +700,7 @@ let n = class extends tt {
|
|
|
695
700
|
part="dataGrid-header"
|
|
696
701
|
style="height: ${this.enableFiltering ? "4rem" : "1.625rem"};"
|
|
697
702
|
>
|
|
698
|
-
${
|
|
703
|
+
${T(
|
|
699
704
|
this.table.getHeaderGroups(),
|
|
700
705
|
(i) => i.id,
|
|
701
706
|
(i) => {
|
|
@@ -714,7 +719,7 @@ let n = class extends tt {
|
|
|
714
719
|
style=" display: flex; width: ${h}px;"
|
|
715
720
|
></th>
|
|
716
721
|
` : ""}
|
|
717
|
-
${
|
|
722
|
+
${T(
|
|
718
723
|
b,
|
|
719
724
|
(c) => c.id,
|
|
720
725
|
(c, D) => {
|
|
@@ -726,7 +731,7 @@ let n = class extends tt {
|
|
|
726
731
|
),
|
|
727
732
|
width: `${y == null ? void 0 : y.getSize()}px`,
|
|
728
733
|
flexGrow: `${y.columnDef.size === void 0 ? 1 : "unset"}`
|
|
729
|
-
}, 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) ||
|
|
734
|
+
}, 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);
|
|
730
735
|
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(
|
|
731
736
|
y == null ? void 0 : y.getFacetedUniqueValues().keys()
|
|
732
737
|
).sort().slice(0, 5e3).map(
|
|
@@ -935,7 +940,7 @@ let n = class extends tt {
|
|
|
935
940
|
part="dataGrid-body"
|
|
936
941
|
style="height: ${o && this.table.getRowModel().rows.length > 0 ? o.getTotalSize() + "px" : "auto"};"
|
|
937
942
|
>
|
|
938
|
-
${p.length > 0 ?
|
|
943
|
+
${p.length > 0 ? T(
|
|
939
944
|
g,
|
|
940
945
|
(i) => i.key,
|
|
941
946
|
(i) => {
|
|
@@ -972,7 +977,7 @@ let n = class extends tt {
|
|
|
972
977
|
></th>
|
|
973
978
|
` : ""}
|
|
974
979
|
<!-- Cells for each row -->
|
|
975
|
-
${
|
|
980
|
+
${T(
|
|
976
981
|
y,
|
|
977
982
|
(f) => f.key,
|
|
978
983
|
(f) => {
|
|
@@ -1157,7 +1162,7 @@ let n = class extends tt {
|
|
|
1157
1162
|
)}
|
|
1158
1163
|
</lit-menu>
|
|
1159
1164
|
|
|
1160
|
-
${
|
|
1165
|
+
${it(t.length, 0) ? u`
|
|
1161
1166
|
<div
|
|
1162
1167
|
style="display: flex; flex-direction: column; align-items: center; padding: 1rem;"
|
|
1163
1168
|
>
|
|
@@ -1216,7 +1221,7 @@ let n = class extends tt {
|
|
|
1216
1221
|
};
|
|
1217
1222
|
n.styles = [
|
|
1218
1223
|
// styles,
|
|
1219
|
-
|
|
1224
|
+
yt`
|
|
1220
1225
|
*,
|
|
1221
1226
|
*::before,
|
|
1222
1227
|
*::after {
|
|
@@ -1721,7 +1726,7 @@ l([
|
|
|
1721
1726
|
Q(".grid")
|
|
1722
1727
|
], n.prototype, "_container", 2);
|
|
1723
1728
|
n = l([
|
|
1724
|
-
|
|
1729
|
+
ot("lit-data-grid-tanstack")
|
|
1725
1730
|
], n);
|
|
1726
1731
|
export {
|
|
1727
1732
|
n as LitDataGridTanstack
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { customElement as h } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as d } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
3
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
4
|
+
import { html as n } from "../node_modules/lit-html/lit-html.js";
|
|
5
|
+
import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
|
|
6
|
+
import { msg as p } from "../node_modules/@lit/localize/init/install.js";
|
|
7
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
5
8
|
import { getOperatorsByColumnType as m } from "../utils/getOperatorByType.js";
|
|
9
|
+
import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
6
10
|
var g = Object.defineProperty, F = Object.getOwnPropertyDescriptor, u = (e, t, a, r) => {
|
|
7
11
|
for (var i = r > 1 ? void 0 : r ? F(t, a) : t, l = e.length - 1, o; l >= 0; l--)
|
|
8
12
|
(o = e[l]) && (i = (r ? o(t, a, i) : o(i)) || i);
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { customElement as C } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as m } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
3
|
import { state as y } from "../node_modules/@lit/reactive-element/decorators/state.js";
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
4
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
5
|
+
import { html as v } from "../node_modules/lit-html/lit-html.js";
|
|
6
|
+
import { LitElement as L } from "../node_modules/lit-element/lit-element.js";
|
|
7
|
+
import { msg as S } from "../node_modules/@lit/localize/init/install.js";
|
|
8
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
9
|
+
import R from "../node_modules/sortablejs/modular/sortable.esm.js";
|
|
7
10
|
import { isEmpty as K } from "lodash";
|
|
11
|
+
import { css as T } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
8
12
|
var k = Object.defineProperty, F = Object.getOwnPropertyDescriptor, a = (t, e, l, i) => {
|
|
9
13
|
for (var s = i > 1 ? void 0 : i ? F(e, l) : e, r = t.length - 1, h; r >= 0; r--)
|
|
10
14
|
(h = t[r]) && (s = (i ? h(e, l, s) : h(s)) || s);
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { customElement as d } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
3
|
import { state as g } from "../node_modules/@lit/reactive-element/decorators/state.js";
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
5
|
+
import { html as c } from "../node_modules/lit-html/lit-html.js";
|
|
6
|
+
import { LitElement as m } from "../node_modules/lit-element/lit-element.js";
|
|
7
|
+
import { styleMap as h } from "../node_modules/lit-html/directives/style-map.js";
|
|
8
|
+
import { msg as b } from "../node_modules/@lit/localize/init/install.js";
|
|
9
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
10
|
+
import { css as u } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
11
|
+
var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (i, t, n, r) => {
|
|
12
|
+
for (var o = r > 1 ? void 0 : r ? y(t, n) : t, l = i.length - 1, p; l >= 0; l--)
|
|
13
|
+
(p = i[l]) && (o = (r ? p(t, n, o) : p(o)) || o);
|
|
14
|
+
return r && o && f(t, n, o), o;
|
|
11
15
|
};
|
|
12
16
|
let e = class extends m {
|
|
13
17
|
constructor() {
|
|
@@ -28,14 +32,14 @@ let e = class extends m {
|
|
|
28
32
|
this.isOpenModal = !this.isOpenModal;
|
|
29
33
|
}
|
|
30
34
|
render() {
|
|
31
|
-
var i, t,
|
|
35
|
+
var i, t, n;
|
|
32
36
|
return c` <div part="section-header-settings" class="section-header">
|
|
33
37
|
<lit-icon
|
|
34
38
|
size="1rem"
|
|
35
39
|
.icon="${((i = this.settingsValue) == null ? void 0 : i.titleIcon) || "documents"}"
|
|
36
40
|
></lit-icon>
|
|
37
41
|
<div class="section-title">
|
|
38
|
-
${((t = this.settingsValue) == null ? void 0 : t[`titleLabel_${this.userLang}`]) || ((
|
|
42
|
+
${((t = this.settingsValue) == null ? void 0 : t[`titleLabel_${this.userLang}`]) || ((n = this.settingsValue) == null ? void 0 : n.titleLabel) || b("Zadejte název")}
|
|
39
43
|
</div>
|
|
40
44
|
${this.enableSettings ? c`
|
|
41
45
|
<lit-icon
|
|
@@ -57,13 +61,13 @@ let e = class extends m {
|
|
|
57
61
|
>
|
|
58
62
|
</section-tab-settings>
|
|
59
63
|
|
|
60
|
-
<div class="section-tab" style=${
|
|
64
|
+
<div class="section-tab" style=${h(this.sx)}>
|
|
61
65
|
<slot></slot>
|
|
62
66
|
</div>`;
|
|
63
67
|
}
|
|
64
68
|
};
|
|
65
69
|
e.styles = [
|
|
66
|
-
|
|
70
|
+
u`
|
|
67
71
|
.section-tab {
|
|
68
72
|
background: var(--background-paper, #ffffff);
|
|
69
73
|
border-radius: 0.75rem;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { customElement as f } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
|
|
2
2
|
import { property as c } from "../node_modules/@lit/reactive-element/decorators/property.js";
|
|
3
3
|
import { state as l } from "../node_modules/@lit/reactive-element/decorators/state.js";
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
4
|
+
import "../node_modules/@lit/reactive-element/reactive-element.js";
|
|
5
|
+
import { html as h } from "../node_modules/lit-html/lit-html.js";
|
|
6
|
+
import { LitElement as v } from "../node_modules/lit-element/lit-element.js";
|
|
7
|
+
import { msg as g } from "../node_modules/@lit/localize/init/install.js";
|
|
8
|
+
import "../node_modules/@lit/localize/init/runtime.js";
|
|
9
|
+
import y from "../node_modules/sortablejs/modular/sortable.esm.js";
|
|
10
|
+
import { css as C } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
7
11
|
var S = Object.defineProperty, T = Object.getOwnPropertyDescriptor, n = (t, e, a, o) => {
|
|
8
12
|
for (var s = o > 1 ? void 0 : o ? T(e, a) : e, d = t.length - 1, r; d >= 0; d--)
|
|
9
13
|
(r = t[d]) && (s = (o ? r(e, a, s) : r(s)) || s);
|
|
@@ -29,7 +33,7 @@ let i = class extends v {
|
|
|
29
33
|
const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".tabs-container");
|
|
30
34
|
if (!t) return;
|
|
31
35
|
let e = [];
|
|
32
|
-
const a =
|
|
36
|
+
const a = y.create(t, {
|
|
33
37
|
group: this.sortableGroupId,
|
|
34
38
|
animation: 150,
|
|
35
39
|
handle: ".drag-handle",
|
|
@@ -202,7 +206,7 @@ let i = class extends v {
|
|
|
202
206
|
}
|
|
203
207
|
};
|
|
204
208
|
i.styles = [
|
|
205
|
-
|
|
209
|
+
C`
|
|
206
210
|
:host {
|
|
207
211
|
font-family: 'Inter', sans-serif;
|
|
208
212
|
}
|