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,103 +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-element';
8
- import { property } from 'lit/decorators.js';
9
- import './lit-icon.js';
10
- import { tooltip } from './simple-tooltip.js';
11
- import './lit-icon-button.js';
12
- export class LitLabel extends LitElement {
13
- constructor() {
14
- super(...arguments);
15
- this.label = '';
16
- this.disabled = false;
17
- this.error = false;
18
- this.required = false;
19
- }
20
- render() {
21
- const labelClass = [
22
- 'label',
23
- this.error ? 'error' : '',
24
- this.disabled ? 'disabled' : '',
25
- this.required ? 'required' : '',
26
- ].join(' ');
27
- return html `
28
- ${this.label
29
- ? html `
30
- <div class="label-container" style="display: flex; align-items: center;">
31
- ${this.required
32
- ? html `<lit-icon
33
- icon="requiredFilled"
34
- size="0.625rem"
35
- style="transform: translate(1px, -2px); color: var(--color-error-main, #d32f2f);"
36
- @tooltip=${tooltip(this.tooltip, 'left')}
37
- ></lit-icon>`
38
- : ''}
39
- <label class="${labelClass}">
40
- ${this.label}
41
- ${this.tooltip
42
- ? html `<lit-icon
43
- icon="help2"
44
- size="1rem"
45
- style="top:0.0625rem"
46
- @tooltip=${tooltip(this.tooltip, 'left')}
47
- ></lit-icon>`
48
- : ''}
49
- </label>
50
- </div>
51
- `
52
- : ''}
53
- </div>
54
- `;
55
- }
56
- }
57
- LitLabel.styles = css `
58
- :host {
59
- display: block;
60
- font-family: inherit;
61
- }
62
- .label {
63
- font-size: 1rem;
64
- margin-left: 0.875rem;
65
- color: var(--text-secondary, #777);
66
- font-weight: 500;
67
- font-size: 0.875rem;
68
- line-height: 160%;
69
- letter-spacing: 0rem;
70
- display: flex;
71
- align-items: center;
72
- gap: 0.625rem;
73
- }
74
- .label.error {
75
- color: var(--color-error-main, #d32f2f);
76
- }
77
- .label.disabled {
78
- color: var(--text-disabled, #b0b0b0);
79
- cursor: not-allowed;
80
- }
81
- .label.required {
82
- margin-left: 0.5rem;
83
- }
84
- `;
85
- __decorate([
86
- property({ type: String })
87
- ], LitLabel.prototype, "label", void 0);
88
- __decorate([
89
- property({ type: String })
90
- ], LitLabel.prototype, "tooltip", void 0);
91
- __decorate([
92
- property({ type: Boolean })
93
- ], LitLabel.prototype, "disabled", void 0);
94
- __decorate([
95
- property({ type: Boolean })
96
- ], LitLabel.prototype, "error", void 0);
97
- __decorate([
98
- property({ type: Boolean })
99
- ], LitLabel.prototype, "required", void 0);
100
- if (!window.customElements.get('lit-label')) {
101
- window.customElements.define('lit-label', LitLabel);
102
- }
103
- //# sourceMappingURL=lit-label.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-label.js","sourceRoot":"","sources":["../../src/shared/lit-label.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAC9B,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QACgC,UAAK,GAAG,EAAE,CAAC;QAEV,aAAQ,GAAG,KAAK,CAAC;QACjB,UAAK,GAAG,KAAK,CAAC;QACd,aAAQ,GAAG,KAAK,CAAC;IAsElD,CAAC;IAvCG,MAAM;QACF,MAAM,UAAU,GAAG;YACf,OAAO;YACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAClC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEZ,OAAO,IAAI,CAAA;cAEH,IAAI,CAAC,KAAK;YACN,CAAC,CAAC,IAAI,CAAA;;gCAEM,IAAI,CAAC,QAAQ;gBACX,CAAC,CAAC,IAAI,CAAA;;;;mDAIW,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;iDAC/B;gBACf,CAAC,CAAC,EAAE;8CACQ,UAAU;oCACpB,IAAI,CAAC,KAAK;oCACV,IAAI,CAAC,OAAO;gBACV,CAAC,CAAC,IAAI,CAAA;;;;uDAIW,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;qDAC/B;gBACf,CAAC,CAAC,EAAE;;;uBAGnB;YACH,CAAC,CAAC,EACV;;SAEH,CAAC;IACN,CAAC;;AAnEM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BlB,AA3BY,CA2BX;AAjC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAkB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAkB;AACjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCAAe;AACd;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAkB;AAwElD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IAC1C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC"}
@@ -1,68 +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
- //components
10
- import './lit-icon.js';
11
- export class LitLoader extends LitElement {
12
- constructor() {
13
- super(...arguments);
14
- this.size = 'medium';
15
- }
16
- render() {
17
- return html `<div class="loader-container">
18
- <div class="loader loader--${this.size}"></div>
19
- </div> `;
20
- }
21
- }
22
- LitLoader.styles = css `
23
- /* Loader */
24
- .loader-container {
25
- display: flex;
26
- justify-content: center;
27
- align-items: center;
28
- top: 0;
29
- left: 0;
30
- width: 100%;
31
- height: 100%;
32
- border-radius: 0.75rem;
33
- }
34
-
35
- .loader {
36
- border-radius: 50%;
37
- animation: spin 1s linear infinite;
38
- }
39
- .loader--small {
40
- width: 10px;
41
- height: 10px;
42
- border: 1px solid #ccc;
43
- border-top: 1px solid var(--color-primary-main, #76b703);
44
- }
45
-
46
- .loader--medium {
47
- width: 40px;
48
- height: 40px;
49
- border: 4px solid #ccc;
50
- border-top: 4px solid var(--color-primary-main, #76b703);
51
- }
52
-
53
- @keyframes spin {
54
- 0% {
55
- transform: rotate(0deg);
56
- }
57
- 100% {
58
- transform: rotate(360deg);
59
- }
60
- }
61
- `;
62
- __decorate([
63
- property({ type: String })
64
- ], LitLoader.prototype, "size", void 0);
65
- if (!window.customElements.get('lit-loader')) {
66
- window.customElements.define('lit-loader', LitLoader);
67
- }
68
- //# sourceMappingURL=lit-loader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-loader.js","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACgC,SAAI,GAAwB,QAAQ,CAAC;IA+CrE,CAAC;IALG,MAAM;QACF,OAAO,IAAI,CAAA;yCACsB,IAAI,CAAC,IAAI;gBAClC,CAAC;IACb,CAAC;;AA7CM,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuClB,AAvCY,CAuCX;AAxC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAsC;AAiDrE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;IAC3C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAC1D,CAAC"}
@@ -1,91 +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
- //components
10
- import './lit-icon.js';
11
- export class LitLoadingBar extends LitElement {
12
- render() {
13
- return html `
14
- <div class="progress-root">
15
- <div class="bar bar1Indeterminate"></div>
16
- <div class="bar bar2Indeterminate"></div>
17
- </div>
18
- `;
19
- }
20
- }
21
- LitLoadingBar.styles = css `
22
- .progress-root {
23
- position: relative;
24
- bottom: 0;
25
- left: 0;
26
- overflow: hidden;
27
- display: block;
28
- width: 100%;
29
- height: 0.125rem;
30
- background-color: var(--color-primary-light, #f0fadf);
31
- box-sizing: border-box;
32
- }
33
- /* Prvá animovaná "vlna" */
34
-
35
- .bar1Indeterminate {
36
- animation: mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
37
- }
38
-
39
- /* Druhá animovaná "vlna" (oneskorená) */
40
-
41
- .bar2Indeterminate {
42
- animation: mui-indeterminate2 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
43
- animation-delay: 1.05s;
44
- }
45
-
46
- @keyframes mui-indeterminate1 {
47
- 0% {
48
- left: -35%;
49
- right: 100%;
50
- }
51
- 60% {
52
- left: 100%;
53
- right: -90%;
54
- }
55
- 100% {
56
- left: 100%;
57
- right: -90%;
58
- }
59
- }
60
-
61
- @keyframes mui-indeterminate2 {
62
- 0% {
63
- left: -200%;
64
- right: 100%;
65
- }
66
- 60% {
67
- left: 107%;
68
- right: -8%;
69
- }
70
- 100% {
71
- left: 107%;
72
- right: -8%;
73
- }
74
- }
75
- .bar {
76
- position: absolute;
77
- height: 100%;
78
- display: block;
79
- background-color: var(--color-primary-main, #76b703);
80
- width: auto;
81
- will-change: left, right;
82
- box-sizing: border-box;
83
- }
84
- `;
85
- __decorate([
86
- property({ type: String })
87
- ], LitLoadingBar.prototype, "isLoading", void 0);
88
- if (!window.customElements.get('lit-loading-bar')) {
89
- window.customElements.define('lit-loading-bar', LitLoadingBar);
90
- }
91
- //# sourceMappingURL=lit-loading-bar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-loading-bar.js","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AASvB,MAAM,OAAO,aAAc,SAAQ,UAAU;IAoEzC,MAAM;QACF,OAAO,IAAI,CAAA;;;;;SAKV,CAAC;IACN,CAAC;;AA1EM,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DlB,CAAC;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAoB;AAYnD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAChD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AACnE,CAAC"}
@@ -1,98 +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 { classMap } from 'lit/directives/class-map.js';
9
- import { property } from 'lit/decorators.js';
10
- //components
11
- import './lit-icon.js';
12
- export class LitMenuItem extends LitElement {
13
- constructor() {
14
- super(...arguments);
15
- this.disabled = false;
16
- this.isActive = false;
17
- this.isSelected = false;
18
- }
19
- handleClick(e) {
20
- if (this.onClick) {
21
- this.onClick(e);
22
- }
23
- }
24
- render() {
25
- const classes = {
26
- disabled: this.disabled || false,
27
- isActive: this.isActive || false,
28
- isSelected: this.isSelected || false,
29
- };
30
- return html `
31
- <li class=${classMap(classes)} @click="${this.handleClick}">
32
- ${this.icon
33
- ? html ` <lit-icon
34
- icon=${this.icon}
35
- size="1.125rem"
36
- style=" margin-right: 10px;"
37
- ></lit-icon>`
38
- : ''}
39
- <div class="item-label"><slot></slot></div>
40
- </li>
41
- `;
42
- }
43
- }
44
- LitMenuItem.styles = css `
45
- li {
46
- display: flex;
47
- align-items: center;
48
- padding: 0.25rem;
49
- cursor: pointer;
50
- transition: background 0.2s;
51
- border-radius: 0.25rem;
52
- min-height: 1.25rem;
53
- }
54
- li:hover {
55
- background: var(--color-primary-light, #f0f0f0);
56
- }
57
- .item-label {
58
- overflow: hidden;
59
- text-overflow: ellipsis;
60
- white-space: nowrap;
61
- font-size: 13px;
62
- font-weight: 500;
63
- width: 100%;
64
- }
65
- .disabled {
66
- opacity: 0.5;
67
- pointer-events: none;
68
- }
69
- .isSelected {
70
- background: var(--color-primary-main, #f0f0f0);
71
- color: #fff;
72
- }
73
- li.isSelected:hover {
74
- background: var(--color-primary-dark, #d0d0d0);
75
- }
76
- .isActive {
77
- background: var(--color-primary-light, #f0f0f0);
78
- }
79
- `;
80
- __decorate([
81
- property({ type: String })
82
- ], LitMenuItem.prototype, "icon", void 0);
83
- __decorate([
84
- property({ type: Function })
85
- ], LitMenuItem.prototype, "onClick", void 0);
86
- __decorate([
87
- property({ type: Boolean })
88
- ], LitMenuItem.prototype, "disabled", void 0);
89
- __decorate([
90
- property({ type: Boolean })
91
- ], LitMenuItem.prototype, "isActive", void 0);
92
- __decorate([
93
- property({ type: Boolean })
94
- ], LitMenuItem.prototype, "isSelected", void 0);
95
- if (!window.customElements.get('lit-menu-item')) {
96
- window.customElements.define('lit-menu-item', LitMenuItem);
97
- }
98
- //# sourceMappingURL=lit-menu-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-menu-item.js","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUvB,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAwCiC,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;QAC3B,eAAU,GAAa,KAAK,CAAC;IA2B9D,CAAC;IAzBW,WAAW,CAAC,CAAa;QAC7B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK;SACvC,CAAC;QACF,OAAO,IAAI,CAAA;wBACK,QAAQ,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW;kBACnD,IAAI,CAAC,IAAI;YACP,CAAC,CAAC,IAAI,CAAA;iCACO,IAAI,CAAC,IAAI;;;mCAGP;YACf,CAAC,CAAC,EAAE;;;SAGf,CAAC;IACN,CAAC;;AAnEM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmClB,AAnCY,CAmCX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;4CAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAA8B;AA6B9D,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;IAC9C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AAC/D,CAAC"}
@@ -1,29 +0,0 @@
1
- import { LitElement, html, css } from 'lit';
2
- export class LitMenu extends LitElement {
3
- render() {
4
- return html `
5
- <ul>
6
- <slot></slot>
7
- </ul>
8
- `;
9
- }
10
- }
11
- LitMenu.styles = css `
12
- :host {
13
- outline: none;
14
- }
15
- ul {
16
- display: flex;
17
- list-style-type: none;
18
- padding: 0;
19
- gap: 0.25rem;
20
- width: 100%;
21
- flex-direction: column;
22
- margin: 0;
23
- height: 100%;
24
- }
25
- `;
26
- if (!window.customElements.get('lit-menu')) {
27
- window.customElements.define('lit-menu', LitMenu);
28
- }
29
- //# sourceMappingURL=lit-menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-menu.js","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAgBnC,MAAM;QACF,OAAO,IAAI,CAAA;;;;SAIV,CAAC;IACN,CAAC;;AArBM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;KAclB,CAAC;AAUN,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACzC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACtD,CAAC"}
@@ -1,24 +0,0 @@
1
- import { LitElement, html, css } from 'lit';
2
- export class LitModalBody extends LitElement {
3
- render() {
4
- return html `<slot></slot>`;
5
- }
6
- }
7
- LitModalBody.styles = css `
8
- :host {
9
- display: block;
10
- overflow-y: auto;
11
- padding: 0.5rem 0.75rem;
12
- box-sizing: border-box;
13
- height: 100vh;
14
- background-color: var(--background-paper, #fff);
15
- @media (min-width: 768px) {
16
- height: auto;
17
- max-height: 70vh;
18
- }
19
- }
20
- `;
21
- if (!window.customElements.get('lit-modal-body')) {
22
- window.customElements.define('lit-modal-body', LitModalBody);
23
- }
24
- //# sourceMappingURL=lit-modal-body.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-modal-body.js","sourceRoot":"","sources":["../../src/shared/lit-modal-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,YAAa,SAAQ,UAAU;IAgBxC,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAjBM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;KAalB,CAAC;AAON,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC/C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACjE,CAAC"}
@@ -1,21 +0,0 @@
1
- import { LitElement, html, css } from 'lit';
2
- export class LitModalFooter extends LitElement {
3
- render() {
4
- return html `<slot></slot>`;
5
- }
6
- }
7
- LitModalFooter.styles = css `
8
- :host {
9
- position: sticky;
10
- bottom: 0;
11
- background-color: var(--background-paper, #fff);
12
- padding: 0.5rem 0.75rem;
13
- z-index: 10;
14
- padding: 0.5rem 0.75rem;
15
- border-top: 1px solid var(--color-divider, #e0e0e0);
16
- }
17
- `;
18
- if (!window.customElements.get('lit-modal-footer')) {
19
- window.customElements.define('lit-modal-footer', LitModalFooter);
20
- }
21
- //# sourceMappingURL=lit-modal-footer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-modal-footer.js","sourceRoot":"","sources":["../../src/shared/lit-modal-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,OAAO,cAAe,SAAQ,UAAU;IAa1C,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAdM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,CAAC;AAON,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACjD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACrE,CAAC"}
@@ -1,34 +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
- export class LitModalHeader extends LitElement {
10
- constructor() {
11
- super(...arguments);
12
- this.title = '';
13
- }
14
- render() {
15
- return html ` <slot></slot> `;
16
- }
17
- }
18
- LitModalHeader.styles = css `
19
- :host {
20
- position: sticky;
21
- top: 0;
22
- z-index: 10;
23
- background-color: var(--background-paper, #fff);
24
- border-bottom: 1px solid var(--color-divider, #e0e0e0);
25
- padding: 0.5rem 0.75rem;
26
- }
27
- `;
28
- __decorate([
29
- property({ type: String })
30
- ], LitModalHeader.prototype, "title", void 0);
31
- if (!window.customElements.get('lit-modal-header')) {
32
- window.customElements.define('lit-modal-header', LitModalHeader);
33
- }
34
- //# sourceMappingURL=lit-modal-header.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lit-modal-header.js","sourceRoot":"","sources":["../../src/shared/lit-modal-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACgC,UAAK,GAAG,EAAE,CAAC;IAgB3C,CAAC;IAHG,MAAM;QACF,OAAO,IAAI,CAAA,iBAAiB,CAAC;IACjC,CAAC;;AAbM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;KASlB,AATY,CASX;AAX0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAY;AAkB3C,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACjD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACrE,CAAC"}
@@ -1,168 +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
- export class LitModal extends LitElement {
10
- constructor() {
11
- super(...arguments);
12
- this.open = false;
13
- this.closeOnOutsideClick = true;
14
- this.fullScreen = false;
15
- this._modalContainer = null;
16
- this._modalContent = null;
17
- }
18
- connectedCallback() {
19
- super.connectedCallback();
20
- document.addEventListener('keydown', this._handleKeyDown.bind(this));
21
- }
22
- disconnectedCallback() {
23
- super.disconnectedCallback();
24
- document.removeEventListener('keydown', this._handleKeyDown.bind(this));
25
- }
26
- updated(changed) {
27
- if (changed.has('open')) {
28
- if (this.open) {
29
- this._showModal();
30
- }
31
- else {
32
- this._hideModal();
33
- }
34
- }
35
- }
36
- _handleBackdropClick() {
37
- if (this.closeOnOutsideClick) {
38
- this.open = false;
39
- }
40
- }
41
- _showModal() {
42
- if (!this._modalContainer) {
43
- this._modalContainer = document.createElement('div');
44
- this._modalContainer.classList.add('my-modal-root');
45
- this._modalContainer.innerHTML = `
46
- <div class="my-modal-backdrop"></div>
47
- <div class="my-modal-content"></div>
48
- `;
49
- document.body.appendChild(this._modalContainer);
50
- const backdrop = this._modalContainer.querySelector('.my-modal-backdrop');
51
- if (backdrop) {
52
- backdrop.addEventListener('click', this._handleBackdropClick.bind(this));
53
- }
54
- this._modalContent = this._modalContainer.querySelector('.my-modal-content');
55
- }
56
- if (this._modalContent) {
57
- this._updateContentClass();
58
- this._modalContent.appendChild(this);
59
- }
60
- document.addEventListener('keydown', this._handleKeyDown);
61
- this._applyGlobalStyles();
62
- }
63
- _hideModal() {
64
- if (this._modalContainer) {
65
- document.removeEventListener('keydown', this._handleKeyDown);
66
- this._modalContainer.remove();
67
- this._modalContainer = null;
68
- }
69
- if (typeof this.onClose === 'function')
70
- this.onClose();
71
- this.dispatchEvent(new CustomEvent('modal-close', { bubbles: true, composed: true }));
72
- }
73
- _handleKeyDown(e) {
74
- if (e.key === 'Escape') {
75
- this.open = false;
76
- }
77
- }
78
- _updateContentClass() {
79
- if (this._modalContent) {
80
- if (this.fullScreen) {
81
- this._modalContent.classList.add('fullscreen');
82
- }
83
- else {
84
- this._modalContent.classList.remove('fullscreen');
85
- }
86
- }
87
- }
88
- _applyGlobalStyles() {
89
- if (!document.getElementById('my-modal-global-styles')) {
90
- const style = document.createElement('style');
91
- style.id = 'my-modal-global-styles';
92
- style.textContent = `
93
- .my-modal-root {
94
- position: fixed;
95
- top: 0; left: 0; right: 0; bottom: 0;
96
- z-index: 10000;
97
- display: flex;
98
- align-items: center;
99
- justify-content: center;
100
- }
101
- .my-modal-backdrop {
102
- position: absolute;
103
- top: 0; left: 0; right: 0; bottom: 0;
104
- background: rgba(0,0,0,0.5);
105
- }
106
- .my-modal-content {
107
- position: relative;
108
- background: var(--background-paper, #fff);
109
- border-radius: 12px;
110
- min-width: 40vw;
111
- max-width: 90vw;
112
- max-height: 90vh;
113
- z-index: 1;
114
- box-shadow: 0 8px 32px rgba(0,0,0,0.2);
115
- display: flex;
116
- flex-direction: column;
117
- justify-content: center;
118
- align-items: center;
119
- overflow: hidden;
120
- gap: 0.5rem;
121
-
122
- }
123
- .my-modal-content.fullscreen {
124
- border-radius: 0;
125
- width: 100vw;
126
- height: 100vh;
127
- max-width: 100vw;
128
- max-height: 100vh;
129
- padding: 0;
130
- display: flex;
131
- }
132
- `;
133
- document.head.appendChild(style);
134
- }
135
- }
136
- render() {
137
- return html `<slot></slot>`;
138
- }
139
- }
140
- LitModal.styles = css `
141
- :host {
142
- display: none;
143
- width: 100%;
144
- height: 100vh;
145
- @media (min-width: 768px) {
146
- height: 100%;
147
- }
148
- }
149
- :host([open]) {
150
- display: block;
151
- }
152
- `;
153
- __decorate([
154
- property({ type: Boolean, reflect: true })
155
- ], LitModal.prototype, "open", void 0);
156
- __decorate([
157
- property({ type: Boolean })
158
- ], LitModal.prototype, "closeOnOutsideClick", void 0);
159
- __decorate([
160
- property({ type: Function })
161
- ], LitModal.prototype, "onClose", void 0);
162
- __decorate([
163
- property({ type: Boolean })
164
- ], LitModal.prototype, "fullScreen", void 0);
165
- if (!window.customElements.get('lit-modal')) {
166
- window.customElements.define('lit-modal', LitModal);
167
- }
168
- //# sourceMappingURL=lit-modal.js.map