overview-components 1.0.82 → 1.0.88

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 (239) hide show
  1. package/dist/assets/generated/locales/de.js +72 -70
  2. package/dist/assets/generated/locales/en.js +72 -70
  3. package/dist/assets/generated/locales/fr.js +72 -70
  4. package/dist/assets/generated/locales/hr.js +72 -70
  5. package/dist/assets/generated/locales/it.js +72 -70
  6. package/dist/assets/generated/locales/pl.js +72 -70
  7. package/dist/assets/generated/locales/ro.js +72 -70
  8. package/dist/assets/generated/locales/sk.js +72 -70
  9. package/dist/assets/generated/locales/sr.js +72 -70
  10. package/dist/components/lit-attachments-tab.js +267 -432
  11. package/dist/components/lit-badge.js +37 -40
  12. package/dist/components/lit-case-variables-tab.js +378 -497
  13. package/dist/components/lit-chart.js +375 -406
  14. package/dist/components/lit-data-grid-tanstack.js +1145 -1663
  15. package/dist/components/lit-filter-modal.js +194 -230
  16. package/dist/components/lit-multiselect-item.js +297 -477
  17. package/dist/components/lit-section-tab.js +69 -85
  18. package/dist/components/lit-tabs-overview.js +187 -232
  19. package/dist/components/react-wrappers/attachments-tab.js +13 -8
  20. package/dist/components/react-wrappers/badge.js +13 -8
  21. package/dist/components/react-wrappers/button.js +13 -8
  22. package/dist/components/react-wrappers/case-variables-tab.js +13 -8
  23. package/dist/components/react-wrappers/chart.js +13 -8
  24. package/dist/components/react-wrappers/data-grid-tanstack.js +13 -8
  25. package/dist/components/react-wrappers/filter-modal.js +13 -8
  26. package/dist/components/react-wrappers/progress-bar.js +13 -8
  27. package/dist/components/react-wrappers/section-tab.js +13 -8
  28. package/dist/components/react-wrappers/tabs-overview.js +13 -8
  29. package/dist/index.d.ts +1 -64
  30. package/dist/index.d.ts.map +1 -1
  31. package/dist/index.js +42 -107
  32. package/dist/node_modules/@lit/reactive-element/css-tag.js +42 -0
  33. package/dist/node_modules/@lit/reactive-element/decorators/base.js +9 -0
  34. package/dist/node_modules/@lit/reactive-element/decorators/custom-element.js +13 -0
  35. package/dist/node_modules/@lit/reactive-element/decorators/property.js +37 -0
  36. package/dist/node_modules/@lit/reactive-element/decorators/query.js +20 -0
  37. package/dist/node_modules/@lit/reactive-element/decorators/state.js +12 -0
  38. package/dist/node_modules/@lit/reactive-element/reactive-element.js +249 -0
  39. package/dist/node_modules/lit-html/async-directive.js +69 -0
  40. package/dist/node_modules/lit-html/directive-helpers.js +45 -0
  41. package/dist/node_modules/lit-html/directive.js +27 -0
  42. package/dist/node_modules/lit-html/directives/ref.js +42 -0
  43. package/dist/node_modules/lit-html/directives/repeat.js +61 -0
  44. package/dist/node_modules/lit-html/directives/style-map.js +36 -0
  45. package/dist/node_modules/lit-html/directives/unsafe-html.js +27 -0
  46. package/dist/node_modules/lit-html/lit-html.js +242 -0
  47. package/dist/shared/lit-button.js +63 -80
  48. package/dist/shared/lit-icon-button.d.ts +1 -1
  49. package/dist/shared/lit-icon-button.d.ts.map +1 -1
  50. package/dist/shared/lit-loader.d.ts +1 -1
  51. package/dist/shared/lit-loader.d.ts.map +1 -1
  52. package/dist/shared/lit-loading-bar.d.ts +1 -1
  53. package/dist/shared/lit-loading-bar.d.ts.map +1 -1
  54. package/dist/shared/lit-menu-item.d.ts +1 -1
  55. package/dist/shared/lit-menu-item.d.ts.map +1 -1
  56. package/dist/shared/lit-progress-bar.js +32 -33
  57. package/dist/shared/lit-text-field.d.ts +1 -1
  58. package/dist/shared/lit-text-field.d.ts.map +1 -1
  59. package/dist/shared/simple-tooltip.js +122 -198
  60. package/dist/shared/styles/button-shared-styles.js +5 -4
  61. package/dist/utils/currency.js +12 -15
  62. package/dist/utils/custom-filters.js +45 -80
  63. package/dist/utils/date.js +13 -21
  64. package/dist/utils/getOperatorByType.js +50 -65
  65. package/dist/utils/localization.js +29 -431
  66. package/package.json +6 -4
  67. package/dist/assets/generated/locales/de.js.map +0 -1
  68. package/dist/assets/generated/locales/en.js.map +0 -1
  69. package/dist/assets/generated/locales/fr.js.map +0 -1
  70. package/dist/assets/generated/locales/hr.js.map +0 -1
  71. package/dist/assets/generated/locales/it.js.map +0 -1
  72. package/dist/assets/generated/locales/pl.js.map +0 -1
  73. package/dist/assets/generated/locales/ro.js.map +0 -1
  74. package/dist/assets/generated/locales/sk.js.map +0 -1
  75. package/dist/assets/generated/locales/sr.js.map +0 -1
  76. package/dist/assets/icons/iconGlyphs.js +0 -679
  77. package/dist/assets/icons/iconGlyphs.js.map +0 -1
  78. package/dist/assets/illustration/delete-illustration.js +0 -96
  79. package/dist/assets/illustration/delete-illustration.js.map +0 -1
  80. package/dist/assets/illustration/no-content.js +0 -167
  81. package/dist/assets/illustration/no-content.js.map +0 -1
  82. package/dist/assets/illustration/no-preview.js +0 -133
  83. package/dist/assets/illustration/no-preview.js.map +0 -1
  84. package/dist/assets/illustration/not-found.js +0 -106
  85. package/dist/assets/illustration/not-found.js.map +0 -1
  86. package/dist/assets/illustration/settings-illustration.js +0 -176
  87. package/dist/assets/illustration/settings-illustration.js.map +0 -1
  88. package/dist/components/components-settings/attachments-tab-settings.js +0 -226
  89. package/dist/components/components-settings/attachments-tab-settings.js.map +0 -1
  90. package/dist/components/components-settings/data-grid-settings.js +0 -318
  91. package/dist/components/components-settings/data-grid-settings.js.map +0 -1
  92. package/dist/components/components-settings/section-tab-settings.js +0 -269
  93. package/dist/components/components-settings/section-tab-settings.js.map +0 -1
  94. package/dist/components/components-settings/tabs-overview-settings.js +0 -439
  95. package/dist/components/components-settings/tabs-overview-settings.js.map +0 -1
  96. package/dist/components/lit-attachments-tab.js.map +0 -1
  97. package/dist/components/lit-badge.js.map +0 -1
  98. package/dist/components/lit-case-variables-tab.js.map +0 -1
  99. package/dist/components/lit-chart.js.map +0 -1
  100. package/dist/components/lit-data-grid-tanstack.js.map +0 -1
  101. package/dist/components/lit-filter-modal.js.map +0 -1
  102. package/dist/components/lit-multiselect-item.js.map +0 -1
  103. package/dist/components/lit-section-tab.js.map +0 -1
  104. package/dist/components/lit-tabs-overview.js.map +0 -1
  105. package/dist/components/modals/lit-confirm-modal.js +0 -120
  106. package/dist/components/modals/lit-confirm-modal.js.map +0 -1
  107. package/dist/components/modals/lit-delete-modal.js +0 -128
  108. package/dist/components/modals/lit-delete-modal.js.map +0 -1
  109. package/dist/components/react-wrappers/attachments-tab.js.map +0 -1
  110. package/dist/components/react-wrappers/badge.js.map +0 -1
  111. package/dist/components/react-wrappers/button.js.map +0 -1
  112. package/dist/components/react-wrappers/case-variables-tab.js.map +0 -1
  113. package/dist/components/react-wrappers/chart.js.map +0 -1
  114. package/dist/components/react-wrappers/data-grid-tanstack.js.map +0 -1
  115. package/dist/components/react-wrappers/filter-modal.js.map +0 -1
  116. package/dist/components/react-wrappers/progress-bar.js.map +0 -1
  117. package/dist/components/react-wrappers/section-tab.js.map +0 -1
  118. package/dist/components/react-wrappers/tabs-overview.js.map +0 -1
  119. package/dist/data/translations.js +0 -2763
  120. package/dist/data/translations.js.map +0 -1
  121. package/dist/index.js.map +0 -1
  122. package/dist/schemas/index.js +0 -17
  123. package/dist/schemas/index.js.map +0 -1
  124. package/dist/schemas/lit-attachments-tab-document.schema.js +0 -20
  125. package/dist/schemas/lit-attachments-tab-document.schema.js.map +0 -1
  126. package/dist/schemas/lit-attachments-tab-settings-value.schema.js +0 -15
  127. package/dist/schemas/lit-attachments-tab-settings-value.schema.js.map +0 -1
  128. package/dist/schemas/lit-attachments-tab.schema.js +0 -32
  129. package/dist/schemas/lit-attachments-tab.schema.js.map +0 -1
  130. package/dist/schemas/lit-case-variables-tab-cell.schema.js +0 -43
  131. package/dist/schemas/lit-case-variables-tab-cell.schema.js.map +0 -1
  132. package/dist/schemas/lit-case-variables-tab-rows.schema.js +0 -6
  133. package/dist/schemas/lit-case-variables-tab-rows.schema.js.map +0 -1
  134. package/dist/schemas/lit-case-variables-tab.schema.js +0 -24
  135. package/dist/schemas/lit-case-variables-tab.schema.js.map +0 -1
  136. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js +0 -6
  137. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js.map +0 -1
  138. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js +0 -6
  139. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js.map +0 -1
  140. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js +0 -11
  141. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js.map +0 -1
  142. package/dist/schemas/lit-data-grid-tanstack-column.schema.js +0 -55
  143. package/dist/schemas/lit-data-grid-tanstack-column.schema.js.map +0 -1
  144. package/dist/schemas/lit-data-grid-tanstack.schema.js +0 -99
  145. package/dist/schemas/lit-data-grid-tanstack.schema.js.map +0 -1
  146. package/dist/schemas/lit-section-tab-schema.js +0 -24
  147. package/dist/schemas/lit-section-tab-schema.js.map +0 -1
  148. package/dist/schemas/lit-tabs-overview-tab-array.schema.js +0 -6
  149. package/dist/schemas/lit-tabs-overview-tab-array.schema.js.map +0 -1
  150. package/dist/schemas/lit-tabs-overview-tab.schema.js +0 -32
  151. package/dist/schemas/lit-tabs-overview-tab.schema.js.map +0 -1
  152. package/dist/schemas/lit-tabs-overview.schema.js +0 -29
  153. package/dist/schemas/lit-tabs-overview.schema.js.map +0 -1
  154. package/dist/scripts/translate-locales.js +0 -69
  155. package/dist/scripts/translate-locales.js.map +0 -1
  156. package/dist/shared/filter-inputs.js +0 -427
  157. package/dist/shared/filter-inputs.js.map +0 -1
  158. package/dist/shared/lit-button.js.map +0 -1
  159. package/dist/shared/lit-case-variables-tab-cell.js +0 -226
  160. package/dist/shared/lit-case-variables-tab-cell.js.map +0 -1
  161. package/dist/shared/lit-checkbox.js +0 -171
  162. package/dist/shared/lit-checkbox.js.map +0 -1
  163. package/dist/shared/lit-custom-popper.js +0 -117
  164. package/dist/shared/lit-custom-popper.js.map +0 -1
  165. package/dist/shared/lit-data-grid-action-buttons-popover.js +0 -295
  166. package/dist/shared/lit-data-grid-action-buttons-popover.js.map +0 -1
  167. package/dist/shared/lit-data-grid-density-popover.js +0 -84
  168. package/dist/shared/lit-data-grid-density-popover.js.map +0 -1
  169. package/dist/shared/lit-data-grid-export-popover.js +0 -68
  170. package/dist/shared/lit-data-grid-export-popover.js.map +0 -1
  171. package/dist/shared/lit-data-grid-operators-popover.js +0 -114
  172. package/dist/shared/lit-data-grid-operators-popover.js.map +0 -1
  173. package/dist/shared/lit-data-grid-row-actions.js +0 -76
  174. package/dist/shared/lit-data-grid-row-actions.js.map +0 -1
  175. package/dist/shared/lit-date-picker.js +0 -606
  176. package/dist/shared/lit-date-picker.js.map +0 -1
  177. package/dist/shared/lit-icon-button.js +0 -105
  178. package/dist/shared/lit-icon-button.js.map +0 -1
  179. package/dist/shared/lit-icon.js +0 -284
  180. package/dist/shared/lit-icon.js.map +0 -1
  181. package/dist/shared/lit-input.js +0 -239
  182. package/dist/shared/lit-input.js.map +0 -1
  183. package/dist/shared/lit-label.js +0 -104
  184. package/dist/shared/lit-label.js.map +0 -1
  185. package/dist/shared/lit-loader.js +0 -69
  186. package/dist/shared/lit-loader.js.map +0 -1
  187. package/dist/shared/lit-loading-bar.js +0 -127
  188. package/dist/shared/lit-loading-bar.js.map +0 -1
  189. package/dist/shared/lit-menu-item.js +0 -99
  190. package/dist/shared/lit-menu-item.js.map +0 -1
  191. package/dist/shared/lit-menu.js +0 -42
  192. package/dist/shared/lit-menu.js.map +0 -1
  193. package/dist/shared/lit-modal-body.js +0 -22
  194. package/dist/shared/lit-modal-body.js.map +0 -1
  195. package/dist/shared/lit-modal-footer.js +0 -29
  196. package/dist/shared/lit-modal-footer.js.map +0 -1
  197. package/dist/shared/lit-modal-header.js +0 -36
  198. package/dist/shared/lit-modal-header.js.map +0 -1
  199. package/dist/shared/lit-modal.js +0 -169
  200. package/dist/shared/lit-modal.js.map +0 -1
  201. package/dist/shared/lit-overflow-tooltip.js +0 -103
  202. package/dist/shared/lit-overflow-tooltip.js.map +0 -1
  203. package/dist/shared/lit-pill.js +0 -88
  204. package/dist/shared/lit-pill.js.map +0 -1
  205. package/dist/shared/lit-progress-bar.js.map +0 -1
  206. package/dist/shared/lit-responsive-button.js +0 -94
  207. package/dist/shared/lit-responsive-button.js.map +0 -1
  208. package/dist/shared/lit-select-field.js +0 -459
  209. package/dist/shared/lit-select-field.js.map +0 -1
  210. package/dist/shared/lit-select.js +0 -413
  211. package/dist/shared/lit-select.js.map +0 -1
  212. package/dist/shared/lit-settings.js +0 -77
  213. package/dist/shared/lit-settings.js.map +0 -1
  214. package/dist/shared/lit-text-field.js +0 -222
  215. package/dist/shared/lit-text-field.js.map +0 -1
  216. package/dist/shared/lit-toggle.js +0 -222
  217. package/dist/shared/lit-toggle.js.map +0 -1
  218. package/dist/shared/lit-tooltip.js +0 -166
  219. package/dist/shared/lit-tooltip.js.map +0 -1
  220. package/dist/shared/simple-popper.js +0 -266
  221. package/dist/shared/simple-popper.js.map +0 -1
  222. package/dist/shared/simple-tooltip.js.map +0 -1
  223. package/dist/shared/styles/button-shared-styles.js.map +0 -1
  224. package/dist/style.css +0 -1
  225. package/dist/styles.js +0 -169
  226. package/dist/styles.js.map +0 -1
  227. package/dist/utils/currency.js.map +0 -1
  228. package/dist/utils/custom-filters.js.map +0 -1
  229. package/dist/utils/date.js.map +0 -1
  230. package/dist/utils/getOperatorByType.js.map +0 -1
  231. package/dist/utils/getOverviewValue.js +0 -177
  232. package/dist/utils/getOverviewValue.js.map +0 -1
  233. package/dist/utils/localization.js.map +0 -1
  234. package/dist/utils/utils.js +0 -13
  235. package/dist/utils/utils.js.map +0 -1
  236. package/dist/utils/validate-json-schema.js +0 -8
  237. package/dist/utils/validate-json-schema.js.map +0 -1
  238. package/dist/validators/validator.js +0 -7
  239. package/dist/validators/validator.js.map +0 -1
@@ -1,318 +0,0 @@
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
- //components
11
- import '../../shared/lit-icon.js';
12
- import '../../shared/lit-input.js';
13
- import '../../shared/simple-popper.js';
14
- import '../../assets/illustration/not-found.js';
15
- import '../../assets/illustration/settings-illustration.js';
16
- import '../../shared/lit-menu.js';
17
- import '../../shared/lit-menu-item.js';
18
- import '../../shared/lit-button.js';
19
- import '../../shared/lit-icon-button.js';
20
- import '../../shared/lit-text-field.js';
21
- import '../../shared/lit-select-field.js';
22
- import '../../shared/lit-modal.js';
23
- import '../../shared/lit-checkbox.js';
24
- import '../../shared/lit-icon-button.js';
25
- import '../../shared/lit-modal-header.js';
26
- import '../../shared/lit-modal-footer.js';
27
- import '../../shared/lit-modal-body.js';
28
- import '../../shared/lit-label.js';
29
- import '../../shared/lit-toggle.js';
30
- let DataGridSettings = class DataGridSettings extends LitElement {
31
- constructor() {
32
- super(...arguments);
33
- this.onSettingsChangedModal = (settingsValue) => { };
34
- this.enableColumnPinning = true;
35
- this.enableFiltering = true;
36
- this.enableSorting = true;
37
- this.enableGrouping = true;
38
- this.exportData = true;
39
- this.actionButtonsInMenu = false;
40
- this.hideFooter = false;
41
- this.isOpenModal = false;
42
- this.originalValues = {};
43
- this.currentValues = {};
44
- }
45
- connectedCallback() {
46
- super.connectedCallback();
47
- this.initializeValues();
48
- }
49
- updated(changedProperties) {
50
- super.updated(changedProperties);
51
- // If any of the properties changed, reinitialize values
52
- const settingsProperties = [
53
- 'enableFiltering',
54
- 'enableSorting',
55
- 'columnDefaultSize',
56
- 'columnGroupedColor',
57
- 'rowAggregationColor',
58
- 'enableGrouping',
59
- 'exportData',
60
- 'actionButtonsInMenu',
61
- 'hideFooter',
62
- 'enableColumnPinning',
63
- ];
64
- if (settingsProperties.some((prop) => changedProperties.has(prop))) {
65
- this.initializeValues();
66
- }
67
- }
68
- initializeValues() {
69
- // Store original values
70
- this.originalValues = {
71
- enableFiltering: this.enableFiltering,
72
- enableSorting: this.enableSorting,
73
- enableGrouping: this.enableGrouping,
74
- exportData: this.exportData,
75
- actionButtonsInMenu: this.actionButtonsInMenu,
76
- hideFooter: this.hideFooter,
77
- enableColumnPinning: this.enableColumnPinning,
78
- columnDefaultSize: this.columnDefaultSize || 100,
79
- columnGroupedColor: this.columnGroupedColor || '#f0fadf',
80
- rowAggregationColor: this.rowAggregationColor || '#ffe1a8',
81
- };
82
- // Initialize current values with original values
83
- this.currentValues = { ...this.originalValues };
84
- this.localSettingsValue = {};
85
- }
86
- updateCurrentValue(key, value) {
87
- this.currentValues = { ...this.currentValues, [key]: value };
88
- this.localSettingsValue = { ...this.localSettingsValue, [key]: value };
89
- }
90
- trySendSettingsUpdate() {
91
- this.onSettingsChangedModal?.(this.localSettingsValue);
92
- this.onClose?.();
93
- }
94
- discardChanges() {
95
- this.currentValues = { ...this.originalValues };
96
- this.localSettingsValue = {};
97
- this.requestUpdate();
98
- this.onClose?.();
99
- }
100
- render() {
101
- return html `
102
- <lit-modal
103
- .open=${this.isOpenModal}
104
- .onClose=${() => {
105
- this.onClose?.();
106
- }}
107
- .closeOnOutsideClick=${false}
108
- .fullScreen=${window.innerWidth <=
109
- (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
110
- >
111
- <lit-modal-header
112
- style="display: flex; align-items: center; justify-content: flex-end;"
113
- >
114
- <lit-icon-button
115
- .icon="${'close'}"
116
- variant="${'text'}"
117
- size="${'small'}"
118
- @click=${() => this.onClose?.()}
119
- ></lit-icon-button>
120
- </lit-modal-header>
121
- <lit-modal-body style=" height: calc(100vh - 37px - 54px);>
122
- <div style="display: flex; flex-direction: column; gap: 0.5rem">
123
- <div
124
- style="display: flex; flex-direction: column; align-items: center; font-size: 1rem; font-weight: 500;"
125
- >
126
- <div style="max-height: 5rem; max-width: 5rem">
127
- <settings-illustration></settings-illustration>
128
- </div>
129
- <span
130
- style="font-size: 0.875rem; font-weight: 500 ; color: var(--text-secondary, #777);"
131
- >
132
- ${msg('Konfigurace') + '- DataGrid'}
133
- </span>
134
- </div>
135
- </div>
136
- <div style="display: flex;flex-direction: column; gap: 0.5rem">
137
- <div
138
- style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
139
- >
140
- <lit-toggle
141
- .tooltip="${'Enables or disables column filtering.'}"
142
- .label="${'enableFiltering'}"
143
- .checked=${this.currentValues.enableFiltering}
144
- @change=${(e) => {
145
- this.updateCurrentValue('enableFiltering', e.detail);
146
- }}
147
- ></lit-toggle>
148
- <lit-toggle
149
- .tooltip="${'Enables or disables column sorting.'}"
150
- .label="${'enableSorting'}"
151
- .checked=${this.currentValues.enableSorting}
152
- @change=${(e) => {
153
- this.updateCurrentValue('enableSorting', e.detail);
154
- }}
155
- ></lit-toggle>
156
- <lit-toggle
157
- .tooltip="${'Enable or disable the export to CSV and Excel feature.'}"
158
- .label="${'enableExportData'}"
159
- .checked=${this.currentValues.exportData}
160
- @change=${(e) => {
161
- this.updateCurrentValue('exportData', e.detail);
162
- }}
163
- ></lit-toggle>
164
- <lit-toggle
165
- .tooltip="${'Enables or disables column grouping functionality. If true, users can group rows by specific columns.'}"
166
- .label="${'enableGrouping'}"
167
- .checked=${this.currentValues.enableGrouping}
168
- @change=${(e) => {
169
- this.updateCurrentValue('enableGrouping', e.detail);
170
- }}
171
- ></lit-toggle>
172
- <lit-toggle
173
- .tooltip="${'Enables or disables column pinning. If true, columns can be pinned to the left.'}"
174
- .label="${'enableColumnPinning'}"
175
- .checked=${this.currentValues.enableColumnPinning}
176
- @change=${(e) => {
177
- this.updateCurrentValue('enableColumnPinning', e.detail);
178
- }}
179
- ></lit-toggle>
180
- <lit-toggle
181
- .tooltip="${'If true, column actions like pinning and grouping are moved into a popover menu instead of displaying individual buttons in the column header.'}"
182
- .label="${'actionButtonsInMenu'}"
183
- .checked=${this.currentValues.actionButtonsInMenu}
184
- @change=${(e) => {
185
- this.updateCurrentValue('actionButtonsInMenu', e.detail);
186
- }}
187
- ></lit-toggle>
188
-
189
- <lit-label
190
- .label="${'columnDefaultSize'}"
191
- .tooltip="${'The default width of all columns.'}"
192
- ></lit-label>
193
- <lit-input
194
- style="margin: 4px 0 4px 14px"
195
- type="number"
196
- disableClearButton="true"
197
- .value="${this.currentValues.columnDefaultSize || ''}"
198
- .onInput=${(val) => {
199
- this.updateCurrentValue('columnDefaultSize', val);
200
- }}
201
- ></lit-input>
202
- </div>
203
- <div
204
- style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
205
- >
206
- <lit-label
207
- .label="${'columnGroupedColor'}"
208
- .tooltip="${'The background color for grouped column headers.'}"
209
- ></lit-label>
210
- <input
211
- style="margin: 4px 0 4px 14px;"
212
- type="color"
213
- id="colorPickerCustom"
214
- value="${this.currentValues.columnGroupedColor}"
215
- @change=${(e) => {
216
- const color = e.target.value;
217
- this.updateCurrentValue('columnGroupedColor', color);
218
- }}
219
- />
220
- </div>
221
- <div
222
- style="display: flex; flex-direction: column;justify-content: center;gap: 2px"
223
- >
224
- <lit-label
225
- .label="${'rowAggregationColor'}"
226
- .tooltip="${'The background color for rows affected by aggregation.'}"
227
- ></lit-label>
228
- <input
229
- style="margin: 4px 0 4px 14px"
230
- type="color"
231
- id="colorPickerCustom"
232
- value="${this.currentValues.rowAggregationColor}"
233
- @change=${(e) => {
234
- const color = e.target.value;
235
- this.updateCurrentValue('rowAggregationColor', color);
236
- }}
237
- />
238
- </div>
239
- </div>
240
- </lit-modal-body>
241
- <lit-modal-footer
242
- style=" display: flex;
243
- flex-direction: row;
244
- gap: 0.5rem;
245
- justify-content: center;"
246
- >
247
- <lit-button
248
- .label="${msg('Uložit')}"
249
- .icon="${'check'}"
250
- .size="${'medium'}"
251
- @click=${() => this.trySendSettingsUpdate()}
252
- ></lit-button>
253
- <lit-button
254
- .label="${msg('Zrušit')}"
255
- variant="${'text'}"
256
- .icon="${'close'}"
257
- .size="${'medium'}"
258
- @click=${() => this.discardChanges()}
259
- ></lit-button>
260
- </lit-modal-footer>
261
- </lit-modal>
262
- `;
263
- }
264
- };
265
- DataGridSettings.styles = [css ``];
266
- __decorate([
267
- property({ type: Function })
268
- ], DataGridSettings.prototype, "onClose", void 0);
269
- __decorate([
270
- property({ type: Function })
271
- ], DataGridSettings.prototype, "onSettingsChangedModal", void 0);
272
- __decorate([
273
- property({ type: Boolean })
274
- ], DataGridSettings.prototype, "enableColumnPinning", void 0);
275
- __decorate([
276
- property({ type: Boolean })
277
- ], DataGridSettings.prototype, "enableFiltering", void 0);
278
- __decorate([
279
- property({ type: Boolean })
280
- ], DataGridSettings.prototype, "enableSorting", void 0);
281
- __decorate([
282
- property({ type: Number })
283
- ], DataGridSettings.prototype, "columnDefaultSize", void 0);
284
- __decorate([
285
- property({ type: String })
286
- ], DataGridSettings.prototype, "columnGroupedColor", void 0);
287
- __decorate([
288
- property({ type: String })
289
- ], DataGridSettings.prototype, "rowAggregationColor", void 0);
290
- __decorate([
291
- property({ type: Boolean })
292
- ], DataGridSettings.prototype, "enableGrouping", void 0);
293
- __decorate([
294
- property({ type: Boolean })
295
- ], DataGridSettings.prototype, "exportData", void 0);
296
- __decorate([
297
- property({ type: Boolean })
298
- ], DataGridSettings.prototype, "actionButtonsInMenu", void 0);
299
- __decorate([
300
- property({ type: Boolean })
301
- ], DataGridSettings.prototype, "hideFooter", void 0);
302
- __decorate([
303
- state()
304
- ], DataGridSettings.prototype, "isOpenModal", void 0);
305
- __decorate([
306
- state()
307
- ], DataGridSettings.prototype, "localSettingsValue", void 0);
308
- __decorate([
309
- state()
310
- ], DataGridSettings.prototype, "originalValues", void 0);
311
- __decorate([
312
- state()
313
- ], DataGridSettings.prototype, "currentValues", void 0);
314
- DataGridSettings = __decorate([
315
- customElement('data-grid-settings')
316
- ], DataGridSettings);
317
- export { DataGridSettings };
318
- //# sourceMappingURL=data-grid-settings.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-grid-settings.js","sourceRoot":"","sources":["../../../src/components/components-settings/data-grid-settings.ts"],"names":[],"mappings":"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"}
@@ -1,269 +0,0 @@
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 { html, LitElement } from 'lit';
9
- import { IconArray } from '../../shared/lit-icon.js';
10
- import { msg } from '@lit/localize';
11
- import { litSectionTabSchema } from '../../schemas/index.js';
12
- import { validateJson } from '../../utils/validate-json-schema.js';
13
- //components
14
- import '../../shared/lit-icon.js';
15
- import '../../shared/lit-input.js';
16
- import '../../shared/simple-popper.js';
17
- import '../../assets/illustration/not-found.js';
18
- import '../../assets/illustration/settings-illustration.js';
19
- import '../../shared/lit-menu.js';
20
- import '../../shared/lit-menu-item.js';
21
- import '../../shared/lit-button.js';
22
- import '../../shared/lit-icon-button.js';
23
- import '../../shared/lit-text-field.js';
24
- import '../../shared/lit-modal.js';
25
- import '../../shared/lit-checkbox.js';
26
- import '../../shared/lit-icon-button.js';
27
- import '../../shared/lit-modal-header.js';
28
- import '../../shared/lit-modal-footer.js';
29
- import '../../shared/lit-modal-body.js';
30
- import '../../shared/lit-label.js';
31
- let SectionTabSettings = class SectionTabSettings extends LitElement {
32
- constructor() {
33
- super(...arguments);
34
- this.onSettingsChangedModal = (settingsValue) => { };
35
- this.allowedLang = ['cs'];
36
- this.isOpen = false;
37
- this.filterText = '';
38
- this.isOpenModal = false;
39
- }
40
- updated(changedProperties) {
41
- if (changedProperties.has('settingsValue')) {
42
- this.localSettingsValue = this.settingsValue ? { ...this.settingsValue } : {};
43
- this.requestUpdate();
44
- }
45
- }
46
- trySendSettingsUpdate() {
47
- const { valid, errors } = validateJson(this.localSettingsValue, litSectionTabSchema);
48
- if (!valid)
49
- return console.warn('Invalid settings:', errors);
50
- if (valid) {
51
- this.onSettingsChangedModal?.(this.localSettingsValue);
52
- if (this.onClose) {
53
- this.onClose();
54
- }
55
- }
56
- }
57
- updateLocalSettings(updates) {
58
- this.localSettingsValue = {
59
- ...this.localSettingsValue,
60
- ...updates,
61
- };
62
- }
63
- closePopover() {
64
- this.isOpen = false;
65
- }
66
- toggleCustomPopover() {
67
- this.isOpen = !this.isOpen;
68
- }
69
- discardChanges() {
70
- this.localSettingsValue = this.settingsValue ? { ...this.settingsValue } : {};
71
- if (this.onClose) {
72
- this.onClose();
73
- }
74
- }
75
- render() {
76
- const filteredKeys = (IconArray || []).filter((key) => key.toLowerCase().includes(this.filterText));
77
- return html `
78
- <lit-modal
79
- .open=${this.isOpenModal}
80
- .onClose=${() => {
81
- this.onClose?.();
82
- }}
83
- .closeOnOutsideClick=${false}
84
- .fullScreen=${window.innerWidth <=
85
- (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
86
- >
87
- <lit-modal-header
88
- style="display: flex; align-items: center; justify-content: flex-end;"
89
- >
90
- <lit-icon-button
91
- .icon="${'close'}"
92
- variant="${'text'}"
93
- size="${'small'}"
94
- @click=${() => this.onClose?.()}
95
- ></lit-icon-button>
96
- </lit-modal-header>
97
- <lit-modal-body>
98
- <div style="display: flex; flex-direction: column; gap: 0.5rem">
99
- <div
100
- style="display: flex; flex-direction: column; align-items: center; font-size: 1rem; font-weight: 500;"
101
- >
102
- <div style="max-height: 5rem; max-width: 5rem">
103
- <settings-illustration></settings-illustration>
104
- </div>
105
- <span
106
- style="font-size: 0.875rem; font-weight: 500 ; color: var(--text-secondary, #777);"
107
- >
108
- ${msg('Konfigurace') + '- SectionTab'}
109
- </span>
110
- </div>
111
- <lit-checkbox
112
- .label="${msg('Automatická výška sekce')}"
113
- .checked=${this.localSettingsValue?.[`autoHeight`] ?? false}
114
- @change=${(e) => {
115
- this.updateLocalSettings({ autoHeight: e.detail });
116
- }}
117
- .value="autoHeight"
118
- ></lit-checkbox>
119
- <div style="display: flex; align-items: center; gap: 1rem;">
120
- <lit-label label=${msg('Icona Sekce')}></lit-label>
121
- <lit-icon-button
122
- variant="dashed"
123
- size="medium"
124
- .icon="${this.localSettingsValue?.titleIcon || 'documents'}"
125
- @click="${this.toggleCustomPopover}"
126
- ></lit-icon-button>
127
- </div>
128
-
129
- <simple-popper
130
- .showing=${this.isOpen}
131
- .placement=${'bottom-start'}
132
- .onClose=${this.closePopover.bind(this)}
133
- .manualOpening=${true}
134
- >
135
- <style>
136
- .icon-menu {
137
- display: flex;
138
- flex-wrap: wrap;
139
- gap: 0.5rem;
140
- padding: 0.5rem;
141
- }
142
- .icon-select-item {
143
- cursor: pointer;
144
- width: 2.5rem;
145
- height: 2.5rem;
146
- display: flex;
147
- align-items: center;
148
- justify-content: center;
149
- border-radius: var(--border-radius-small, 4px);
150
- transition: background 0.15s;
151
- }
152
- .icon-select-item:hover {
153
- background-color: var(--color-primary-light, #e0e7ff);
154
- }
155
- </style>
156
- <div
157
- style="max-height: 12.5rem; height: 12.5rem; overflow-y: auto; width: 500px; max-width: 100%;"
158
- >
159
- <div class="popper-input">
160
- <lit-input
161
- .value=${this.filterText}
162
- .onInput=${(value) => {
163
- this.filterText = value?.toLowerCase?.() || '';
164
- }}
165
- .onClear=${() => {
166
- this.filterText = '';
167
- }}
168
- placeholder="${msg('Zadejte název ikony')}"
169
- ></lit-input>
170
- </div>
171
-
172
- <div class="icon-menu">
173
- ${filteredKeys.map((key) => html `
174
- <div
175
- class="icon-select-item"
176
- @click=${() => {
177
- this.updateLocalSettings({
178
- titleIcon: key,
179
- });
180
- this.closePopover();
181
- }}
182
- .isActive=${this.localSettingsValue?.titleIcon ===
183
- key}
184
- >
185
- <lit-icon size="1rem" icon="${key}"></lit-icon>
186
- </div>
187
- `)}
188
- </div>
189
- </div>
190
- </simple-popper>
191
- <div>
192
- <lit-text-field
193
- .label="${msg('Název sekce')}"
194
- .value=${this.localSettingsValue?.titleLabel || ''}
195
- .placeholder="${msg('Zadejte název sekce')}"
196
- @onChange="${(e) => {
197
- this.updateLocalSettings({ titleLabel: e.detail });
198
- }}"
199
- ></lit-text-field>
200
-
201
- ${(this.allowedLang || []).map((lang) => html `
202
- <lit-text-field
203
- .label=${`${msg('Název sekce')} ${lang.toUpperCase()}`}
204
- .placeholder=${`${msg('Zadejte název')} ${lang.toUpperCase()}`}
205
- .value=${this.localSettingsValue?.[`titleLabel_${lang}`] ||
206
- ''}
207
- @onChange=${(e) => {
208
- this.updateLocalSettings({
209
- [`titleLabel_${lang}`]: e.detail,
210
- });
211
- }}
212
- ></lit-text-field>
213
- `)}
214
- </div>
215
- </div>
216
- </lit-modal-body>
217
- <lit-modal-footer
218
- style=" display: flex;
219
- flex-direction: row;
220
- gap: 0.5rem;
221
- justify-content: center;"
222
- >
223
- <lit-button
224
- .label="${msg('Uložit')}"
225
- .icon="${'check'}"
226
- .size="${'medium'}"
227
- @click=${() => this.trySendSettingsUpdate()}
228
- ></lit-button>
229
- <lit-button
230
- .label="${msg('Zrušit')}"
231
- variant="${'text'}"
232
- .icon="${'close'}"
233
- .size="${'medium'}"
234
- @click=${() => this.discardChanges()}
235
- ></lit-button>
236
- </lit-modal-footer>
237
- </lit-modal>
238
- `;
239
- }
240
- };
241
- __decorate([
242
- property({ type: Object })
243
- ], SectionTabSettings.prototype, "settingsValue", void 0);
244
- __decorate([
245
- property({ type: Function })
246
- ], SectionTabSettings.prototype, "onSettingsChangedModal", void 0);
247
- __decorate([
248
- property({ type: Array })
249
- ], SectionTabSettings.prototype, "allowedLang", void 0);
250
- __decorate([
251
- property({ type: Function })
252
- ], SectionTabSettings.prototype, "onClose", void 0);
253
- __decorate([
254
- state()
255
- ], SectionTabSettings.prototype, "isOpen", void 0);
256
- __decorate([
257
- state()
258
- ], SectionTabSettings.prototype, "filterText", void 0);
259
- __decorate([
260
- state()
261
- ], SectionTabSettings.prototype, "localSettingsValue", void 0);
262
- __decorate([
263
- state()
264
- ], SectionTabSettings.prototype, "isOpenModal", void 0);
265
- SectionTabSettings = __decorate([
266
- customElement('section-tab-settings')
267
- ], SectionTabSettings);
268
- export { SectionTabSettings };
269
- //# sourceMappingURL=section-tab-settings.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"section-tab-settings.js","sourceRoot":"","sources":["../../../src/components/components-settings/section-tab-settings.ts"],"names":[],"mappings":"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"}