overview-components 0.1.7 → 0.1.9
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/assets/generated/locales/de.d.ts +1 -0
- package/dist/assets/generated/locales/de.d.ts.map +1 -1
- package/dist/assets/generated/locales/de.js +1 -0
- package/dist/assets/generated/locales/de.js.map +1 -1
- package/dist/assets/generated/locales/en.d.ts +1 -0
- package/dist/assets/generated/locales/en.d.ts.map +1 -1
- package/dist/assets/generated/locales/en.js +1 -0
- package/dist/assets/generated/locales/en.js.map +1 -1
- package/dist/assets/generated/locales/pl.d.ts +1 -0
- package/dist/assets/generated/locales/pl.d.ts.map +1 -1
- package/dist/assets/generated/locales/pl.js +1 -0
- package/dist/assets/generated/locales/pl.js.map +1 -1
- package/dist/assets/generated/locales/sk.d.ts +1 -0
- package/dist/assets/generated/locales/sk.d.ts.map +1 -1
- package/dist/assets/generated/locales/sk.js +1 -0
- package/dist/assets/generated/locales/sk.js.map +1 -1
- package/dist/components/custom-filters.d.ts +1 -0
- package/dist/components/custom-filters.d.ts.map +1 -1
- package/dist/components/custom-filters.js +6 -0
- package/dist/components/custom-filters.js.map +1 -1
- package/dist/components/lit-chart.d.ts +19 -5
- package/dist/components/lit-chart.d.ts.map +1 -1
- package/dist/components/lit-chart.js +122 -55
- package/dist/components/lit-chart.js.map +1 -1
- package/dist/components/lit-data-grid-tanstack.d.ts +1 -1
- package/dist/components/lit-data-grid-tanstack.d.ts.map +1 -1
- package/dist/components/lit-data-grid-tanstack.js +7 -2
- package/dist/components/lit-data-grid-tanstack.js.map +1 -1
- package/dist/shared/filter-inputs.d.ts +1 -1
- package/dist/shared/filter-inputs.d.ts.map +1 -1
- package/dist/shared/filter-inputs.js +262 -259
- package/dist/shared/filter-inputs.js.map +1 -1
- package/dist/shared/lit-custom-popper.js +31 -31
- package/dist/shared/lit-data-grid-density-popover.d.ts +1 -0
- package/dist/shared/lit-data-grid-density-popover.d.ts.map +1 -1
- package/dist/shared/lit-data-grid-density-popover.js +6 -1
- package/dist/shared/lit-data-grid-density-popover.js.map +1 -1
- package/dist/shared/lit-menu-item.d.ts +1 -1
- package/dist/shared/lit-menu-item.d.ts.map +1 -1
- package/dist/shared/lit-menu-item.js +15 -2
- package/dist/shared/lit-menu-item.js.map +1 -1
- package/dist/shared/lit-select.d.ts +19 -3
- package/dist/shared/lit-select.d.ts.map +1 -1
- package/dist/shared/lit-select.js +91 -30
- package/dist/shared/lit-select.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/de.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/de.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"de.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/de.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,uEAAuE;CAC7F,CAAA"}
|
|
1
|
+
{"version":3,"file":"de.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/de.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,KAAK;IAC1B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,uEAAuE;CAC7F,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAA"}
|
|
@@ -9,6 +9,7 @@ export const templates = {
|
|
|
9
9
|
"sbc3da15f317e6d06": "Group column",
|
|
10
10
|
"sdd88ad7dbe8c3656": "Nothing else here",
|
|
11
11
|
"sf80637ab420b4218": "Adjust columns",
|
|
12
|
+
"s36d606f3bb0a3624": "Not found",
|
|
12
13
|
"s091d6207b5b3464e": "From",
|
|
13
14
|
"s08fe5907b5988674": "To",
|
|
14
15
|
"sd9f0fe9e136a0acc": "Aggregation",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/en.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,cAAc;IACnC,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,eAAe;IACpC,mBAAmB,EAAE,cAAc;IACnC,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,cAAc;IACnC,mBAAmB,EAAE,4DAA4D;CAClF,CAAA"}
|
|
1
|
+
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/en.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,cAAc;IACnC,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,wBAAwB;IAC7C,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,eAAe;IACpC,mBAAmB,EAAE,cAAc;IACnC,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,MAAM;IAC3B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,aAAa;IAClC,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,cAAc;IACnC,mBAAmB,EAAE,4DAA4D;CAClF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pl.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/pl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"pl.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/pl.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pl.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/pl.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,2BAA2B;IAChD,mBAAmB,EAAE,eAAe;IACpC,mBAAmB,EAAE,oBAAoB;IACzC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,YAAY;IACjC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,iEAAiE;CACvF,CAAA"}
|
|
1
|
+
{"version":3,"file":"pl.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/pl.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,2BAA2B;IAChD,mBAAmB,EAAE,eAAe;IACpC,mBAAmB,EAAE,oBAAoB;IACzC,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,OAAO;IAC5B,mBAAmB,EAAE,YAAY;IACjC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,mBAAmB;IACxC,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,kBAAkB;IACvC,mBAAmB,EAAE,iEAAiE;CACvF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sk.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/sk.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"sk.d.ts","sourceRoot":"","sources":["../../../../src/assets/generated/locales/sk.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sk.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/sk.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,eAAe;IACpC,mBAAmB,EAAE,0BAA0B;IAC/C,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,2BAA2B;IAChD,mBAAmB,EAAE,qBAAqB;IAC1C,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,oBAAoB;IACzC,mBAAmB,EAAE,oBAAoB;IACzC,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,qDAAqD;CAC3E,CAAA"}
|
|
1
|
+
{"version":3,"file":"sk.js","sourceRoot":"","sources":["../../../../src/assets/generated/locales/sk.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,eAAe;IACpC,mBAAmB,EAAE,0BAA0B;IAC/C,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,sBAAsB;IAC3C,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,QAAQ;IAC7B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,WAAW;IAChC,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,UAAU;IAC/B,mBAAmB,EAAE,2BAA2B;IAChD,mBAAmB,EAAE,qBAAqB;IAC1C,mBAAmB,EAAE,gBAAgB;IACrC,mBAAmB,EAAE,uBAAuB;IAC5C,mBAAmB,EAAE,oBAAoB;IACzC,mBAAmB,EAAE,oBAAoB;IACzC,mBAAmB,EAAE,iBAAiB;IACtC,mBAAmB,EAAE,qDAAqD;CAC3E,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-filters.d.ts","sourceRoot":"","sources":["../../src/components/custom-filters.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,wDAexB,CAAC"}
|
|
1
|
+
{"version":3,"file":"custom-filters.d.ts","sourceRoot":"","sources":["../../src/components/custom-filters.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,wDAexB,CAAC;AAEF,eAAO,MAAO,mBAAmB,oDAKhC,CAAC"}
|
|
@@ -16,4 +16,10 @@ export const dateFilterFn = (row, columnId, filterValue) => {
|
|
|
16
16
|
}
|
|
17
17
|
return true;
|
|
18
18
|
};
|
|
19
|
+
export const multiselectFilterFn = (row, columnId, filterValue) => {
|
|
20
|
+
const rowValue = row.getValue(columnId);
|
|
21
|
+
if (!rowValue)
|
|
22
|
+
return false;
|
|
23
|
+
return filterValue.includes(rowValue);
|
|
24
|
+
};
|
|
19
25
|
//# sourceMappingURL=custom-filters.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-filters.js","sourceRoot":"","sources":["../../src/components/custom-filters.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE;IACvD,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;IAE3C,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC;QACvB,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,OAAO,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1E,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACnB,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IAC1C,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACjB,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"custom-filters.js","sourceRoot":"","sources":["../../src/components/custom-filters.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE;IACvD,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;IAE3C,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC;QACvB,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,OAAO,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1E,CAAC;SAAM,IAAI,SAAS,EAAE,CAAC;QACnB,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IAC1C,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACjB,OAAO,OAAO,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAO,mBAAmB,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,OAAO,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1C,CAAC,CAAC"}
|
|
@@ -1,20 +1,34 @@
|
|
|
1
1
|
import { LitElement, TemplateResult } from 'lit';
|
|
2
2
|
export type ChartProps = {
|
|
3
3
|
type?: string;
|
|
4
|
-
data?:
|
|
5
|
-
|
|
4
|
+
data?: ChartData;
|
|
5
|
+
};
|
|
6
|
+
export type ChartData = {
|
|
7
|
+
labels: string[];
|
|
8
|
+
datasets: {
|
|
9
|
+
label?: string;
|
|
10
|
+
data: number[] | {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
r: number;
|
|
14
|
+
}[];
|
|
15
|
+
backgroundColor?: string | string[];
|
|
16
|
+
borderColor?: string;
|
|
17
|
+
borderWidth?: number;
|
|
18
|
+
}[];
|
|
19
|
+
title: string;
|
|
6
20
|
};
|
|
7
21
|
export declare class LitChart extends LitElement {
|
|
8
22
|
type: string;
|
|
9
|
-
data:
|
|
10
|
-
labels: string[];
|
|
23
|
+
data: ChartData;
|
|
11
24
|
private chart;
|
|
12
25
|
static styles: import("lit").CSSResult[];
|
|
13
|
-
protected firstUpdated(): void;
|
|
14
26
|
protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
|
|
15
27
|
private generateColors;
|
|
16
28
|
private renderChart;
|
|
29
|
+
private renderPieAndDoughnutChart;
|
|
17
30
|
private renderBubbleChart;
|
|
31
|
+
private renderBarAndLineChart;
|
|
18
32
|
protected render(): TemplateResult | null;
|
|
19
33
|
}
|
|
20
34
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lit-chart.d.ts","sourceRoot":"","sources":["../../src/components/lit-chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"lit-chart.d.ts","sourceRoot":"","sources":["../../src/components/lit-chart.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,MAAM,MAAM,UAAU,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,EAAE,GAAG;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QACvD,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACpC,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,WAAW,CAAC,EAAE,MAAM,CAAC;KACxB,EAAE,CAAC;IACJ,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACR,IAAI,EAAE,MAAM,CAAS;IACtB,IAAI,EAAE,SAAS,CAA2C;IAErF,OAAO,CAAC,KAAK,CAAsE;IAEnF,MAAM,CAAC,MAAM,4BAQX;IAEF,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAMlF,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,yBAAyB;IAwDjC,OAAO,CAAC,iBAAiB;IA6DzB,OAAO,CAAC,qBAAqB;IA6D7B,SAAS,CAAC,MAAM,IAAI,cAAc,GAAG,IAAI;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}
|
|
@@ -12,17 +12,11 @@ let LitChart = class LitChart extends LitElement {
|
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
14
14
|
this.type = 'bar';
|
|
15
|
-
this.data = [];
|
|
16
|
-
this.labels = [];
|
|
15
|
+
this.data = { labels: [], datasets: [], title: '' };
|
|
17
16
|
this.chart = null;
|
|
18
17
|
}
|
|
19
|
-
firstUpdated() {
|
|
20
|
-
this.renderChart();
|
|
21
|
-
}
|
|
22
18
|
updated(changedProperties) {
|
|
23
|
-
if (changedProperties.has('type') ||
|
|
24
|
-
changedProperties.has('data') ||
|
|
25
|
-
changedProperties.has('labels')) {
|
|
19
|
+
if (changedProperties.has('type') || changedProperties.has('data')) {
|
|
26
20
|
this.renderChart();
|
|
27
21
|
}
|
|
28
22
|
}
|
|
@@ -33,76 +27,96 @@ let LitChart = class LitChart extends LitElement {
|
|
|
33
27
|
const canvas = this.shadowRoot?.querySelector('canvas');
|
|
34
28
|
if (!canvas)
|
|
35
29
|
return;
|
|
36
|
-
if (this.
|
|
37
|
-
this.
|
|
30
|
+
if (this.type === 'bar' || this.type === 'line') {
|
|
31
|
+
this.renderBarAndLineChart(canvas);
|
|
38
32
|
}
|
|
39
|
-
if (this.type === 'bubble') {
|
|
33
|
+
else if (this.type === 'bubble') {
|
|
40
34
|
this.renderBubbleChart(canvas);
|
|
41
|
-
return;
|
|
42
35
|
}
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
else if (this.type === 'pie' || this.type === 'doughnut') {
|
|
37
|
+
this.renderPieAndDoughnutChart(canvas);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
renderPieAndDoughnutChart(canvas) {
|
|
41
|
+
if (this.chart)
|
|
42
|
+
this.chart.destroy();
|
|
43
|
+
const colors = this.generateColors(this.data.datasets[0]?.data.length || 0);
|
|
44
|
+
const datasetsWithColors = this.data.datasets.map((dataset) => ({
|
|
45
45
|
...dataset,
|
|
46
|
-
backgroundColor: colors
|
|
47
|
-
borderColor: colors
|
|
48
|
-
|
|
46
|
+
backgroundColor: colors,
|
|
47
|
+
borderColor: colors,
|
|
48
|
+
borderWidth: 2,
|
|
49
|
+
pointBorderWidth: 3,
|
|
49
50
|
}));
|
|
50
51
|
this.chart = new Chart(canvas, {
|
|
51
52
|
type: this.type,
|
|
52
53
|
data: {
|
|
53
|
-
labels: this.labels,
|
|
54
|
+
labels: this.data.labels,
|
|
54
55
|
datasets: datasetsWithColors,
|
|
55
56
|
},
|
|
56
57
|
options: {
|
|
57
58
|
responsive: true,
|
|
58
|
-
maintainAspectRatio:
|
|
59
|
+
maintainAspectRatio: false,
|
|
59
60
|
plugins: {
|
|
61
|
+
legend: {
|
|
62
|
+
position: 'top',
|
|
63
|
+
labels: {
|
|
64
|
+
usePointStyle: true, // Použitie kruhového symbolu
|
|
65
|
+
pointStyle: 'circle', // Špecifický tvar pre symbol v legende
|
|
66
|
+
},
|
|
67
|
+
},
|
|
60
68
|
tooltip: {
|
|
61
69
|
callbacks: {
|
|
62
|
-
label: (tooltipItem) => {
|
|
63
|
-
const label = tooltipItem.label || '';
|
|
64
|
-
const value = tooltipItem.raw || 0;
|
|
65
|
-
return `${label}: ${value}`;
|
|
66
|
-
},
|
|
70
|
+
label: (tooltipItem) => `${tooltipItem.label}: ${tooltipItem.raw}`,
|
|
67
71
|
},
|
|
68
72
|
},
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
+
title: {
|
|
74
|
+
display: true,
|
|
75
|
+
text: this.data.title, // Text, ktorý sa zobrazí nad grafom
|
|
76
|
+
font: {
|
|
77
|
+
size: 17,
|
|
78
|
+
weight: 500,
|
|
79
|
+
},
|
|
80
|
+
color: 'var(--text-primary, #111827)',
|
|
81
|
+
padding: {
|
|
82
|
+
top: 10,
|
|
83
|
+
bottom: 20,
|
|
73
84
|
},
|
|
74
85
|
},
|
|
75
86
|
},
|
|
87
|
+
...(this.type === 'doughnut' && {
|
|
88
|
+
cutout: '70%',
|
|
89
|
+
}),
|
|
76
90
|
},
|
|
77
91
|
});
|
|
78
92
|
}
|
|
79
93
|
renderBubbleChart(canvas) {
|
|
80
|
-
if (this.chart)
|
|
94
|
+
if (this.chart)
|
|
81
95
|
this.chart.destroy();
|
|
82
|
-
|
|
83
|
-
const
|
|
84
|
-
|
|
85
|
-
label: dataset.label || `Dataset ${index + 1}`, // Ak neexistuje label, pridáme defaultný
|
|
86
|
-
data: dataset.data, // data obsahuje pole objektov {x, y, r}
|
|
96
|
+
const colors = this.generateColors(this.data.datasets.length);
|
|
97
|
+
const datasets = this.data.datasets.map((dataset, index) => ({
|
|
98
|
+
...dataset,
|
|
87
99
|
backgroundColor: colors[index],
|
|
88
100
|
borderColor: colors[index],
|
|
89
101
|
borderWidth: 1,
|
|
90
102
|
hoverRadius: 10,
|
|
91
|
-
|
|
103
|
+
pointBorderWidth: 3,
|
|
92
104
|
}));
|
|
93
105
|
this.chart = new Chart(canvas, {
|
|
94
106
|
type: 'bubble',
|
|
95
|
-
data: {
|
|
96
|
-
datasets: datasets,
|
|
97
|
-
},
|
|
107
|
+
data: { datasets },
|
|
98
108
|
options: {
|
|
99
109
|
responsive: true,
|
|
100
|
-
|
|
110
|
+
scales: {
|
|
111
|
+
x: { beginAtZero: true },
|
|
112
|
+
y: { beginAtZero: true },
|
|
113
|
+
},
|
|
101
114
|
plugins: {
|
|
102
115
|
legend: {
|
|
116
|
+
position: 'top',
|
|
103
117
|
labels: {
|
|
104
|
-
usePointStyle: true,
|
|
105
|
-
pointStyle: 'circle',
|
|
118
|
+
usePointStyle: true, // Použitie kruhového symbolu
|
|
119
|
+
pointStyle: 'circle', // Špecifický tvar pre symbol v legende
|
|
106
120
|
},
|
|
107
121
|
},
|
|
108
122
|
tooltip: {
|
|
@@ -113,20 +127,75 @@ let LitChart = class LitChart extends LitElement {
|
|
|
113
127
|
},
|
|
114
128
|
},
|
|
115
129
|
},
|
|
130
|
+
title: {
|
|
131
|
+
display: true,
|
|
132
|
+
text: this.data.title, // Text, ktorý sa zobrazí nad grafom
|
|
133
|
+
font: {
|
|
134
|
+
size: 17,
|
|
135
|
+
weight: 500,
|
|
136
|
+
},
|
|
137
|
+
color: 'var(--text-primary, #111827)',
|
|
138
|
+
padding: {
|
|
139
|
+
top: 10,
|
|
140
|
+
bottom: 20,
|
|
141
|
+
},
|
|
142
|
+
},
|
|
116
143
|
},
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
144
|
+
},
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
renderBarAndLineChart(canvas) {
|
|
148
|
+
if (this.chart)
|
|
149
|
+
this.chart.destroy();
|
|
150
|
+
const colors = this.generateColors(this.data.datasets.length);
|
|
151
|
+
const datasetsWithColors = this.data.datasets.map((dataset, index) => ({
|
|
152
|
+
...dataset,
|
|
153
|
+
backgroundColor: colors[index],
|
|
154
|
+
borderColor: colors[index],
|
|
155
|
+
borderWidth: 2,
|
|
156
|
+
...(this.type === 'bar' ? { borderRadius: 4 } : {}),
|
|
157
|
+
...(this.type === 'line'
|
|
158
|
+
? {
|
|
159
|
+
pointStyle: 'circle',
|
|
160
|
+
pointRadius: 3,
|
|
161
|
+
pointBorderWidth: 3,
|
|
162
|
+
pointBorderColor: colors[index],
|
|
163
|
+
}
|
|
164
|
+
: {}),
|
|
165
|
+
}));
|
|
166
|
+
this.chart = new Chart(canvas, {
|
|
167
|
+
type: this.type,
|
|
168
|
+
data: {
|
|
169
|
+
labels: this.data.labels,
|
|
170
|
+
datasets: datasetsWithColors,
|
|
171
|
+
},
|
|
172
|
+
options: {
|
|
173
|
+
responsive: true,
|
|
174
|
+
maintainAspectRatio: false,
|
|
175
|
+
plugins: {
|
|
176
|
+
legend: {
|
|
177
|
+
position: 'top',
|
|
178
|
+
labels: {
|
|
179
|
+
usePointStyle: true, // Použitie kruhového symbolu
|
|
180
|
+
pointStyle: 'circle', // Špecifický tvar pre symbol v legende
|
|
123
181
|
},
|
|
124
182
|
},
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
183
|
+
tooltip: {
|
|
184
|
+
callbacks: {
|
|
185
|
+
label: (tooltipItem) => `${tooltipItem.label}: ${tooltipItem.raw}`,
|
|
186
|
+
},
|
|
187
|
+
},
|
|
188
|
+
title: {
|
|
189
|
+
display: true,
|
|
190
|
+
text: this.data.title, // Text, ktorý sa zobrazí nad grafom
|
|
191
|
+
font: {
|
|
192
|
+
size: 17,
|
|
193
|
+
weight: 500,
|
|
194
|
+
},
|
|
195
|
+
color: 'var(--text-primary, #111827)',
|
|
196
|
+
padding: {
|
|
197
|
+
top: 10,
|
|
198
|
+
bottom: 20,
|
|
130
199
|
},
|
|
131
200
|
},
|
|
132
201
|
},
|
|
@@ -142,6 +211,7 @@ LitChart.styles = [
|
|
|
142
211
|
canvas {
|
|
143
212
|
width: 100%;
|
|
144
213
|
height: 100%;
|
|
214
|
+
font-family: 'Inter', sans-serif;
|
|
145
215
|
}
|
|
146
216
|
`,
|
|
147
217
|
];
|
|
@@ -151,9 +221,6 @@ __decorate([
|
|
|
151
221
|
__decorate([
|
|
152
222
|
property({ type: Array })
|
|
153
223
|
], LitChart.prototype, "data", void 0);
|
|
154
|
-
__decorate([
|
|
155
|
-
property({ type: Array })
|
|
156
|
-
], LitChart.prototype, "labels", void 0);
|
|
157
224
|
LitChart = __decorate([
|
|
158
225
|
customElement('lit-chart')
|
|
159
226
|
], LitChart);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lit-chart.js","sourceRoot":"","sources":["../../src/components/lit-chart.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAkD,aAAa,EAAE,MAAM,UAAU,CAAC;AAEhG,KAAK,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"lit-chart.js","sourceRoot":"","sources":["../../src/components/lit-chart.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export type Density = 'compact' | 'standard' | 'comfort';
|
|
|
15
15
|
export type DateFormats = null | 'dd.MM.yyyy' | 'd.M.yyyy' | 'dd/MM/yyyy' | 'MM/dd/yyyy' | 'yyyy-MM-dd';
|
|
16
16
|
export type Column = {
|
|
17
17
|
field: string;
|
|
18
|
-
type: 'string' | 'number' | 'date' | 'range' | 'select';
|
|
18
|
+
type: 'string' | 'number' | 'date' | 'range' | 'select' | 'multiselect';
|
|
19
19
|
headerName: string;
|
|
20
20
|
columnAggregation?: 'sum' | 'median' | 'min' | 'max';
|
|
21
21
|
enableGrouping?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lit-data-grid-tanstack.d.ts","sourceRoot":"","sources":["../../src/components/lit-data-grid-tanstack.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,EAaH,kBAAkB,EAErB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,4BAA4B,CAAC;AACpC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,8BAA8B,CAAC;AACtC,OAAO,yBAAyB,CAAC;AACjC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,0BAA0B,CAAC;AAClC,OAAO,2CAA2C,CAAC;AACnD,OAAO,mDAAmD,CAAC;AAC3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4CAA4C,CAAC;AAOpD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,WAAW,GACjB,IAAI,GACJ,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;AAEnB,MAAM,MAAM,MAAM,GAAG;IAEjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"lit-data-grid-tanstack.d.ts","sourceRoot":"","sources":["../../src/components/lit-data-grid-tanstack.ts"],"names":[],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ import '../shared/lit-overflow-tooltip.js';
|
|
|
27
27
|
import '../shared/lit-data-grid-density-popover.js';
|
|
28
28
|
// utils
|
|
29
29
|
import { formatDate } from '../utils/date.js';
|
|
30
|
-
import { dateFilterFn } from './custom-filters.js';
|
|
30
|
+
import { dateFilterFn, multiselectFilterFn } from './custom-filters.js';
|
|
31
31
|
import { setLocale, getLocale } from '../utils/localization.js';
|
|
32
32
|
let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
|
|
33
33
|
constructor() {
|
|
@@ -261,6 +261,8 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
|
|
|
261
261
|
return filterFns.inNumberRange;
|
|
262
262
|
case 'select':
|
|
263
263
|
return filterFns.weakEquals;
|
|
264
|
+
case 'multiselect':
|
|
265
|
+
return multiselectFilterFn;
|
|
264
266
|
case 'number':
|
|
265
267
|
return filterFns.weakEquals;
|
|
266
268
|
case 'date':
|
|
@@ -463,11 +465,13 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
|
|
|
463
465
|
},
|
|
464
466
|
filterFns: {
|
|
465
467
|
dateFilterFn: dateFilterFn,
|
|
468
|
+
multiselectFilterFn: multiselectFilterFn,
|
|
466
469
|
},
|
|
467
470
|
debugTable: true,
|
|
468
471
|
enableColumnPinning: this.enableColumnPinning,
|
|
469
472
|
enableGrouping: this.enableGrouping,
|
|
470
473
|
manualFiltering: this.server,
|
|
474
|
+
getRowId: (row, index) => index.toString(),
|
|
471
475
|
// groupedColumnMode: 'reorder',
|
|
472
476
|
getCoreRowModel: getCoreRowModel(),
|
|
473
477
|
getSortedRowModel: getSortedRowModel(),
|
|
@@ -914,6 +918,7 @@ let LitDataGridTanstack = class LitDataGridTanstack extends LitElement {
|
|
|
914
918
|
</span>
|
|
915
919
|
<div class="right-actions">
|
|
916
920
|
<lit-data-grid-density-popover
|
|
921
|
+
.density="${this.rowDensity}"
|
|
917
922
|
.setDensity="${(density) => this.handleSetDensity(density)}"
|
|
918
923
|
>
|
|
919
924
|
</lit-data-grid-density-popover>
|
|
@@ -1127,7 +1132,7 @@ LitDataGridTanstack.styles = [
|
|
|
1127
1132
|
flex-direction: row;
|
|
1128
1133
|
justify-content: space-between;
|
|
1129
1134
|
align-items: center;
|
|
1130
|
-
padding: 0 16px;
|
|
1135
|
+
// padding: 0 16px;
|
|
1131
1136
|
z-index: 10;
|
|
1132
1137
|
}
|
|
1133
1138
|
|