overview-components 1.0.78 → 1.0.80

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 (231) hide show
  1. package/dist/_virtual/_commonjsHelpers.js +6 -2
  2. package/dist/_virtual/air-datepicker.js +4 -0
  3. package/dist/assets/generated/locales/de.js +70 -72
  4. package/dist/assets/generated/locales/de.js.map +1 -0
  5. package/dist/assets/generated/locales/en.js +70 -72
  6. package/dist/assets/generated/locales/en.js.map +1 -0
  7. package/dist/assets/generated/locales/fr.js +70 -72
  8. package/dist/assets/generated/locales/fr.js.map +1 -0
  9. package/dist/assets/generated/locales/hr.js +70 -72
  10. package/dist/assets/generated/locales/hr.js.map +1 -0
  11. package/dist/assets/generated/locales/it.js +70 -72
  12. package/dist/assets/generated/locales/it.js.map +1 -0
  13. package/dist/assets/generated/locales/pl.js +70 -72
  14. package/dist/assets/generated/locales/pl.js.map +1 -0
  15. package/dist/assets/generated/locales/ro.js +70 -72
  16. package/dist/assets/generated/locales/ro.js.map +1 -0
  17. package/dist/assets/generated/locales/sk.js +70 -72
  18. package/dist/assets/generated/locales/sk.js.map +1 -0
  19. package/dist/assets/generated/locales/sr.js +70 -72
  20. package/dist/assets/generated/locales/sr.js.map +1 -0
  21. package/dist/assets/icons/iconGlyphs.js +678 -679
  22. package/dist/assets/icons/iconGlyphs.js.map +1 -0
  23. package/dist/assets/illustration/delete-illustration.js +96 -0
  24. package/dist/assets/illustration/delete-illustration.js.map +1 -0
  25. package/dist/assets/illustration/no-content.js +167 -0
  26. package/dist/assets/illustration/no-content.js.map +1 -0
  27. package/dist/assets/illustration/no-preview.js +133 -0
  28. package/dist/assets/illustration/no-preview.js.map +1 -0
  29. package/dist/assets/illustration/not-found.js +106 -0
  30. package/dist/assets/illustration/not-found.js.map +1 -0
  31. package/dist/assets/illustration/settings-illustration.js +176 -0
  32. package/dist/assets/illustration/settings-illustration.js.map +1 -0
  33. package/dist/components/components-settings/attachments-tab-settings.js +226 -0
  34. package/dist/components/components-settings/attachments-tab-settings.js.map +1 -0
  35. package/dist/components/components-settings/data-grid-settings.js +318 -0
  36. package/dist/components/components-settings/data-grid-settings.js.map +1 -0
  37. package/dist/components/components-settings/section-tab-settings.js +269 -0
  38. package/dist/components/components-settings/section-tab-settings.js.map +1 -0
  39. package/dist/components/components-settings/tabs-overview-settings.js +439 -0
  40. package/dist/components/components-settings/tabs-overview-settings.js.map +1 -0
  41. package/dist/components/lit-attachments-tab.js +432 -271
  42. package/dist/components/lit-attachments-tab.js.map +1 -0
  43. package/dist/components/lit-badge.js +40 -40
  44. package/dist/components/lit-badge.js.map +1 -0
  45. package/dist/components/lit-case-variables-tab.js +497 -382
  46. package/dist/components/lit-case-variables-tab.js.map +1 -0
  47. package/dist/components/lit-chart.js +406 -378
  48. package/dist/components/lit-chart.js.map +1 -0
  49. package/dist/components/lit-data-grid-tanstack.js +1663 -1150
  50. package/dist/components/lit-data-grid-tanstack.js.map +1 -0
  51. package/dist/components/lit-filter-modal.js +230 -198
  52. package/dist/components/lit-filter-modal.js.map +1 -0
  53. package/dist/components/lit-multiselect-item.js +477 -301
  54. package/dist/components/lit-multiselect-item.js.map +1 -0
  55. package/dist/components/lit-section-tab.js +85 -73
  56. package/dist/components/lit-section-tab.js.map +1 -0
  57. package/dist/components/lit-tabs-overview.js +232 -191
  58. package/dist/components/lit-tabs-overview.js.map +1 -0
  59. package/dist/components/modals/lit-confirm-modal.js +120 -0
  60. package/dist/components/modals/lit-confirm-modal.js.map +1 -0
  61. package/dist/components/modals/lit-delete-modal.js +128 -0
  62. package/dist/components/modals/lit-delete-modal.js.map +1 -0
  63. package/dist/components/react-wrappers/attachments-tab.js +8 -13
  64. package/dist/components/react-wrappers/attachments-tab.js.map +1 -0
  65. package/dist/components/react-wrappers/badge.js +8 -13
  66. package/dist/components/react-wrappers/badge.js.map +1 -0
  67. package/dist/components/react-wrappers/button.js +8 -13
  68. package/dist/components/react-wrappers/button.js.map +1 -0
  69. package/dist/components/react-wrappers/case-variables-tab.js +8 -13
  70. package/dist/components/react-wrappers/case-variables-tab.js.map +1 -0
  71. package/dist/components/react-wrappers/chart.js +8 -13
  72. package/dist/components/react-wrappers/chart.js.map +1 -0
  73. package/dist/components/react-wrappers/data-grid-tanstack.js +8 -13
  74. package/dist/components/react-wrappers/data-grid-tanstack.js.map +1 -0
  75. package/dist/components/react-wrappers/filter-modal.js +8 -13
  76. package/dist/components/react-wrappers/filter-modal.js.map +1 -0
  77. package/dist/components/react-wrappers/progress-bar.js +8 -13
  78. package/dist/components/react-wrappers/progress-bar.js.map +1 -0
  79. package/dist/components/react-wrappers/section-tab.js +8 -13
  80. package/dist/components/react-wrappers/section-tab.js.map +1 -0
  81. package/dist/components/react-wrappers/tabs-overview.js +8 -13
  82. package/dist/components/react-wrappers/tabs-overview.js.map +1 -0
  83. package/dist/data/translations.js +2763 -0
  84. package/dist/data/translations.js.map +1 -0
  85. package/dist/index.d.ts +56 -11
  86. package/dist/index.d.ts.map +1 -1
  87. package/dist/index.js +107 -61
  88. package/dist/index.js.map +1 -0
  89. package/dist/node_modules/@floating-ui/core/dist/floating-ui.core.js +285 -231
  90. package/dist/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +48 -47
  91. package/dist/node_modules/@floating-ui/utils/dist/floating-ui.utils.js +39 -38
  92. package/dist/node_modules/air-datepicker/air-datepicker.js +1147 -0
  93. package/dist/node_modules/air-datepicker/index.es.js +4 -0
  94. package/dist/schemas/index.js +17 -0
  95. package/dist/schemas/index.js.map +1 -0
  96. package/dist/schemas/lit-attachments-tab-document.schema.js +20 -0
  97. package/dist/schemas/lit-attachments-tab-document.schema.js.map +1 -0
  98. package/dist/schemas/lit-attachments-tab-settings-value.schema.js +15 -0
  99. package/dist/schemas/lit-attachments-tab-settings-value.schema.js.map +1 -0
  100. package/dist/schemas/lit-attachments-tab.schema.js +32 -0
  101. package/dist/schemas/lit-attachments-tab.schema.js.map +1 -0
  102. package/dist/schemas/lit-case-variables-tab-cell.schema.js +43 -0
  103. package/dist/schemas/lit-case-variables-tab-cell.schema.js.map +1 -0
  104. package/dist/schemas/lit-case-variables-tab-rows.schema.js +6 -0
  105. package/dist/schemas/lit-case-variables-tab-rows.schema.js.map +1 -0
  106. package/dist/schemas/lit-case-variables-tab.schema.js +24 -0
  107. package/dist/schemas/lit-case-variables-tab.schema.js.map +1 -0
  108. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js +6 -0
  109. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js.map +1 -0
  110. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js +6 -0
  111. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js.map +1 -0
  112. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js +11 -0
  113. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js.map +1 -0
  114. package/dist/schemas/lit-data-grid-tanstack-column.schema.js +55 -0
  115. package/dist/schemas/lit-data-grid-tanstack-column.schema.js.map +1 -0
  116. package/dist/schemas/lit-data-grid-tanstack.schema.js +99 -0
  117. package/dist/schemas/lit-data-grid-tanstack.schema.js.map +1 -0
  118. package/dist/schemas/lit-section-tab-schema.js +24 -0
  119. package/dist/schemas/lit-section-tab-schema.js.map +1 -0
  120. package/dist/schemas/lit-tabs-overview-tab-array.schema.js +6 -0
  121. package/dist/schemas/lit-tabs-overview-tab-array.schema.js.map +1 -0
  122. package/dist/schemas/lit-tabs-overview-tab.schema.js +32 -0
  123. package/dist/schemas/lit-tabs-overview-tab.schema.js.map +1 -0
  124. package/dist/schemas/lit-tabs-overview.schema.js +29 -0
  125. package/dist/schemas/lit-tabs-overview.schema.js.map +1 -0
  126. package/dist/scripts/translate-locales.js +69 -0
  127. package/dist/scripts/translate-locales.js.map +1 -0
  128. package/dist/shared/filter-inputs.js +427 -0
  129. package/dist/shared/filter-inputs.js.map +1 -0
  130. package/dist/shared/lit-button.js +80 -66
  131. package/dist/shared/lit-button.js.map +1 -0
  132. package/dist/shared/lit-case-variables-tab-cell.js +226 -0
  133. package/dist/shared/lit-case-variables-tab-cell.js.map +1 -0
  134. package/dist/shared/lit-checkbox.js +94 -78
  135. package/dist/shared/lit-checkbox.js.map +1 -0
  136. package/dist/shared/lit-custom-popper.js +117 -0
  137. package/dist/shared/lit-custom-popper.js.map +1 -0
  138. package/dist/shared/lit-data-grid-action-buttons-popover.js +295 -0
  139. package/dist/shared/lit-data-grid-action-buttons-popover.js.map +1 -0
  140. package/dist/shared/lit-data-grid-density-popover.js +84 -0
  141. package/dist/shared/lit-data-grid-density-popover.js.map +1 -0
  142. package/dist/shared/lit-data-grid-export-popover.js +68 -0
  143. package/dist/shared/lit-data-grid-export-popover.js.map +1 -0
  144. package/dist/shared/lit-data-grid-operators-popover.js +114 -0
  145. package/dist/shared/lit-data-grid-operators-popover.js.map +1 -0
  146. package/dist/shared/lit-data-grid-row-actions.js +76 -0
  147. package/dist/shared/lit-data-grid-row-actions.js.map +1 -0
  148. package/dist/shared/lit-date-picker.js +606 -0
  149. package/dist/shared/lit-date-picker.js.map +1 -0
  150. package/dist/shared/lit-icon-button.d.ts +1 -1
  151. package/dist/shared/lit-icon-button.d.ts.map +1 -1
  152. package/dist/shared/lit-icon-button.js +105 -0
  153. package/dist/shared/lit-icon-button.js.map +1 -0
  154. package/dist/shared/lit-icon.js +261 -259
  155. package/dist/shared/lit-icon.js.map +1 -0
  156. package/dist/shared/lit-input.js +143 -115
  157. package/dist/shared/lit-input.js.map +1 -0
  158. package/dist/shared/lit-label.js +104 -0
  159. package/dist/shared/lit-label.js.map +1 -0
  160. package/dist/shared/lit-loader.d.ts +1 -1
  161. package/dist/shared/lit-loader.d.ts.map +1 -1
  162. package/dist/shared/lit-loader.js +69 -0
  163. package/dist/shared/lit-loader.js.map +1 -0
  164. package/dist/shared/lit-loading-bar.d.ts +1 -1
  165. package/dist/shared/lit-loading-bar.d.ts.map +1 -1
  166. package/dist/shared/lit-loading-bar.js +127 -0
  167. package/dist/shared/lit-loading-bar.js.map +1 -0
  168. package/dist/shared/lit-menu-item.d.ts +1 -1
  169. package/dist/shared/lit-menu-item.d.ts.map +1 -1
  170. package/dist/shared/lit-menu-item.js +99 -0
  171. package/dist/shared/lit-menu-item.js.map +1 -0
  172. package/dist/shared/lit-menu.js +22 -20
  173. package/dist/shared/lit-menu.js.map +1 -0
  174. package/dist/shared/lit-modal-body.js +22 -0
  175. package/dist/shared/lit-modal-body.js.map +1 -0
  176. package/dist/shared/lit-modal-footer.js +29 -0
  177. package/dist/shared/lit-modal-footer.js.map +1 -0
  178. package/dist/shared/lit-modal-header.js +36 -0
  179. package/dist/shared/lit-modal-header.js.map +1 -0
  180. package/dist/shared/lit-modal.js +112 -71
  181. package/dist/shared/lit-modal.js.map +1 -0
  182. package/dist/shared/lit-overflow-tooltip.js +103 -0
  183. package/dist/shared/lit-overflow-tooltip.js.map +1 -0
  184. package/dist/shared/lit-pill.js +39 -37
  185. package/dist/shared/lit-pill.js.map +1 -0
  186. package/dist/shared/lit-progress-bar.js +33 -35
  187. package/dist/shared/lit-progress-bar.js.map +1 -0
  188. package/dist/shared/lit-responsive-button.js +94 -0
  189. package/dist/shared/lit-responsive-button.js.map +1 -0
  190. package/dist/shared/lit-select-field.js +459 -0
  191. package/dist/shared/lit-select-field.js.map +1 -0
  192. package/dist/shared/lit-select.js +276 -202
  193. package/dist/shared/lit-select.js.map +1 -0
  194. package/dist/shared/lit-settings.js +77 -0
  195. package/dist/shared/lit-settings.js.map +1 -0
  196. package/dist/shared/lit-text-field.d.ts +1 -1
  197. package/dist/shared/lit-text-field.d.ts.map +1 -1
  198. package/dist/shared/lit-text-field.js +222 -0
  199. package/dist/shared/lit-text-field.js.map +1 -0
  200. package/dist/shared/lit-toggle.js +222 -0
  201. package/dist/shared/lit-toggle.js.map +1 -0
  202. package/dist/shared/lit-tooltip.js +113 -84
  203. package/dist/shared/lit-tooltip.js.map +1 -0
  204. package/dist/shared/simple-popper.js +266 -0
  205. package/dist/shared/simple-popper.js.map +1 -0
  206. package/dist/shared/simple-tooltip.js +198 -124
  207. package/dist/shared/simple-tooltip.js.map +1 -0
  208. package/dist/shared/styles/button-shared-styles.js +4 -8
  209. package/dist/shared/styles/button-shared-styles.js.map +1 -0
  210. package/dist/style.css +1 -0
  211. package/dist/styles.js +3 -8
  212. package/dist/styles.js.map +1 -0
  213. package/dist/utils/currency.js +15 -12
  214. package/dist/utils/currency.js.map +1 -0
  215. package/dist/utils/custom-filters.js +80 -46
  216. package/dist/utils/custom-filters.js.map +1 -0
  217. package/dist/utils/date.js +21 -14
  218. package/dist/utils/date.js.map +1 -0
  219. package/dist/utils/getOperatorByType.js +65 -51
  220. package/dist/utils/getOperatorByType.js.map +1 -0
  221. package/dist/utils/getOverviewValue.js +177 -0
  222. package/dist/utils/getOverviewValue.js.map +1 -0
  223. package/dist/utils/localization.js +431 -29
  224. package/dist/utils/localization.js.map +1 -0
  225. package/dist/utils/utils.js +13 -0
  226. package/dist/utils/utils.js.map +1 -0
  227. package/dist/utils/validate-json-schema.js +8 -0
  228. package/dist/utils/validate-json-schema.js.map +1 -0
  229. package/dist/validators/validator.js +7 -0
  230. package/dist/validators/validator.js.map +1 -0
  231. package/package.json +2 -2
@@ -0,0 +1,295 @@
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 { customElement, property, state, query } from 'lit/decorators.js';
8
+ import { css, html, LitElement } from 'lit';
9
+ import { msg } from '@lit/localize';
10
+ import { computePosition, offset, flip, shift } from '@floating-ui/dom';
11
+ import './lit-icon.js';
12
+ import './lit-icon-button.js';
13
+ let LitDataGridActionButtonsPopover = class LitDataGridActionButtonsPopover extends LitElement {
14
+ constructor() {
15
+ super(...arguments);
16
+ this.pin = () => { };
17
+ this.group = () => { };
18
+ this.header = null;
19
+ this.table = null;
20
+ this.isOpen = false;
21
+ this.isSubmenuOpen = false;
22
+ this.currentAggregation = '';
23
+ this._handleOutsideClick = (event) => {
24
+ const path = event.composedPath();
25
+ if (!path.includes(this)) {
26
+ this.isOpen = false;
27
+ this.isSubmenuOpen = false;
28
+ }
29
+ };
30
+ }
31
+ connectedCallback() {
32
+ super.connectedCallback();
33
+ if (this.header?.column?.columnDef?.aggregationFn) {
34
+ this.currentAggregation = this.header.column.columnDef.aggregationFn;
35
+ }
36
+ document.addEventListener('click', this._handleOutsideClick, { capture: true });
37
+ }
38
+ disconnectedCallback() {
39
+ super.disconnectedCallback();
40
+ document.removeEventListener('click', this._handleOutsideClick, { capture: true });
41
+ }
42
+ toggleCustomPopover() {
43
+ this.isOpen = !this.isOpen;
44
+ if (!this.isOpen) {
45
+ this.isSubmenuOpen = false;
46
+ }
47
+ }
48
+ closePopover() {
49
+ this.isOpen = false;
50
+ this.isSubmenuOpen = false;
51
+ }
52
+ handleAction(actionFn) {
53
+ actionFn();
54
+ this.closePopover();
55
+ }
56
+ openSubmenu(open) {
57
+ this.isSubmenuOpen = open;
58
+ }
59
+ setAggregation(selectedValue) {
60
+ this.currentAggregation = selectedValue;
61
+ const currentGrouping = this.table.getState().grouping;
62
+ this.header.column.columnDef.aggregationFn = selectedValue;
63
+ const updatedGrouping = currentGrouping.map((group) => {
64
+ if (group === this.header.column.id) {
65
+ this.header.column.columnDef.aggregationFn = selectedValue;
66
+ }
67
+ return group;
68
+ });
69
+ this.table.setGrouping(updatedGrouping);
70
+ this.closePopover();
71
+ }
72
+ updated(changedProps) {
73
+ super.updated(changedProps);
74
+ if (this.isOpen && this.mainTrigger && this.mainMenuEl) {
75
+ computePosition(this.mainTrigger, this.mainMenuEl, {
76
+ placement: 'bottom-end',
77
+ middleware: [offset(0), flip(), shift({ padding: 5 })],
78
+ }).then(({ x, y }) => {
79
+ Object.assign(this.mainMenuEl.style, {
80
+ left: `${x}px`,
81
+ top: `${y}px`,
82
+ });
83
+ });
84
+ }
85
+ if (this.isSubmenuOpen && this.submenuTriggerEl && this.submenuEl) {
86
+ computePosition(this.submenuTriggerEl, this.submenuEl, {
87
+ placement: 'right-start',
88
+ middleware: [offset(0), flip(), shift({ padding: 5 })],
89
+ }).then(({ x, y }) => {
90
+ Object.assign(this.submenuEl.style, {
91
+ left: `${x}px`,
92
+ top: `${y}px`,
93
+ });
94
+ });
95
+ }
96
+ }
97
+ render() {
98
+ if (!this.header) {
99
+ return html ``;
100
+ }
101
+ const canPin = this.header.column?.getCanPin?.() || false;
102
+ const isPinned = this.header.column?.getIsPinned?.() || false;
103
+ const canGroup = this.header.column?.getCanGroup?.() || false;
104
+ const isGrouped = this.header.column?.getIsGrouped?.() || false;
105
+ return html `
106
+ <lit-icon-button
107
+ class="main-menu-trigger"
108
+ size="small"
109
+ variant="text"
110
+ icon="more"
111
+ @click="${this.toggleCustomPopover}"
112
+ ></lit-icon-button>
113
+
114
+ <div class="menu ${this.isOpen ? 'open' : ''}">
115
+ ${canGroup
116
+ ? html `
117
+ <div
118
+ class="menu-item ${isGrouped ? 'active' : ''}"
119
+ @click="${() => this.handleAction(this.group)}"
120
+ >
121
+ <lit-icon icon="agregation" size="1rem"></lit-icon>
122
+ ${msg('Seskupit sloupec')}
123
+ </div>
124
+ `
125
+ : null}
126
+ ${canPin
127
+ ? html `
128
+ <div
129
+ class="menu-item ${isPinned ? 'active' : ''}"
130
+ @click="${() => this.handleAction(this.pin)}"
131
+ >
132
+ <lit-icon icon="pin" size="1rem"></lit-icon>
133
+ ${msg('Připnout sloupec vlevo')}
134
+ </div>
135
+ `
136
+ : null}
137
+
138
+ <div
139
+ class="menu-item submenu-trigger"
140
+ @mouseenter="${() => this.openSubmenu(true)}"
141
+ @mouseleave="${() => this.openSubmenu(false)}"
142
+ >
143
+ ${msg('Agregace')}
144
+ <lit-icon icon="arrowRight" size="1rem"></lit-icon>
145
+ <div class="submenu ${this.isSubmenuOpen ? 'open' : ''}">
146
+ <div
147
+ class="menu-item ${this.currentAggregation === 'sum' ? 'selected' : ''}"
148
+ @click="${() => this.setAggregation('sum')}"
149
+ >
150
+ sum
151
+ </div>
152
+ <div
153
+ class="menu-item ${this.currentAggregation === 'median'
154
+ ? 'selected'
155
+ : ''}"
156
+ @click="${() => this.setAggregation('median')}"
157
+ >
158
+ median
159
+ </div>
160
+ <div
161
+ class="menu-item ${this.currentAggregation === 'min' ? 'selected' : ''}"
162
+ @click="${() => this.setAggregation('min')}"
163
+ >
164
+ min
165
+ </div>
166
+ <div
167
+ class="menu-item ${this.currentAggregation === 'max' ? 'selected' : ''}"
168
+ @click="${() => this.setAggregation('max')}"
169
+ >
170
+ max
171
+ </div>
172
+ ${this.currentAggregation
173
+ ? html `<div class="menu-item" @click="${() => this.setAggregation('')}">
174
+ ${msg('zrušit')}
175
+ </div>`
176
+ : null}
177
+ </div>
178
+ </div>
179
+ </div>
180
+ `;
181
+ }
182
+ };
183
+ LitDataGridActionButtonsPopover.styles = [
184
+ css `
185
+ :host {
186
+ position: relative;
187
+ display: inline-block;
188
+ }
189
+
190
+ .menu {
191
+ display: none;
192
+ flex-direction: column;
193
+ background-color: var(--background-paper, #fff);
194
+ border-radius: 0.5rem;
195
+ padding: 0.375rem;
196
+ box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
197
+ overflow-y: visible;
198
+ min-width: max-content;
199
+ z-index: 9999;
200
+ position: absolute;
201
+ }
202
+ .menu.open {
203
+ display: flex;
204
+ }
205
+
206
+ .menu-item {
207
+ padding: 0.375rem 0.625rem;
208
+ margin: 0 0 0.25rem;
209
+ font-size: 0.8125rem;
210
+ font-weight: 500;
211
+ text-align: left;
212
+ cursor: pointer;
213
+ color: var(--text-primary, #111827);
214
+ transition: background-color 0.2s;
215
+ display: flex;
216
+ align-items: center;
217
+ gap: 0.5rem;
218
+ }
219
+
220
+ .menu-item:hover {
221
+ background: var(--color-primary-light, #f0fadf);
222
+ border-radius: 4px;
223
+ }
224
+
225
+ .menu-item.selected {
226
+ background: var(--color-primary-light, #f0fadf);
227
+ font-weight: 600;
228
+ border-radius: 4px;
229
+ }
230
+
231
+ .active {
232
+ background: var(--color-primary-light, #f0fadf);
233
+ border-radius: 4px;
234
+ }
235
+
236
+ /* Submenu */
237
+ .submenu-trigger {
238
+ position: relative;
239
+ }
240
+
241
+ .submenu {
242
+ display: none;
243
+ flex-direction: column;
244
+ background-color: var(--background-paper, #fff);
245
+ border-radius: 0.5rem;
246
+ padding: 0.375rem;
247
+ box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
248
+ overflow-y: visible;
249
+ z-index: 9999;
250
+ position: absolute;
251
+ }
252
+
253
+ .submenu.open {
254
+ display: flex;
255
+ }
256
+ `,
257
+ ];
258
+ __decorate([
259
+ property({ type: Function })
260
+ ], LitDataGridActionButtonsPopover.prototype, "pin", void 0);
261
+ __decorate([
262
+ property({ type: Function })
263
+ ], LitDataGridActionButtonsPopover.prototype, "group", void 0);
264
+ __decorate([
265
+ property({ type: Object })
266
+ ], LitDataGridActionButtonsPopover.prototype, "header", void 0);
267
+ __decorate([
268
+ property({ type: Object })
269
+ ], LitDataGridActionButtonsPopover.prototype, "table", void 0);
270
+ __decorate([
271
+ state()
272
+ ], LitDataGridActionButtonsPopover.prototype, "isOpen", void 0);
273
+ __decorate([
274
+ state()
275
+ ], LitDataGridActionButtonsPopover.prototype, "isSubmenuOpen", void 0);
276
+ __decorate([
277
+ state()
278
+ ], LitDataGridActionButtonsPopover.prototype, "currentAggregation", void 0);
279
+ __decorate([
280
+ query('.main-menu-trigger')
281
+ ], LitDataGridActionButtonsPopover.prototype, "mainTrigger", void 0);
282
+ __decorate([
283
+ query('.menu')
284
+ ], LitDataGridActionButtonsPopover.prototype, "mainMenuEl", void 0);
285
+ __decorate([
286
+ query('.submenu-trigger')
287
+ ], LitDataGridActionButtonsPopover.prototype, "submenuTriggerEl", void 0);
288
+ __decorate([
289
+ query('.submenu')
290
+ ], LitDataGridActionButtonsPopover.prototype, "submenuEl", void 0);
291
+ LitDataGridActionButtonsPopover = __decorate([
292
+ customElement('lit-data-grid-action-buttons-popover')
293
+ ], LitDataGridActionButtonsPopover);
294
+ export { LitDataGridActionButtonsPopover };
295
+ //# sourceMappingURL=lit-data-grid-action-buttons-popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-data-grid-action-buttons-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-action-buttons-popover.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,84 @@
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
+ import { msg } from '@lit/localize';
10
+ import './simple-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
+ }
20
+ handleDensity(density) {
21
+ if (typeof this.setDensity === 'function') {
22
+ this.setDensity(density); // Trigger the provided set function
23
+ }
24
+ else {
25
+ console.error('setDensity is not a function');
26
+ }
27
+ }
28
+ render() {
29
+ return html `
30
+ <lit-responsive-button
31
+ size="medium"
32
+ variant="text"
33
+ label=${msg('Zobrazení')}
34
+ icon="rowmedium"
35
+ slot="reference"
36
+ ></lit-responsive-button>
37
+
38
+ <simple-popper placement="top-end">
39
+ <lit-menu>
40
+ <lit-menu-item
41
+ id="${1}"
42
+ icon="rowmall"
43
+ .onClick="${() => this.handleDensity('compact')}"
44
+ .isActive="${this.density === 'compact'}"
45
+ >${msg('Kompaktní')}
46
+ </lit-menu-item>
47
+ <lit-menu-item
48
+ id="${2}"
49
+ icon="rowmedium"
50
+ .onClick="${() => this.handleDensity('standard')}"
51
+ .isActive="${this.density === 'standard'}"
52
+ >${msg('Standardní')}
53
+ </lit-menu-item>
54
+ <lit-menu-item
55
+ id="${3}"
56
+ icon="rowlarge"
57
+ .onClick="${() => this.handleDensity('comfort')}"
58
+ .isActive="${this.density === 'comfort'}"
59
+ >${msg('Komfortní')}
60
+ </lit-menu-item>
61
+ </lit-menu>
62
+ </simple-popper>
63
+ `;
64
+ }
65
+ };
66
+ LitDataGridDensityPopover.styles = [
67
+ // styles,
68
+ css `
69
+ :host {
70
+ font-family: 'Inter', sans-serif;
71
+ }
72
+ `,
73
+ ];
74
+ __decorate([
75
+ property({ type: Function })
76
+ ], LitDataGridDensityPopover.prototype, "setDensity", void 0);
77
+ __decorate([
78
+ property({ type: String })
79
+ ], LitDataGridDensityPopover.prototype, "density", void 0);
80
+ LitDataGridDensityPopover = __decorate([
81
+ customElement('lit-data-grid-density-popover')
82
+ ], LitDataGridDensityPopover);
83
+ export { LitDataGridDensityPopover };
84
+ //# 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,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,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;IAyD3F,CAAC;IA7CW,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,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAClD,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;;;wBAIK,GAAG,CAAC,WAAW,CAAC;;;;;;;;8BAQV,CAAC;;oCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;qCAClC,IAAI,CAAC,OAAO,KAAK,SAAS;2BACpC,GAAG,CAAC,WAAW,CAAC;;;8BAGb,CAAC;;oCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC;qCACnC,IAAI,CAAC,OAAO,KAAK,UAAU;2BACrC,GAAG,CAAC,YAAY,CAAC;;;8BAGd,CAAC;;oCAEK,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;qCAClC,IAAI,CAAC,OAAO,KAAK,SAAS;2BACpC,GAAG,CAAC,WAAW,CAAC;;;;SAIlC,CAAC;IACN,CAAC;;AArDM,gCAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;SAIF;CACJ,AAPY,CAOX;AAV4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAA0D;AAC3D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DAAmB;AAFrC,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CA0DrC"}
@@ -0,0 +1,68 @@
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 } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { msg } from '@lit/localize';
10
+ import './simple-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 LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement {
16
+ constructor() {
17
+ super(...arguments);
18
+ this.exportToExcel = () => { };
19
+ this.exportToCsv = () => { };
20
+ this.disabledButtons = false;
21
+ }
22
+ handleExport(exportFn) {
23
+ exportFn(); // Trigger the provided export function
24
+ }
25
+ render() {
26
+ return html `
27
+ <lit-responsive-button
28
+ size="medium"
29
+ variant="text"
30
+ label=${msg('Export')}
31
+ icon="csv"
32
+ slot="reference"
33
+ ></lit-responsive-button>
34
+ <simple-popper placement="top-end">
35
+ <lit-menu>
36
+ <lit-menu-item
37
+ id="${1}"
38
+ icon="csv"
39
+ .onClick=${() => this.handleExport(this.exportToCsv)}
40
+ .disabled=${this.disabledButtons}
41
+ >${msg('Export do CSV')}
42
+ </lit-menu-item>
43
+ <lit-menu-item
44
+ id="${1}"
45
+ icon="csv"
46
+ .onClick=${() => this.handleExport(this.exportToExcel)}
47
+ .disabled=${this.disabledButtons}
48
+ >${msg('Export do Excel')}
49
+ </lit-menu-item>
50
+ </lit-menu>
51
+ </simple-popper>
52
+ `;
53
+ }
54
+ };
55
+ __decorate([
56
+ property({ type: Function })
57
+ ], LitDataGridExportPopover.prototype, "exportToExcel", void 0);
58
+ __decorate([
59
+ property({ type: Function })
60
+ ], LitDataGridExportPopover.prototype, "exportToCsv", void 0);
61
+ __decorate([
62
+ property({ type: Boolean })
63
+ ], LitDataGridExportPopover.prototype, "disabledButtons", void 0);
64
+ LitDataGridExportPopover = __decorate([
65
+ customElement('lit-data-grid-export-popover')
66
+ ], LitDataGridExportPopover);
67
+ export { LitDataGridExportPopover };
68
+ //# sourceMappingURL=lit-data-grid-export-popover.js.map
@@ -0,0 +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,EAAO,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,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;QACpC,oBAAe,GAAY,KAAK,CAAC;IAmClE,CAAC;IAjCW,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;IACvD,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;;;wBAIK,GAAG,CAAC,QAAQ,CAAC;;;;;;;8BAOP,CAAC;;mCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;oCACxC,IAAI,CAAC,eAAe;2BAC7B,GAAG,CAAC,eAAe,CAAC;;;8BAGjB,CAAC;;mCAEI,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;oCAC1C,IAAI,CAAC,eAAe;2BAC7B,GAAG,CAAC,iBAAiB,CAAC;;;;SAIxC,CAAC;IACN,CAAC;CACJ,CAAA;AArCiC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;+DAAsC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAAoC;AACpC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iEAAkC;AAHrD,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAsCpC"}
@@ -0,0 +1,114 @@
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 { customElement, property, state } from 'lit/decorators.js';
8
+ import { css, html, LitElement } from 'lit';
9
+ import { msg } from '@lit/localize';
10
+ import './simple-popper.js';
11
+ import './lit-icon-button.js';
12
+ import './lit-menu.js';
13
+ import './lit-menu-item.js';
14
+ let LitDataGridOperatorsPopover = class LitDataGridOperatorsPopover extends LitElement {
15
+ constructor() {
16
+ super(...arguments);
17
+ this.setOperator = (operator) => { };
18
+ this.type = 'string';
19
+ this.disabled = false;
20
+ this.filterOperators = [];
21
+ this.isOpen = false;
22
+ this._handleOutsideClick = (event) => {
23
+ const path = event.composedPath();
24
+ const isClickInside = path.includes(this);
25
+ if (!isClickInside) {
26
+ this.isOpen = false;
27
+ document.removeEventListener('click', this._handleOutsideClick, { capture: true });
28
+ }
29
+ };
30
+ }
31
+ handleOperator(operator) {
32
+ if (typeof this.setOperator === 'function') {
33
+ this.operator = operator;
34
+ this.setOperator(operator);
35
+ }
36
+ else {
37
+ console.error('setOperator is not a function');
38
+ }
39
+ }
40
+ async toggleCustomPopover(e) {
41
+ e.stopPropagation();
42
+ await this.updateComplete;
43
+ this.isOpen = !this.isOpen;
44
+ if (this.isOpen) {
45
+ setTimeout(() => {
46
+ document.addEventListener('click', this._handleOutsideClick, { capture: true });
47
+ }, 0);
48
+ }
49
+ else {
50
+ document.removeEventListener('click', this._handleOutsideClick, { capture: true });
51
+ }
52
+ }
53
+ disconnectedCallback() {
54
+ super.disconnectedCallback();
55
+ document.removeEventListener('click', this._handleOutsideClick, { capture: true });
56
+ }
57
+ render() {
58
+ return html `
59
+ <lit-icon-button
60
+ icon="filter"
61
+ size="small"
62
+ variant="text"
63
+ slot="reference"
64
+ @click=${this.toggleCustomPopover}
65
+ >
66
+ </lit-icon-button>
67
+ <simple-popper placement="bottom-end" manualOpening=${true} .showing=${this.isOpen}>
68
+ <lit-menu>
69
+ ${this.filterOperators?.map((operator) => html `
70
+ <lit-menu-item
71
+ .onClick="${() => this.handleOperator(operator.value)}"
72
+ .isActive="${this.operator === operator.value}"
73
+ >
74
+ ${msg(operator.label)}
75
+ </lit-menu-item>
76
+ `)}
77
+ </lit-menu>
78
+ </simple-popper>
79
+ `;
80
+ }
81
+ };
82
+ LitDataGridOperatorsPopover.styles = [
83
+ css `
84
+ :host {
85
+ font-family: 'Inter', sans-serif;
86
+ }
87
+ .disabled {
88
+ background-color: #f8f8f8;
89
+ }
90
+ `,
91
+ ];
92
+ __decorate([
93
+ property({ type: Function })
94
+ ], LitDataGridOperatorsPopover.prototype, "setOperator", void 0);
95
+ __decorate([
96
+ property({ type: String })
97
+ ], LitDataGridOperatorsPopover.prototype, "type", void 0);
98
+ __decorate([
99
+ property({ type: String })
100
+ ], LitDataGridOperatorsPopover.prototype, "operator", void 0);
101
+ __decorate([
102
+ property({ type: Boolean })
103
+ ], LitDataGridOperatorsPopover.prototype, "disabled", void 0);
104
+ __decorate([
105
+ property({ type: Array })
106
+ ], LitDataGridOperatorsPopover.prototype, "filterOperators", void 0);
107
+ __decorate([
108
+ state()
109
+ ], LitDataGridOperatorsPopover.prototype, "isOpen", void 0);
110
+ LitDataGridOperatorsPopover = __decorate([
111
+ customElement('lit-data-grid-operators-popover')
112
+ ], LitDataGridOperatorsPopover);
113
+ export { LitDataGridOperatorsPopover };
114
+ //# sourceMappingURL=lit-data-grid-operators-popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-data-grid-operators-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-operators-popover.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,76 @@
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 } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import './lit-icon-button.js';
10
+ import './lit-responsive-button.js';
11
+ import './lit-menu.js';
12
+ import './lit-menu-item.js';
13
+ import { tooltip } from './simple-tooltip.js';
14
+ import './simple-popper.js';
15
+ let LitDataGridRowActions = class LitDataGridRowActions extends LitElement {
16
+ constructor() {
17
+ super(...arguments);
18
+ this.buttons = [];
19
+ }
20
+ handleOnClick(e, onClick) {
21
+ e.stopPropagation();
22
+ onClick(); // Trigger the provided export function
23
+ }
24
+ render() {
25
+ const visibleButtons = this.buttons.filter((button) => !button.showInMenu);
26
+ const showInMenuButtons = this.buttons.filter((button) => button.showInMenu);
27
+ return html `
28
+ <div
29
+ style="display: flex; height: 100%; align-items: center; justify-content: flex-end;"
30
+ >
31
+ ${visibleButtons.map((button) => html `
32
+ <lit-icon-button
33
+ variant="text"
34
+ size="small"
35
+ .icon="${button.icon}"
36
+ @click="${(e) => this.handleOnClick(e, button.onClick)}"
37
+ .disabled="${button.disabled}"
38
+ .marked="${button.marked}"
39
+ ${tooltip(button.label, 'left')}
40
+ ></lit-icon-button>
41
+ `)}
42
+ ${showInMenuButtons.length > 0
43
+ ? html ` <lit-icon-button
44
+ size="small"
45
+ variant="text"
46
+ icon="morevertical"
47
+ slot="reference"
48
+ @click="${(e) => e.stopPropagation()}"
49
+ ></lit-icon-button>
50
+ <simple-popper offset="0" placement="bottom-end">
51
+ <lit-menu>
52
+ ${showInMenuButtons.map((button) => html `
53
+ <lit-menu-item
54
+ id="${button.id}"
55
+ icon="${button.icon}"
56
+ .onClick="${(e) => this.handleOnClick(e, button.onClick)}"
57
+ .disabled="${button.disabled}"
58
+ >
59
+ ${button.label}
60
+ </lit-menu-item>
61
+ `)}
62
+ </lit-menu>
63
+ </simple-popper>`
64
+ : null}
65
+ </div>
66
+ `;
67
+ }
68
+ };
69
+ __decorate([
70
+ property({ type: Array })
71
+ ], LitDataGridRowActions.prototype, "buttons", void 0);
72
+ LitDataGridRowActions = __decorate([
73
+ customElement('lit-data-grid-row-actions')
74
+ ], LitDataGridRowActions);
75
+ export { LitDataGridRowActions };
76
+ //# sourceMappingURL=lit-data-grid-row-actions.js.map