overview-components 1.1.159 → 1.1.161

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 (242) hide show
  1. package/LICENSE +7 -0
  2. package/README.md +82 -0
  3. package/dist/icons.js +692 -0
  4. package/dist/index.js +19890 -7
  5. package/dist/shared/lit-icon.d.ts.map +1 -1
  6. package/package.json +58 -21
  7. package/dist/assets/generated/locales/de.js +0 -269
  8. package/dist/assets/generated/locales/de.js.map +0 -1
  9. package/dist/assets/generated/locales/en.js +0 -269
  10. package/dist/assets/generated/locales/en.js.map +0 -1
  11. package/dist/assets/generated/locales/fr.js +0 -269
  12. package/dist/assets/generated/locales/fr.js.map +0 -1
  13. package/dist/assets/generated/locales/hr.js +0 -269
  14. package/dist/assets/generated/locales/hr.js.map +0 -1
  15. package/dist/assets/generated/locales/it.js +0 -269
  16. package/dist/assets/generated/locales/it.js.map +0 -1
  17. package/dist/assets/generated/locales/pl.js +0 -269
  18. package/dist/assets/generated/locales/pl.js.map +0 -1
  19. package/dist/assets/generated/locales/ro.js +0 -269
  20. package/dist/assets/generated/locales/ro.js.map +0 -1
  21. package/dist/assets/generated/locales/sk.js +0 -269
  22. package/dist/assets/generated/locales/sk.js.map +0 -1
  23. package/dist/assets/generated/locales/sr.js +0 -269
  24. package/dist/assets/generated/locales/sr.js.map +0 -1
  25. package/dist/assets/icons/iconGlyphs.js +0 -691
  26. package/dist/assets/icons/iconGlyphs.js.map +0 -1
  27. package/dist/assets/illustration/aichatbot-illustration.js +0 -144
  28. package/dist/assets/illustration/aichatbot-illustration.js.map +0 -1
  29. package/dist/assets/illustration/delete-illustration.js +0 -88
  30. package/dist/assets/illustration/delete-illustration.js.map +0 -1
  31. package/dist/assets/illustration/no-content.js +0 -159
  32. package/dist/assets/illustration/no-content.js.map +0 -1
  33. package/dist/assets/illustration/no-preview.js +0 -125
  34. package/dist/assets/illustration/no-preview.js.map +0 -1
  35. package/dist/assets/illustration/not-found.js +0 -98
  36. package/dist/assets/illustration/not-found.js.map +0 -1
  37. package/dist/assets/illustration/settings-illustration.js +0 -168
  38. package/dist/assets/illustration/settings-illustration.js.map +0 -1
  39. package/dist/components/components-settings/attachments-tab-settings.js +0 -318
  40. package/dist/components/components-settings/attachments-tab-settings.js.map +0 -1
  41. package/dist/components/components-settings/data-grid-settings.js +0 -553
  42. package/dist/components/components-settings/data-grid-settings.js.map +0 -1
  43. package/dist/components/components-settings/section-tab-settings.js +0 -719
  44. package/dist/components/components-settings/section-tab-settings.js.map +0 -1
  45. package/dist/components/components-settings/tabs-overview-settings.js +0 -421
  46. package/dist/components/components-settings/tabs-overview-settings.js.map +0 -1
  47. package/dist/components/index.js +0 -30
  48. package/dist/components/index.js.map +0 -1
  49. package/dist/components/lit-ai-filter-assistant.js +0 -443
  50. package/dist/components/lit-ai-filter-assistant.js.map +0 -1
  51. package/dist/components/lit-attachments-tab.js +0 -2044
  52. package/dist/components/lit-attachments-tab.js.map +0 -1
  53. package/dist/components/lit-badge.js +0 -124
  54. package/dist/components/lit-badge.js.map +0 -1
  55. package/dist/components/lit-case-variables-tab.js +0 -3718
  56. package/dist/components/lit-case-variables-tab.js.map +0 -1
  57. package/dist/components/lit-chart.js +0 -727
  58. package/dist/components/lit-chart.js.map +0 -1
  59. package/dist/components/lit-data-grid-tanstack.js +0 -2550
  60. package/dist/components/lit-data-grid-tanstack.js.map +0 -1
  61. package/dist/components/lit-filter-builder.js +0 -701
  62. package/dist/components/lit-filter-builder.js.map +0 -1
  63. package/dist/components/lit-filter-modal.js +0 -349
  64. package/dist/components/lit-filter-modal.js.map +0 -1
  65. package/dist/components/lit-multiselect-item.js +0 -707
  66. package/dist/components/lit-multiselect-item.js.map +0 -1
  67. package/dist/components/lit-section-tab.js +0 -268
  68. package/dist/components/lit-section-tab.js.map +0 -1
  69. package/dist/components/lit-tabs-overview.js +0 -356
  70. package/dist/components/lit-tabs-overview.js.map +0 -1
  71. package/dist/components/modals/lit-confirm-modal.js +0 -121
  72. package/dist/components/modals/lit-confirm-modal.js.map +0 -1
  73. package/dist/components/modals/lit-delete-modal.js +0 -131
  74. package/dist/components/modals/lit-delete-modal.js.map +0 -1
  75. package/dist/components/react-wrappers/ai-filter-assistant.js +0 -9
  76. package/dist/components/react-wrappers/ai-filter-assistant.js.map +0 -1
  77. package/dist/components/react-wrappers/attachments-tab.js +0 -9
  78. package/dist/components/react-wrappers/attachments-tab.js.map +0 -1
  79. package/dist/components/react-wrappers/badge.js +0 -9
  80. package/dist/components/react-wrappers/badge.js.map +0 -1
  81. package/dist/components/react-wrappers/button.js +0 -9
  82. package/dist/components/react-wrappers/button.js.map +0 -1
  83. package/dist/components/react-wrappers/calendar.js +0 -9
  84. package/dist/components/react-wrappers/calendar.js.map +0 -1
  85. package/dist/components/react-wrappers/case-variables-tab.js +0 -9
  86. package/dist/components/react-wrappers/case-variables-tab.js.map +0 -1
  87. package/dist/components/react-wrappers/chart.js +0 -9
  88. package/dist/components/react-wrappers/chart.js.map +0 -1
  89. package/dist/components/react-wrappers/data-grid-tanstack.js +0 -9
  90. package/dist/components/react-wrappers/data-grid-tanstack.js.map +0 -1
  91. package/dist/components/react-wrappers/filter-builder.js +0 -12
  92. package/dist/components/react-wrappers/filter-builder.js.map +0 -1
  93. package/dist/components/react-wrappers/filter-modal.js +0 -9
  94. package/dist/components/react-wrappers/filter-modal.js.map +0 -1
  95. package/dist/components/react-wrappers/index.js +0 -27
  96. package/dist/components/react-wrappers/index.js.map +0 -1
  97. package/dist/components/react-wrappers/progress-bar.js +0 -9
  98. package/dist/components/react-wrappers/progress-bar.js.map +0 -1
  99. package/dist/components/react-wrappers/section-tab.js +0 -9
  100. package/dist/components/react-wrappers/section-tab.js.map +0 -1
  101. package/dist/components/react-wrappers/tabs-overview.js +0 -9
  102. package/dist/components/react-wrappers/tabs-overview.js.map +0 -1
  103. package/dist/data/translations.js +0 -2768
  104. package/dist/data/translations.js.map +0 -1
  105. package/dist/index.js.map +0 -1
  106. package/dist/schemas/index.js +0 -18
  107. package/dist/schemas/index.js.map +0 -1
  108. package/dist/schemas/lit-attachments-tab-document.schema.js +0 -39
  109. package/dist/schemas/lit-attachments-tab-document.schema.js.map +0 -1
  110. package/dist/schemas/lit-attachments-tab-settings-value.schema.js +0 -30
  111. package/dist/schemas/lit-attachments-tab-settings-value.schema.js.map +0 -1
  112. package/dist/schemas/lit-attachments-tab.schema.js +0 -68
  113. package/dist/schemas/lit-attachments-tab.schema.js.map +0 -1
  114. package/dist/schemas/lit-case-variables-tab-cell.schema.js +0 -225
  115. package/dist/schemas/lit-case-variables-tab-cell.schema.js.map +0 -1
  116. package/dist/schemas/lit-case-variables-tab-rows.schema.js +0 -6
  117. package/dist/schemas/lit-case-variables-tab-rows.schema.js.map +0 -1
  118. package/dist/schemas/lit-case-variables-tab.schema.js +0 -27
  119. package/dist/schemas/lit-case-variables-tab.schema.js.map +0 -1
  120. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js +0 -6
  121. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js.map +0 -1
  122. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js +0 -6
  123. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js.map +0 -1
  124. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js +0 -11
  125. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js.map +0 -1
  126. package/dist/schemas/lit-data-grid-tanstack-column.schema.js +0 -79
  127. package/dist/schemas/lit-data-grid-tanstack-column.schema.js.map +0 -1
  128. package/dist/schemas/lit-data-grid-tanstack.schema.js +0 -108
  129. package/dist/schemas/lit-data-grid-tanstack.schema.js.map +0 -1
  130. package/dist/schemas/lit-filter-builder.schema.js +0 -61
  131. package/dist/schemas/lit-filter-builder.schema.js.map +0 -1
  132. package/dist/schemas/lit-section-tab-schema.js +0 -37
  133. package/dist/schemas/lit-section-tab-schema.js.map +0 -1
  134. package/dist/schemas/lit-tabs-overview-tab-array.schema.js +0 -6
  135. package/dist/schemas/lit-tabs-overview-tab-array.schema.js.map +0 -1
  136. package/dist/schemas/lit-tabs-overview-tab.schema.js +0 -32
  137. package/dist/schemas/lit-tabs-overview-tab.schema.js.map +0 -1
  138. package/dist/schemas/lit-tabs-overview.schema.js +0 -29
  139. package/dist/schemas/lit-tabs-overview.schema.js.map +0 -1
  140. package/dist/scripts/translate-locales.js +0 -241
  141. package/dist/scripts/translate-locales.js.map +0 -1
  142. package/dist/shared/filter-inputs.js +0 -429
  143. package/dist/shared/filter-inputs.js.map +0 -1
  144. package/dist/shared/index.js +0 -40
  145. package/dist/shared/index.js.map +0 -1
  146. package/dist/shared/lit-button.js +0 -159
  147. package/dist/shared/lit-button.js.map +0 -1
  148. package/dist/shared/lit-calendar.js +0 -485
  149. package/dist/shared/lit-calendar.js.map +0 -1
  150. package/dist/shared/lit-case-variables-tab-cell.js +0 -226
  151. package/dist/shared/lit-case-variables-tab-cell.js.map +0 -1
  152. package/dist/shared/lit-checkbox.js +0 -184
  153. package/dist/shared/lit-checkbox.js.map +0 -1
  154. package/dist/shared/lit-custom-popper.js +0 -116
  155. package/dist/shared/lit-custom-popper.js.map +0 -1
  156. package/dist/shared/lit-data-grid-action-buttons-popover.js +0 -295
  157. package/dist/shared/lit-data-grid-action-buttons-popover.js.map +0 -1
  158. package/dist/shared/lit-data-grid-density-popover.js +0 -84
  159. package/dist/shared/lit-data-grid-density-popover.js.map +0 -1
  160. package/dist/shared/lit-data-grid-export-popover.js +0 -68
  161. package/dist/shared/lit-data-grid-export-popover.js.map +0 -1
  162. package/dist/shared/lit-data-grid-operators-popover.js +0 -114
  163. package/dist/shared/lit-data-grid-operators-popover.js.map +0 -1
  164. package/dist/shared/lit-data-grid-row-actions.js +0 -87
  165. package/dist/shared/lit-data-grid-row-actions.js.map +0 -1
  166. package/dist/shared/lit-date-picker.js +0 -608
  167. package/dist/shared/lit-date-picker.js.map +0 -1
  168. package/dist/shared/lit-document-thumbnail.js +0 -383
  169. package/dist/shared/lit-document-thumbnail.js.map +0 -1
  170. package/dist/shared/lit-filter-input.js +0 -115
  171. package/dist/shared/lit-filter-input.js.map +0 -1
  172. package/dist/shared/lit-icon-button.js +0 -165
  173. package/dist/shared/lit-icon-button.js.map +0 -1
  174. package/dist/shared/lit-icon.js +0 -338
  175. package/dist/shared/lit-icon.js.map +0 -1
  176. package/dist/shared/lit-input.js +0 -282
  177. package/dist/shared/lit-input.js.map +0 -1
  178. package/dist/shared/lit-label.js +0 -103
  179. package/dist/shared/lit-label.js.map +0 -1
  180. package/dist/shared/lit-loader.js +0 -68
  181. package/dist/shared/lit-loader.js.map +0 -1
  182. package/dist/shared/lit-loading-bar.js +0 -91
  183. package/dist/shared/lit-loading-bar.js.map +0 -1
  184. package/dist/shared/lit-menu-item.js +0 -98
  185. package/dist/shared/lit-menu-item.js.map +0 -1
  186. package/dist/shared/lit-menu.js +0 -29
  187. package/dist/shared/lit-menu.js.map +0 -1
  188. package/dist/shared/lit-modal-body.js +0 -24
  189. package/dist/shared/lit-modal-body.js.map +0 -1
  190. package/dist/shared/lit-modal-footer.js +0 -21
  191. package/dist/shared/lit-modal-footer.js.map +0 -1
  192. package/dist/shared/lit-modal-header.js +0 -34
  193. package/dist/shared/lit-modal-header.js.map +0 -1
  194. package/dist/shared/lit-modal.js +0 -168
  195. package/dist/shared/lit-modal.js.map +0 -1
  196. package/dist/shared/lit-overflow-tooltip.js +0 -114
  197. package/dist/shared/lit-overflow-tooltip.js.map +0 -1
  198. package/dist/shared/lit-pill.js +0 -87
  199. package/dist/shared/lit-pill.js.map +0 -1
  200. package/dist/shared/lit-progress-bar.js +0 -130
  201. package/dist/shared/lit-progress-bar.js.map +0 -1
  202. package/dist/shared/lit-responsive-button.js +0 -106
  203. package/dist/shared/lit-responsive-button.js.map +0 -1
  204. package/dist/shared/lit-select-field.js +0 -457
  205. package/dist/shared/lit-select-field.js.map +0 -1
  206. package/dist/shared/lit-select.js +0 -668
  207. package/dist/shared/lit-select.js.map +0 -1
  208. package/dist/shared/lit-settings.js +0 -76
  209. package/dist/shared/lit-settings.js.map +0 -1
  210. package/dist/shared/lit-text-field.js +0 -252
  211. package/dist/shared/lit-text-field.js.map +0 -1
  212. package/dist/shared/lit-toggle.js +0 -240
  213. package/dist/shared/lit-toggle.js.map +0 -1
  214. package/dist/shared/lit-tooltip.js +0 -165
  215. package/dist/shared/lit-tooltip.js.map +0 -1
  216. package/dist/shared/simple-popper.js +0 -285
  217. package/dist/shared/simple-popper.js.map +0 -1
  218. package/dist/shared/simple-tooltip.js +0 -249
  219. package/dist/shared/simple-tooltip.js.map +0 -1
  220. package/dist/shared/styles/button-shared-styles.js +0 -494
  221. package/dist/shared/styles/button-shared-styles.js.map +0 -1
  222. package/dist/styles.js +0 -169
  223. package/dist/styles.js.map +0 -1
  224. package/dist/utils/custom-filters.js +0 -42
  225. package/dist/utils/custom-filters.js.map +0 -1
  226. package/dist/utils/date.js +0 -21
  227. package/dist/utils/date.js.map +0 -1
  228. package/dist/utils/file-type-utils.js +0 -55
  229. package/dist/utils/file-type-utils.js.map +0 -1
  230. package/dist/utils/formatNumber.js +0 -62
  231. package/dist/utils/formatNumber.js.map +0 -1
  232. package/dist/utils/getOperatorByType.js +0 -70
  233. package/dist/utils/getOperatorByType.js.map +0 -1
  234. package/dist/utils/getOverviewValue.js +0 -175
  235. package/dist/utils/getOverviewValue.js.map +0 -1
  236. package/dist/utils/localization.js +0 -433
  237. package/dist/utils/localization.js.map +0 -1
  238. package/dist/utils/pdf-thumbnail-generator.js +0 -91
  239. package/dist/utils/pdf-thumbnail-generator.js.map +0 -1
  240. package/dist/utils/utils.js +0 -94
  241. package/dist/utils/utils.js.map +0 -1
  242. package/dist/vite.svg +0 -1
@@ -1,226 +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 { LitElement, html, css } from 'lit';
8
- import { styleMap } from 'lit/directives/style-map.js';
9
- import { property } from 'lit/decorators.js';
10
- // components
11
- import '../shared/lit-icon.js';
12
- import '../shared/lit-icon.js';
13
- import '../shared/lit-button.js';
14
- import { tooltip } from '../shared/simple-tooltip.js';
15
- // utils
16
- import { formatDate } from '../utils/date.js';
17
- export class LitCaseVariablesTabCell extends LitElement {
18
- constructor() {
19
- super(...arguments);
20
- this.type = 'string';
21
- this.buttonVariant = 'contained';
22
- this.buttonFullWidth = true;
23
- this.userLang = 'cs';
24
- this.BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl'];
25
- }
26
- getHeader() {
27
- return html `
28
- <div
29
- style="${this.headerStyle ? styleMap(this.headerStyle) : ''}"
30
- class="process-data-heading"
31
- >
32
- ${this.headerName ? this.headerName : ''}
33
- ${this.tooltip
34
- ? html `
35
- <lit-icon
36
- size="12px"
37
- icon="informative"
38
- ${tooltip(this.tooltip ? this.tooltip : '', 'right')}
39
- ></lit-icon>
40
- `
41
- : ''}
42
- </div>
43
- `;
44
- }
45
- getCellButton() {
46
- return html `
47
- <lit-button
48
- .fullWidth="${this.buttonFullWidth}"
49
- variant="${this.buttonVariant}"
50
- label="${this.headerName ? this.headerName : ''}"
51
- @click=${this.buttonFn}
52
- ></lit-button>
53
- `;
54
- }
55
- getCellLink() {
56
- return html `
57
- <div>${this.getHeader()}</div>
58
- <a class="link" href=${this.value ? this.value : ''} target="_blank">
59
- ${this.value ? this.value : ''}
60
- </a>
61
- `;
62
- }
63
- getCellValue() {
64
- return html `
65
- <div>${this.getHeader()}</div>
66
- <div
67
- style="${this.valueStyle ? styleMap(this.valueStyle) : ''}"
68
- class="process-data-value"
69
- >
70
- ${this.value ? this.value : ''}
71
- </div>
72
- `;
73
- }
74
- getCellDate() {
75
- return html `
76
- <div>${this.getHeader()}</div>
77
- <div
78
- style="${this.valueStyle ? styleMap(this.valueStyle) : ''}"
79
- class="process-data-value"
80
- >
81
- ${this.value
82
- ? formatDate(this.value, this.userLang || 'cs', !!this.dateFormat)
83
- : ''}
84
- </div>
85
- `;
86
- }
87
- render() {
88
- const breakpointIndex = this.BREAKPOINTS.indexOf(this.currentBreakpoint);
89
- const spanSize = this.BREAKPOINTS.slice(0, breakpointIndex + 1)
90
- .reverse()
91
- .map((bp) => this.size?.[bp])
92
- .find((size) => size !== undefined) ?? 2;
93
- const classes = `cell--span${spanSize} cell`;
94
- return html `
95
- <div
96
- class="${classes}"
97
- style="${styleMap((this.cellStyle || {}))}"
98
- >
99
- ${this.type === 'button'
100
- ? this.getCellButton()
101
- : this.type === 'link'
102
- ? this.getCellLink()
103
- : this.type === 'date'
104
- ? this.getCellDate()
105
- : this.getCellValue()}
106
- </div>
107
- `;
108
- }
109
- }
110
- LitCaseVariablesTabCell.styles = css `
111
- :host {
112
- font-family: 'Inter', sans-serif;
113
- }
114
-
115
- .grid-container {
116
- display: grid;
117
- justify-content: start;
118
- align-items: start;
119
- gap: 0.5rem;
120
- }
121
-
122
- .process-data-heading {
123
- font-size: 0.75rem;
124
- color: var(--text-secondary, #5d6371);
125
- font-weight: 400 !important;
126
- display: flex;
127
- gap: 5px;
128
- align-items: center;
129
- }
130
-
131
- .process-data-value {
132
- font-size: 0.8125rem;
133
- color: var(--text-primary, #111827);
134
- margin: 0;
135
- padding-top: 0.3125rem;
136
- font-weight: 500 !important;
137
- }
138
-
139
- .status {
140
- color: var(--color-primary-main, #76b703);
141
- }
142
-
143
- .link {
144
- font-size: 0.8125rem;
145
- text-decoration: none;
146
- color: inherit;
147
- border-bottom: 0.0625rem solid var(--color-primary-main, #76b703);
148
- }
149
-
150
- .cell {
151
- padding: 5px;
152
- border-radius: 8px;
153
- }
154
-
155
- .link:hover {
156
- color: var(--color-primary-main, #76b703);
157
- }
158
-
159
- .cell--span1 {
160
- grid-column: span 1 / span 1;
161
- }
162
-
163
- .cell--span2 {
164
- grid-column: span 2 / span 2;
165
- }
166
-
167
- .cell--span3 {
168
- grid-column: span 3 / span 3;
169
- }
170
-
171
- .cell--span4 {
172
- grid-column: span 4 / span 4;
173
- }
174
- `;
175
- __decorate([
176
- property({ type: String })
177
- ], LitCaseVariablesTabCell.prototype, "field", void 0);
178
- __decorate([
179
- property({ type: String })
180
- ], LitCaseVariablesTabCell.prototype, "type", void 0);
181
- __decorate([
182
- property({ type: Function })
183
- ], LitCaseVariablesTabCell.prototype, "headerName", void 0);
184
- __decorate([
185
- property({ type: Function })
186
- ], LitCaseVariablesTabCell.prototype, "value", void 0);
187
- __decorate([
188
- property({ type: Object })
189
- ], LitCaseVariablesTabCell.prototype, "size", void 0);
190
- __decorate([
191
- property({ type: String })
192
- ], LitCaseVariablesTabCell.prototype, "buttonVariant", void 0);
193
- __decorate([
194
- property({ type: Boolean })
195
- ], LitCaseVariablesTabCell.prototype, "buttonFullWidth", void 0);
196
- __decorate([
197
- property({ type: Function })
198
- ], LitCaseVariablesTabCell.prototype, "buttonFn", void 0);
199
- __decorate([
200
- property({ type: String })
201
- ], LitCaseVariablesTabCell.prototype, "href", void 0);
202
- __decorate([
203
- property({ type: Object })
204
- ], LitCaseVariablesTabCell.prototype, "headerStyle", void 0);
205
- __decorate([
206
- property({ type: Object })
207
- ], LitCaseVariablesTabCell.prototype, "valueStyle", void 0);
208
- __decorate([
209
- property({ type: Object })
210
- ], LitCaseVariablesTabCell.prototype, "cellStyle", void 0);
211
- __decorate([
212
- property({ type: Function })
213
- ], LitCaseVariablesTabCell.prototype, "tooltip", void 0);
214
- __decorate([
215
- property({ type: String })
216
- ], LitCaseVariablesTabCell.prototype, "dateFormat", void 0);
217
- __decorate([
218
- property({ type: String })
219
- ], LitCaseVariablesTabCell.prototype, "userLang", void 0);
220
- __decorate([
221
- property({ type: String })
222
- ], LitCaseVariablesTabCell.prototype, "currentBreakpoint", void 0);
223
- if (!window.customElements.get('lit-case-variables-tab-cell')) {
224
- window.customElements.define('lit-case-variables-tab-cell', LitCaseVariablesTabCell);
225
- }
226
- //# sourceMappingURL=lit-case-variables-tab-cell.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-case-variables-tab-cell.js","sourceRoot":"","sources":["../../src/shared/lit-case-variables-tab-cell.ts"],"names":[],"mappings":"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"}
@@ -1,184 +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 { LitElement, html, css } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- import { classMap } from 'lit/directives/class-map.js';
10
- import './lit-label.js';
11
- export class LitCheckbox extends LitElement {
12
- constructor() {
13
- super(...arguments);
14
- this.id = '';
15
- this.disabled = false;
16
- this.checked = false;
17
- this.indeterminate = false;
18
- this.onChange = () => { };
19
- this.value = '';
20
- this.label = '';
21
- }
22
- // 1) Manually sync the indeterminate property on the <input>
23
- updated(changed) {
24
- super.updated(changed);
25
- const input = this.renderRoot.querySelector('input[type="checkbox"]');
26
- if (input) {
27
- input.indeterminate = this.indeterminate;
28
- }
29
- }
30
- // 2) Intercept clicks when we're indeterminate
31
- _onClick(e) {
32
- if (this.indeterminate) {
33
- // prevent the browser from toggling .checked for us
34
- e.preventDefault();
35
- // clear the “?” state
36
- this.indeterminate = false;
37
- // and leave this.checked as it was (false)
38
- // now fire your change callback
39
- this._notifyChange(e);
40
- }
41
- // otherwise let the native click toggle .checked, and @change will fire
42
- }
43
- // 3) Handle the native change event when not indeterminate
44
- _onChange(e) {
45
- // update our controlled prop
46
- this.checked = e.target.checked;
47
- this._notifyChange(e);
48
- }
49
- _notifyChange(e) {
50
- this.dispatchEvent(new CustomEvent('change', {
51
- bubbles: true,
52
- composed: true,
53
- detail: e.target.checked,
54
- }));
55
- if (typeof this.onChange === 'function') {
56
- this.onChange(e);
57
- }
58
- }
59
- render() {
60
- return html `
61
- <div class="container">
62
- ${this.label
63
- ? html `
64
- <lit-label label="${this.label}" ?disabled=${this.disabled} .tooltip=${this.tooltip}> </lit-label>
65
- `
66
- : ''}
67
- <input
68
- id="${this.id || `checkbox-${Math.random().toString(36).substring(2, 11)}`}"
69
- class=${classMap({
70
- indeterminate: this.indeterminate,
71
- marginLeft: this.label !== '',
72
- })}
73
- type="checkbox"
74
- .checked=${this.checked}
75
- ?disabled=${this.disabled}
76
- @click=${this._onClick}
77
- @change=${this._onChange}
78
- .value=${this.value}
79
- aria-label="${this.label || 'checkbox'}"
80
- aria-checked="${this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false'}"
81
- aria-disabled="${this.disabled ? 'true' : 'false'}"
82
- />
83
- </div>
84
- `;
85
- }
86
- }
87
- LitCheckbox.styles = css `
88
- :host {
89
- display: inline-block;
90
- font-family: Inter, sans-serif;
91
- }
92
- .container {
93
- display: flex;
94
- flex-direction: column;
95
- }
96
- /* Hide the default checkbox */
97
- .marginLeft {
98
- margin-left: 0.75rem;
99
- }
100
- input[type='checkbox'] {
101
- position: relative;
102
- appearance: none;
103
- width: 20px;
104
- height: 20px;
105
- border: 1px solid var(--text-primary, #111827);
106
- border-radius: 6px;
107
- display: flex;
108
- align-items: center;
109
- justify-content: center;
110
- background-color: var(--background-paper, #fff);
111
- transition: all 0.1s ease-in-out;
112
- cursor: pointer;
113
- }
114
-
115
- input[type='checkbox'].indeterminate {
116
- background-color: var(--color-primary-main, #76b703);
117
- border-color: var(--color-primary-main, #76b703);
118
- }
119
-
120
- input[type='checkbox'].indeterminate::after {
121
- content: '−';
122
- color: var(--background-default, #111827);
123
- font-size: 16px;
124
- }
125
-
126
- /* Custom checkmark */
127
- input[type='checkbox']::after {
128
- content: '✓';
129
- color: var(--background-paper, #111827);
130
- font-size: 16px;
131
- visible: none;
132
- }
133
-
134
- /* Checked state */
135
- input[type='checkbox']:checked {
136
- background-color: var(--color-primary-main, #76b703);
137
- border-color: var(--color-primary-main, #76b703);
138
- }
139
-
140
- input[type='checkbox']:checked::after {
141
- visible: visibility;
142
- }
143
-
144
- /* Disabled state */
145
- input[type='checkbox']:disabled {
146
- background-color: var(--background-paper, #fff);
147
- border-color: var(--color-primary-main, #d0d3db);
148
- cursor: not-allowed;
149
- }
150
-
151
- /* Checked + Disabled state */
152
- input[type='checkbox']:checked:disabled {
153
- background-color: var(--color-primary-main, #d0d3db);
154
- border-color: var(--color-primary-disabled, #d0d3db);
155
- }
156
- `;
157
- __decorate([
158
- property({ type: String })
159
- ], LitCheckbox.prototype, "id", void 0);
160
- __decorate([
161
- property({ type: Boolean })
162
- ], LitCheckbox.prototype, "disabled", void 0);
163
- __decorate([
164
- property({ type: Boolean })
165
- ], LitCheckbox.prototype, "checked", void 0);
166
- __decorate([
167
- property({ type: Boolean })
168
- ], LitCheckbox.prototype, "indeterminate", void 0);
169
- __decorate([
170
- property({ type: Function })
171
- ], LitCheckbox.prototype, "onChange", void 0);
172
- __decorate([
173
- property({ type: String })
174
- ], LitCheckbox.prototype, "value", void 0);
175
- __decorate([
176
- property({ type: String })
177
- ], LitCheckbox.prototype, "label", void 0);
178
- __decorate([
179
- property({ type: String })
180
- ], LitCheckbox.prototype, "tooltip", void 0);
181
- if (!window.customElements.get('lit-checkbox')) {
182
- window.customElements.define('lit-checkbox', LitCheckbox);
183
- }
184
- //# sourceMappingURL=lit-checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-checkbox.js","sourceRoot":"","sources":["../../src/shared/lit-checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,gBAAgB,CAAC;AACxB,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAuEgC,OAAE,GAAG,EAAE,CAAC;QACP,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChB,kBAAa,GAAG,KAAK,CAAC;QACrB,aAAQ,GAAuB,GAAG,EAAE,GAAE,CAAC,CAAC;QAC1C,UAAK,GAAG,EAAE,CAAC;QACX,UAAK,GAAG,EAAE,CAAC;IA2E3C,CAAC;IAxEG,6DAA6D;IACnD,OAAO,CAAC,OAAuB;QACrC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CACvC,wBAAwB,CACA,CAAC;QAC7B,IAAI,KAAK,EAAE,CAAC;YACR,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QAC7C,CAAC;IACL,CAAC;IAED,+CAA+C;IACvC,QAAQ,CAAC,CAAa;QAC1B,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,oDAAoD;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,sBAAsB;YACtB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,2CAA2C;YAC3C,gCAAgC;YAChC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QACD,wEAAwE;IAC5E,CAAC;IAED,2DAA2D;IACnD,SAAS,CAAC,CAAQ;QACtB,6BAA6B;QAC7B,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC;QACtD,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAEO,aAAa,CAAC,CAAQ;QAC1B,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,QAAQ,EAAE;YACtB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAG,CAAC,CAAC,MAA2B,CAAC,OAAO;SACjD,CAAC,CACL,CAAC;QACF,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;kBAED,IAAI,CAAC,KAAK;YACR,CAAC,CAAC,IAAI,CAAA;8CACoB,IAAI,CAAC,KAAK,eAAe,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,OAAO;uBACtF;YACH,CAAC,CAAC,EAAE;;0BAEE,IAAI,CAAC,EAAE,IAAI,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;4BAClE,QAAQ,CAAC;YACb,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,UAAU,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE;SAChC,CAAC;;+BAES,IAAI,CAAC,OAAO;gCACX,IAAI,CAAC,QAAQ;6BAChB,IAAI,CAAC,QAAQ;8BACZ,IAAI,CAAC,SAAS;6BACf,IAAI,CAAC,KAAK;kCACL,IAAI,CAAC,KAAK,IAAI,UAAU;oCACtB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;qCAC7D,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;SAG5D,CAAC;IACN,CAAC;;AAtJM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqElB,AArEY,CAqEX;AAC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAS;AACP;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAkB;AACjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAiB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAuB;AACrB;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6CAAyC;AAC1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAkB;AA4EjD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;IAC7C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;AAC9D,CAAC"}
@@ -1,116 +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 { LitElement, html, css } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- import { computePosition, offset, flip, shift, } from '@floating-ui/dom';
10
- export class LitCustomPopper extends LitElement {
11
- constructor() {
12
- super(...arguments);
13
- this.open = false; // Controls opening/closing of popper
14
- this.placement = 'top-end'; // Placement of the popper
15
- this.keepMounted = false; // Keeps popper in DOM when closed
16
- this.referenceElement = null;
17
- this.popperElement = null;
18
- this.handleOutsideClick = (event) => {
19
- if (!this.open)
20
- return;
21
- const path = event.composedPath();
22
- if (!path.includes(this) &&
23
- this.referenceElement &&
24
- !path.includes(this.referenceElement)) {
25
- this.closePopper();
26
- }
27
- };
28
- }
29
- connectedCallback() {
30
- super.connectedCallback();
31
- document.addEventListener('mousedown', this.handleOutsideClick); // Add outside click listener
32
- }
33
- disconnectedCallback() {
34
- document.removeEventListener('mousedown', this.handleOutsideClick); // Remove listener on disconnect
35
- super.disconnectedCallback();
36
- }
37
- firstUpdated() {
38
- this.referenceElement = this.querySelector('[slot="reference"]');
39
- this.popperElement = this.shadowRoot.querySelector('.popper');
40
- if (!this.referenceElement || !this.popperElement) {
41
- console.error('Reference or popper element is missing!');
42
- }
43
- }
44
- updated(changedProperties) {
45
- if (changedProperties.has('open') && this.open) {
46
- this.updatePopperPosition();
47
- }
48
- }
49
- async updatePopperPosition() {
50
- if (this.referenceElement && this.popperElement) {
51
- const { x, y } = await computePosition(this.referenceElement, this.popperElement, {
52
- placement: this.placement,
53
- middleware: [offset(0), flip(), shift()],
54
- });
55
- // Adjust the width of the popper to match the reference element minus padding
56
- const adjustedWidth = this.referenceElement.offsetWidth - 12;
57
- Object.assign(this.popperElement.style, {
58
- left: `${x}px`,
59
- top: `${y}px`,
60
- width: `${adjustedWidth}px`,
61
- });
62
- }
63
- }
64
- closePopper() {
65
- this.open = false;
66
- this.dispatchEvent(new CustomEvent('close', { detail: { closedBy: 'outside' } }));
67
- }
68
- render() {
69
- return html `
70
- <slot name="reference"></slot>
71
- <div class="popper ${this.open ? 'open' : ''}">
72
- <slot name="content"></slot>
73
- </div>
74
- `;
75
- }
76
- }
77
- LitCustomPopper.styles = css `
78
- :host {
79
- display: block;
80
- position: relative;
81
- }
82
-
83
- .popper {
84
- position: absolute;
85
- min-width: max-content;
86
- width: 100%;
87
- top: 0;
88
- left: 0;
89
- background-color: var(--background-paper, #fff);
90
- border-radius: 0.5rem;
91
- padding: 0.375rem;
92
- box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
93
- z-index: 9999;
94
- display: none;
95
- opacity: 0;
96
- transition: opacity 0.2s ease-in-out;
97
- }
98
-
99
- .popper.open {
100
- display: block;
101
- opacity: 1;
102
- }
103
- `;
104
- __decorate([
105
- property({ type: Boolean })
106
- ], LitCustomPopper.prototype, "open", void 0);
107
- __decorate([
108
- property({ type: String })
109
- ], LitCustomPopper.prototype, "placement", void 0);
110
- __decorate([
111
- property({ type: Boolean })
112
- ], LitCustomPopper.prototype, "keepMounted", void 0);
113
- if (!window.customElements.get('lit-custom-popper')) {
114
- window.customElements.define('lit-custom-popper', LitCustomPopper);
115
- }
116
- //# sourceMappingURL=lit-custom-popper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-custom-popper.js","sourceRoot":"","sources":["../../src/shared/lit-custom-popper.ts"],"names":[],"mappings":"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"}