overview-components 0.1.4 → 0.1.6

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.
Files changed (59) hide show
  1. package/dist/assets/generated/locales/de.d.ts +8 -0
  2. package/dist/assets/generated/locales/de.d.ts.map +1 -1
  3. package/dist/assets/generated/locales/de.js +8 -0
  4. package/dist/assets/generated/locales/de.js.map +1 -1
  5. package/dist/assets/generated/locales/en.d.ts +16 -8
  6. package/dist/assets/generated/locales/en.d.ts.map +1 -1
  7. package/dist/assets/generated/locales/en.js +17 -9
  8. package/dist/assets/generated/locales/en.js.map +1 -1
  9. package/dist/assets/generated/locales/pl.d.ts +8 -0
  10. package/dist/assets/generated/locales/pl.d.ts.map +1 -1
  11. package/dist/assets/generated/locales/pl.js +8 -0
  12. package/dist/assets/generated/locales/pl.js.map +1 -1
  13. package/dist/assets/generated/locales/sk.d.ts +8 -0
  14. package/dist/assets/generated/locales/sk.d.ts.map +1 -1
  15. package/dist/assets/generated/locales/sk.js +8 -0
  16. package/dist/assets/generated/locales/sk.js.map +1 -1
  17. package/dist/components/lit-attachments-tab.d.ts +11 -10
  18. package/dist/components/lit-attachments-tab.d.ts.map +1 -1
  19. package/dist/components/lit-attachments-tab.js +295 -259
  20. package/dist/components/lit-attachments-tab.js.map +1 -1
  21. package/dist/components/lit-chart.d.ts +25 -0
  22. package/dist/components/lit-chart.d.ts.map +1 -0
  23. package/dist/components/lit-chart.js +161 -0
  24. package/dist/components/lit-chart.js.map +1 -0
  25. package/dist/components/lit-data-grid-tanstack.d.ts +39 -3
  26. package/dist/components/lit-data-grid-tanstack.d.ts.map +1 -1
  27. package/dist/components/lit-data-grid-tanstack.js +739 -547
  28. package/dist/components/lit-data-grid-tanstack.js.map +1 -1
  29. package/dist/components/lit-tabs-overview.d.ts.map +1 -1
  30. package/dist/components/lit-tabs-overview.js +77 -62
  31. package/dist/components/lit-tabs-overview.js.map +1 -1
  32. package/dist/components/react-wrappers/chart.d.ts +3 -0
  33. package/dist/components/react-wrappers/chart.d.ts.map +1 -0
  34. package/dist/components/react-wrappers/chart.js +9 -0
  35. package/dist/components/react-wrappers/chart.js.map +1 -0
  36. package/dist/scripts/translate-locales.js +1 -0
  37. package/dist/scripts/translate-locales.js.map +1 -1
  38. package/dist/shared/filter-inputs.d.ts +1 -0
  39. package/dist/shared/filter-inputs.d.ts.map +1 -1
  40. package/dist/shared/filter-inputs.js +29 -0
  41. package/dist/shared/filter-inputs.js.map +1 -1
  42. package/dist/shared/lit-button.js +2 -2
  43. package/dist/shared/lit-data-grid-density-popover.d.ts +17 -0
  44. package/dist/shared/lit-data-grid-density-popover.d.ts.map +1 -0
  45. package/dist/shared/lit-data-grid-density-popover.js +97 -0
  46. package/dist/shared/lit-data-grid-density-popover.js.map +1 -0
  47. package/dist/shared/lit-data-grid-export-popover.d.ts +2 -0
  48. package/dist/shared/lit-data-grid-export-popover.d.ts.map +1 -1
  49. package/dist/shared/lit-data-grid-export-popover.js +35 -46
  50. package/dist/shared/lit-data-grid-export-popover.js.map +1 -1
  51. package/dist/shared/lit-menu-item.d.ts +24 -0
  52. package/dist/shared/lit-menu-item.d.ts.map +1 -0
  53. package/dist/shared/lit-menu-item.js +64 -0
  54. package/dist/shared/lit-menu-item.js.map +1 -0
  55. package/dist/shared/lit-menu.d.ts +6 -0
  56. package/dist/shared/lit-menu.d.ts.map +1 -0
  57. package/dist/shared/lit-menu.js +38 -0
  58. package/dist/shared/lit-menu.js.map +1 -0
  59. package/package.json +2 -1
@@ -0,0 +1,97 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css } from 'lit';
8
+ import { customElement, property, state } from 'lit/decorators.js';
9
+ import { msg } from '@lit/localize';
10
+ import './lit-custom-popper.js';
11
+ import './lit-button.js';
12
+ import './lit-responsive-button.js';
13
+ import './lit-menu.js';
14
+ import './lit-menu-item.js';
15
+ let LitDataGridDensityPopover = class LitDataGridDensityPopover extends LitElement {
16
+ constructor() {
17
+ super(...arguments);
18
+ this.setDensity = (density) => { };
19
+ this.isOpen = false;
20
+ }
21
+ toggleCustomPopover() {
22
+ this.isOpen = !this.isOpen;
23
+ }
24
+ closePopover() {
25
+ this.isOpen = false;
26
+ }
27
+ handleDensity(density) {
28
+ if (typeof this.setDensity === 'function') {
29
+ this.setDensity(density); // Trigger the provided set function
30
+ }
31
+ else {
32
+ console.log(typeof this.setDensity);
33
+ console.error('setDensity is not a function');
34
+ }
35
+ this.closePopover(); // Close the popper
36
+ }
37
+ render() {
38
+ return html `
39
+ <lit-custom-popper
40
+ .open="${this.isOpen}"
41
+ placement="top-end"
42
+ @close="${this.closePopover}"
43
+ >
44
+ <lit-responsive-button
45
+ size="small"
46
+ variant="text"
47
+ label=${msg('Zobrazení')}
48
+ icon="rowmedium"
49
+ slot="reference"
50
+ @click=${() => this.toggleCustomPopover()}
51
+ ></lit-responsive-button>
52
+
53
+ <div slot="content">
54
+ <lit-menu>
55
+ <lit-menu-item
56
+ id="${1}"
57
+ icon="rowmall"
58
+ .onClick="${() => this.handleDensity('compact')}"
59
+ >${msg('Kompaktní')}
60
+ </lit-menu-item>
61
+ <lit-menu-item
62
+ id="${2}"
63
+ icon="rowmedium"
64
+ .onClick="${() => this.handleDensity('standard')}"
65
+ >${msg('Standardní')}
66
+ </lit-menu-item>
67
+ <lit-menu-item
68
+ id="${3}"
69
+ icon="rowlarge"
70
+ .onClick="${() => this.handleDensity('comfort')}"
71
+ >${msg('Komfortní')}
72
+ </lit-menu-item>
73
+ </lit-menu>
74
+ </div>
75
+ </lit-custom-popper>
76
+ `;
77
+ }
78
+ };
79
+ LitDataGridDensityPopover.styles = [
80
+ // styles,
81
+ css `
82
+ :host {
83
+ font-family: 'Inter', sans-serif;
84
+ }
85
+ `,
86
+ ];
87
+ __decorate([
88
+ property({ type: Function })
89
+ ], LitDataGridDensityPopover.prototype, "setDensity", void 0);
90
+ __decorate([
91
+ state()
92
+ ], LitDataGridDensityPopover.prototype, "isOpen", void 0);
93
+ LitDataGridDensityPopover = __decorate([
94
+ customElement('lit-data-grid-density-popover')
95
+ ], LitDataGridDensityPopover);
96
+ export { LitDataGridDensityPopover };
97
+ //# sourceMappingURL=lit-data-grid-density-popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-data-grid-density-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-density-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAIrB,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAAlD;;QAC2B,eAAU,GAA+B,CAAC,OAAO,EAAE,EAAE,GAAE,CAAC,CAAC;QAEtE,WAAM,GAAG,KAAK,CAAC;IAsEpC,CAAC;IA3DW,mBAAmB;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,aAAa,CAAC,OAAgB;QAClC,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;YACxC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,oCAAoC;QAClE,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,mBAAmB;IAC5C,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;yBAEM,IAAI,CAAC,MAAM;;0BAEV,IAAI,CAAC,YAAY;;;;;4BAKf,GAAG,CAAC,WAAW,CAAC;;;6BAGf,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;;;;;;kCAM3B,CAAC;;wCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;+BAC5C,GAAG,CAAC,WAAW,CAAC;;;kCAGb,CAAC;;wCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;+BAC7C,GAAG,CAAC,YAAY,CAAC;;;kCAGd,CAAC;;wCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;+BAC5C,GAAG,CAAC,WAAW,CAAC;;;;;SAKtC,CAAC;IACN,CAAC;;AAnEM,gCAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;SAIF;CACJ,AAPY,CAOX;AAX4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAA0D;AAEtE;IAAhB,KAAK,EAAE;yDAAwB;AAHvB,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAyErC"}
@@ -2,6 +2,8 @@ import { LitElement } from 'lit';
2
2
  import './lit-custom-popper.js';
3
3
  import './lit-button.js';
4
4
  import './lit-responsive-button.js';
5
+ import './lit-menu.js';
6
+ import './lit-menu-item.js';
5
7
  export declare class LitDataGridExportPopover extends LitElement {
6
8
  exportToExcel: () => void;
7
9
  exportToCsv: () => void;
@@ -1 +1 @@
1
- {"version":3,"file":"lit-data-grid-export-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AAEpC,qBACa,wBAAyB,SAAQ,UAAU;IACtB,aAAa,EAAE,MAAM,IAAI,CAAY;IACrC,WAAW,EAAE,MAAM,IAAI,CAAY;IAExD,OAAO,CAAC,MAAM,CAAS;IAEhC,MAAM,CAAC,MAAM,4BAsBX;IAEF,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAKpB,MAAM;CA6BT"}
1
+ {"version":3,"file":"lit-data-grid-export-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAE5B,qBACa,wBAAyB,SAAQ,UAAU;IACtB,aAAa,EAAE,MAAM,IAAI,CAAY;IACrC,WAAW,EAAE,MAAM,IAAI,CAAY;IAExD,OAAO,CAAC,MAAM,CAAS;IAEhC,MAAM,CAAC,MAAM,4BAGX;IAEF,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAKpB,MAAM;CAmCT"}
@@ -10,6 +10,8 @@ import { msg } from '@lit/localize';
10
10
  import './lit-custom-popper.js';
11
11
  import './lit-button.js';
12
12
  import './lit-responsive-button.js';
13
+ import './lit-menu.js';
14
+ import './lit-menu-item.js';
13
15
  let LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement {
14
16
  constructor() {
15
17
  super(...arguments);
@@ -28,57 +30,44 @@ let LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement
28
30
  this.closePopover(); // Close the popper
29
31
  }
30
32
  render() {
31
- return html `
32
- <lit-custom-popper
33
- .open="${this.isOpen}"
34
- placement="top-end"
35
- @close="${this.closePopover}"
36
- >
37
- <lit-responsive-button
38
- size="small"
39
- variant="text"
40
- label=${msg('Export')}
41
- icon="csv"
42
- slot="reference"
43
- @click=${() => this.toggleCustomPopover()}
44
- ></lit-responsive-button>
45
-
46
- <div slot="content">
47
- <div class="menu-item" @click="${() => this.handleExport(this.exportToCsv)}">
48
- <slot name="iconCsv"></slot>
49
- ${msg('Export do CSV')}
50
- </div>
51
- <div class="menu-item" @click="${() => this.handleExport(this.exportToExcel)}">
52
- <slot name="iconExcel"></slot>
53
- ${msg('Export do Excel')}
54
- </div>
55
- </div>
56
- </lit-custom-popper>
33
+ return html `
34
+ <lit-custom-popper
35
+ .open="${this.isOpen}"
36
+ placement="top-end"
37
+ @close="${this.closePopover}"
38
+ >
39
+ <lit-responsive-button
40
+ size="small"
41
+ variant="text"
42
+ label=${msg('Export')}
43
+ icon="csv"
44
+ slot="reference"
45
+ @click=${() => this.toggleCustomPopover()}
46
+ ></lit-responsive-button>
47
+
48
+ <div slot="content">
49
+ <lit-menu>
50
+ <lit-menu-item
51
+ id="${1}"
52
+ icon="csv"
53
+ .onClick=${() => this.handleExport(this.exportToCsv)}
54
+ >${msg('Export do CSV')}
55
+ </lit-menu-item>
56
+ <lit-menu-item
57
+ id="${1}"
58
+ icon="csv"
59
+ .onClick=${() => this.handleExport(this.exportToExcel)}
60
+ >${msg('Export do Excel')}
61
+ </lit-menu-item>
62
+ </lit-menu>
63
+ </div>
64
+ </lit-custom-popper>
57
65
  `;
58
66
  }
59
67
  };
60
68
  LitDataGridExportPopover.styles = [
61
69
  // styles,
62
- css `
63
- .menu-item {
64
- display: flex;
65
- align-items: center;
66
- padding: 0.375rem 0.625rem;
67
- cursor: pointer;
68
- font-size: 0.75rem;
69
- font-weight: 400;
70
- color: var(--text-primary, #111827);
71
- transition: background 0.2s;
72
- gap: 0.5rem;
73
- }
74
- .menu-item:not(:last-child) {
75
- margin-bottom: 0.25rem;
76
- }
77
- .menu-item:hover {
78
- background: var(--color-primary-light, #f0fadf);
79
- border-radius: 4px;
80
- }
81
- `,
70
+ css ``,
82
71
  ];
83
72
  __decorate([
84
73
  property({ type: Function })
@@ -1 +1 @@
1
- {"version":3,"file":"lit-data-grid-export-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AAG7B,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAC2B,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QAEhD,WAAM,GAAG,KAAK,CAAC;IAoEpC,CAAC;IA1CW,mBAAmB;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QACnD,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,mBAAmB;IAC5C,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;yBAEM,IAAI,CAAC,MAAM;;0BAEV,IAAI,CAAC,YAAY;;;;;4BAKf,GAAG,CAAC,QAAQ,CAAC;;;6BAGZ,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;;;;qDAIR,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;;0BAEpE,GAAG,CAAC,eAAe,CAAC;;qDAEO,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;0BAEtE,GAAG,CAAC,iBAAiB,CAAC;;;;SAIvC,CAAC;IACN,CAAC;;AAjEM,+BAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;SAmBF;CACJ,AAtBY,CAsBX;AA3B4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;+DAAsC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAAoC;AAEhD;IAAhB,KAAK,EAAE;wDAAwB;AAJvB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAwEpC"}
1
+ {"version":3,"file":"lit-data-grid-export-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,oBAAoB,CAAC;AAGrB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAC2B,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QAEhD,WAAM,GAAG,KAAK,CAAC;IAuDpC,CAAC;IAhDW,mBAAmB;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QACnD,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,mBAAmB;IAC5C,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;yBAEM,IAAI,CAAC,MAAM;;0BAEV,IAAI,CAAC,YAAY;;;;;4BAKf,GAAG,CAAC,QAAQ,CAAC;;;6BAGZ,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;;;;;;kCAM3B,CAAC;;uCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;+BACjD,GAAG,CAAC,eAAe,CAAC;;;kCAGjB,CAAC;;uCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;+BACnD,GAAG,CAAC,iBAAiB,CAAC;;;;;SAK5C,CAAC;IACN,CAAC;;AApDM,+BAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA,EAAE;CACR,AAHY,CAGX;AAR4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;+DAAsC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAAoC;AAEhD;IAAhB,KAAK,EAAE;wDAAwB;AAJvB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CA2DpC"}
@@ -0,0 +1,24 @@
1
+ import { LitElement } from 'lit';
2
+ import type { IconArray } from './lit-icon';
3
+ import './lit-icon';
4
+ export type LitMenuProps = {
5
+ icon: typeof IconArray;
6
+ disabled?: boolean;
7
+ isActive?: boolean;
8
+ click: () => void;
9
+ };
10
+ export declare class LitMenu extends LitElement {
11
+ static styles: import("lit").CSSResult;
12
+ icon?: string;
13
+ onClick?: Function;
14
+ disabled?: boolean;
15
+ isActive?: boolean;
16
+ private handleClick;
17
+ render(): import("lit-html").TemplateResult<1>;
18
+ }
19
+ declare global {
20
+ interface HTMLElementTagNameMap {
21
+ 'lit-menu-item': LitMenuProps;
22
+ }
23
+ }
24
+ //# sourceMappingURL=lit-menu-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-menu-item.d.ts","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BAqBX;IAE0B,IAAI,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEhD,OAAO,CAAC,WAAW;IAMnB,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}
@@ -0,0 +1,64 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ //components
10
+ import './lit-icon';
11
+ let LitMenu = class LitMenu extends LitElement {
12
+ handleClick() {
13
+ if (this.onClick) {
14
+ this.onClick();
15
+ }
16
+ }
17
+ render() {
18
+ return html `
19
+ <li class="${this.disabled ? 'disabled' : null}" @click="${this.handleClick}">
20
+ <lit-icon icon=${this.icon} size="1.125rem"></lit-icon>
21
+ <div class="item-label"><slot></slot></div>
22
+ </li>
23
+ `;
24
+ }
25
+ };
26
+ LitMenu.styles = css `
27
+ li {
28
+ display: flex;
29
+ align-items: center;
30
+ padding: 0.25rem 0.5rem;
31
+ cursor: pointer;
32
+ transition: background 0.2s;
33
+ border-radius: 0.25rem;
34
+ }
35
+ li:hover {
36
+ background: var(--color-primary-light, #f0f0f0);
37
+ }
38
+ .item-label {
39
+ margin-left: 10px;
40
+ font-size: 13px;
41
+ font-weight: 500;
42
+ }
43
+ .disabled {
44
+ opacity: 0.5;
45
+ pointer-events: none;
46
+ }
47
+ `;
48
+ __decorate([
49
+ property({ type: String })
50
+ ], LitMenu.prototype, "icon", void 0);
51
+ __decorate([
52
+ property({ type: Function })
53
+ ], LitMenu.prototype, "onClick", void 0);
54
+ __decorate([
55
+ property({ type: Boolean })
56
+ ], LitMenu.prototype, "disabled", void 0);
57
+ __decorate([
58
+ property({ type: Boolean })
59
+ ], LitMenu.prototype, "isActive", void 0);
60
+ LitMenu = __decorate([
61
+ customElement('lit-menu-item')
62
+ ], LitMenu);
63
+ export { LitMenu };
64
+ //# sourceMappingURL=lit-menu-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-menu-item.js","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,YAAY,CAAC;AAUb,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IA6B3B,WAAW;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;yBACM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,aAAa,IAAI,CAAC,WAAW;iCACtD,IAAI,CAAC,IAAI;;;SAGjC,CAAC;IACN,CAAC;;AAzCM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBlB,AArBY,CAqBX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;wCAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAoB;AACnB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAoB;AA3BvC,OAAO;IADnB,aAAa,CAAC,eAAe,CAAC;GAClB,OAAO,CA2CnB"}
@@ -0,0 +1,6 @@
1
+ import { LitElement } from 'lit';
2
+ export declare class LitMenu extends LitElement {
3
+ static styles: import("lit").CSSResult;
4
+ render(): import("lit-html").TemplateResult<1>;
5
+ }
6
+ //# sourceMappingURL=lit-menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-menu.d.ts","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BAUX;IACF,MAAM;CAOT"}
@@ -0,0 +1,38 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css } from 'lit';
8
+ import { customElement } from 'lit/decorators.js';
9
+ let LitMenu = class LitMenu extends LitElement {
10
+ render() {
11
+ return html `
12
+ <ul>
13
+ <slot></slot>
14
+ </ul>
15
+ `;
16
+ }
17
+ };
18
+ LitMenu.styles = css `
19
+ ul {
20
+ display: flex;
21
+ list-style-type: none;
22
+ padding: 0;
23
+ gap: 0.5rem;
24
+ width: 100%;
25
+ flex-direction: column;
26
+ margin: 0;
27
+ }
28
+ `;
29
+ LitMenu = __decorate([
30
+ customElement('lit-menu')
31
+ ], LitMenu);
32
+ export { LitMenu };
33
+ // declare global {
34
+ // interface HTMLElementTagNameMap {
35
+ // 'lit-data-grid-tanstack': LitDataGridTanstack;
36
+ // }
37
+ // }
38
+ //# sourceMappingURL=lit-menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-menu.js","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAY,MAAM,mBAAmB,CAAC;AAGrD,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAYnC,MAAM;QACF,OAAO,IAAI,CAAA;;;;SAIV,CAAC;IACN,CAAC;;AAjBM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,AAVY,CAUX;AAXO,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAmBnB;;AAED,mBAAmB;AACnB,wCAAwC;AACxC,yDAAyD;AACzD,QAAQ;AACR,IAAI"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "overview-components",
3
- "version": "0.1.4",
3
+ "version": "0.1.6",
4
4
  "description": "A reusable design Lit components for case overview section.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -29,6 +29,7 @@
29
29
  "@tanstack/lit-table": "8.20.5",
30
30
  "@tanstack/lit-virtual": "3.10.8",
31
31
  "air-datepicker": "^3.5.3",
32
+ "chart.js": "^4.4.7",
32
33
  "dotenv": "^16.4.7",
33
34
  "lit": "3.2.0",
34
35
  "lodash": "4.17.21",