overview-components 1.0.79 → 1.0.80

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/assets/generated/locales/de.js +70 -72
  2. package/dist/assets/generated/locales/de.js.map +1 -0
  3. package/dist/assets/generated/locales/en.js +70 -72
  4. package/dist/assets/generated/locales/en.js.map +1 -0
  5. package/dist/assets/generated/locales/fr.js +70 -72
  6. package/dist/assets/generated/locales/fr.js.map +1 -0
  7. package/dist/assets/generated/locales/hr.js +70 -72
  8. package/dist/assets/generated/locales/hr.js.map +1 -0
  9. package/dist/assets/generated/locales/it.js +70 -72
  10. package/dist/assets/generated/locales/it.js.map +1 -0
  11. package/dist/assets/generated/locales/pl.js +70 -72
  12. package/dist/assets/generated/locales/pl.js.map +1 -0
  13. package/dist/assets/generated/locales/ro.js +70 -72
  14. package/dist/assets/generated/locales/ro.js.map +1 -0
  15. package/dist/assets/generated/locales/sk.js +70 -72
  16. package/dist/assets/generated/locales/sk.js.map +1 -0
  17. package/dist/assets/generated/locales/sr.js +70 -72
  18. package/dist/assets/generated/locales/sr.js.map +1 -0
  19. package/dist/assets/icons/iconGlyphs.js +678 -679
  20. package/dist/assets/icons/iconGlyphs.js.map +1 -0
  21. package/dist/assets/illustration/delete-illustration.js +96 -0
  22. package/dist/assets/illustration/delete-illustration.js.map +1 -0
  23. package/dist/assets/illustration/no-content.js +167 -0
  24. package/dist/assets/illustration/no-content.js.map +1 -0
  25. package/dist/assets/illustration/no-preview.js +133 -0
  26. package/dist/assets/illustration/no-preview.js.map +1 -0
  27. package/dist/assets/illustration/not-found.js +106 -0
  28. package/dist/assets/illustration/not-found.js.map +1 -0
  29. package/dist/assets/illustration/settings-illustration.js +176 -0
  30. package/dist/assets/illustration/settings-illustration.js.map +1 -0
  31. package/dist/components/components-settings/attachments-tab-settings.js +226 -0
  32. package/dist/components/components-settings/attachments-tab-settings.js.map +1 -0
  33. package/dist/components/components-settings/data-grid-settings.js +318 -0
  34. package/dist/components/components-settings/data-grid-settings.js.map +1 -0
  35. package/dist/components/components-settings/section-tab-settings.js +269 -0
  36. package/dist/components/components-settings/section-tab-settings.js.map +1 -0
  37. package/dist/components/components-settings/tabs-overview-settings.js +439 -0
  38. package/dist/components/components-settings/tabs-overview-settings.js.map +1 -0
  39. package/dist/components/lit-attachments-tab.js +432 -271
  40. package/dist/components/lit-attachments-tab.js.map +1 -0
  41. package/dist/components/lit-badge.js +40 -40
  42. package/dist/components/lit-badge.js.map +1 -0
  43. package/dist/components/lit-case-variables-tab.js +497 -382
  44. package/dist/components/lit-case-variables-tab.js.map +1 -0
  45. package/dist/components/lit-chart.js +406 -378
  46. package/dist/components/lit-chart.js.map +1 -0
  47. package/dist/components/lit-data-grid-tanstack.js +1663 -1150
  48. package/dist/components/lit-data-grid-tanstack.js.map +1 -0
  49. package/dist/components/lit-filter-modal.js +230 -198
  50. package/dist/components/lit-filter-modal.js.map +1 -0
  51. package/dist/components/lit-multiselect-item.js +477 -301
  52. package/dist/components/lit-multiselect-item.js.map +1 -0
  53. package/dist/components/lit-section-tab.js +85 -73
  54. package/dist/components/lit-section-tab.js.map +1 -0
  55. package/dist/components/lit-tabs-overview.js +232 -191
  56. package/dist/components/lit-tabs-overview.js.map +1 -0
  57. package/dist/components/modals/lit-confirm-modal.js +120 -0
  58. package/dist/components/modals/lit-confirm-modal.js.map +1 -0
  59. package/dist/components/modals/lit-delete-modal.js +128 -0
  60. package/dist/components/modals/lit-delete-modal.js.map +1 -0
  61. package/dist/components/react-wrappers/attachments-tab.js +8 -13
  62. package/dist/components/react-wrappers/attachments-tab.js.map +1 -0
  63. package/dist/components/react-wrappers/badge.js +8 -13
  64. package/dist/components/react-wrappers/badge.js.map +1 -0
  65. package/dist/components/react-wrappers/button.js +8 -13
  66. package/dist/components/react-wrappers/button.js.map +1 -0
  67. package/dist/components/react-wrappers/case-variables-tab.js +8 -13
  68. package/dist/components/react-wrappers/case-variables-tab.js.map +1 -0
  69. package/dist/components/react-wrappers/chart.js +8 -13
  70. package/dist/components/react-wrappers/chart.js.map +1 -0
  71. package/dist/components/react-wrappers/data-grid-tanstack.js +8 -13
  72. package/dist/components/react-wrappers/data-grid-tanstack.js.map +1 -0
  73. package/dist/components/react-wrappers/filter-modal.js +8 -13
  74. package/dist/components/react-wrappers/filter-modal.js.map +1 -0
  75. package/dist/components/react-wrappers/progress-bar.js +8 -13
  76. package/dist/components/react-wrappers/progress-bar.js.map +1 -0
  77. package/dist/components/react-wrappers/section-tab.js +8 -13
  78. package/dist/components/react-wrappers/section-tab.js.map +1 -0
  79. package/dist/components/react-wrappers/tabs-overview.js +8 -13
  80. package/dist/components/react-wrappers/tabs-overview.js.map +1 -0
  81. package/dist/data/translations.js +2763 -0
  82. package/dist/data/translations.js.map +1 -0
  83. package/dist/index.js +107 -113
  84. package/dist/index.js.map +1 -0
  85. package/dist/schemas/index.js +17 -0
  86. package/dist/schemas/index.js.map +1 -0
  87. package/dist/schemas/lit-attachments-tab-document.schema.js +20 -0
  88. package/dist/schemas/lit-attachments-tab-document.schema.js.map +1 -0
  89. package/dist/schemas/lit-attachments-tab-settings-value.schema.js +15 -0
  90. package/dist/schemas/lit-attachments-tab-settings-value.schema.js.map +1 -0
  91. package/dist/schemas/lit-attachments-tab.schema.js +32 -0
  92. package/dist/schemas/lit-attachments-tab.schema.js.map +1 -0
  93. package/dist/schemas/lit-case-variables-tab-cell.schema.js +43 -0
  94. package/dist/schemas/lit-case-variables-tab-cell.schema.js.map +1 -0
  95. package/dist/schemas/lit-case-variables-tab-rows.schema.js +6 -0
  96. package/dist/schemas/lit-case-variables-tab-rows.schema.js.map +1 -0
  97. package/dist/schemas/lit-case-variables-tab.schema.js +24 -0
  98. package/dist/schemas/lit-case-variables-tab.schema.js.map +1 -0
  99. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js +6 -0
  100. package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js.map +1 -0
  101. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js +6 -0
  102. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js.map +1 -0
  103. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js +11 -0
  104. package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js.map +1 -0
  105. package/dist/schemas/lit-data-grid-tanstack-column.schema.js +55 -0
  106. package/dist/schemas/lit-data-grid-tanstack-column.schema.js.map +1 -0
  107. package/dist/schemas/lit-data-grid-tanstack.schema.js +99 -0
  108. package/dist/schemas/lit-data-grid-tanstack.schema.js.map +1 -0
  109. package/dist/schemas/lit-section-tab-schema.js +24 -0
  110. package/dist/schemas/lit-section-tab-schema.js.map +1 -0
  111. package/dist/schemas/lit-tabs-overview-tab-array.schema.js +6 -0
  112. package/dist/schemas/lit-tabs-overview-tab-array.schema.js.map +1 -0
  113. package/dist/schemas/lit-tabs-overview-tab.schema.js +32 -0
  114. package/dist/schemas/lit-tabs-overview-tab.schema.js.map +1 -0
  115. package/dist/schemas/lit-tabs-overview.schema.js +29 -0
  116. package/dist/schemas/lit-tabs-overview.schema.js.map +1 -0
  117. package/dist/scripts/translate-locales.js +69 -0
  118. package/dist/scripts/translate-locales.js.map +1 -0
  119. package/dist/shared/filter-inputs.js +335 -234
  120. package/dist/shared/filter-inputs.js.map +1 -0
  121. package/dist/shared/lit-button.js +80 -66
  122. package/dist/shared/lit-button.js.map +1 -0
  123. package/dist/shared/lit-case-variables-tab-cell.js +127 -108
  124. package/dist/shared/lit-case-variables-tab-cell.js.map +1 -0
  125. package/dist/shared/lit-checkbox.js +94 -78
  126. package/dist/shared/lit-checkbox.js.map +1 -0
  127. package/dist/shared/lit-custom-popper.js +84 -66
  128. package/dist/shared/lit-custom-popper.js.map +1 -0
  129. package/dist/shared/lit-data-grid-action-buttons-popover.js +178 -141
  130. package/dist/shared/lit-data-grid-action-buttons-popover.js.map +1 -0
  131. package/dist/shared/lit-data-grid-density-popover.js +54 -49
  132. package/dist/shared/lit-data-grid-density-popover.js.map +1 -0
  133. package/dist/shared/lit-data-grid-export-popover.js +43 -41
  134. package/dist/shared/lit-data-grid-export-popover.js.map +1 -0
  135. package/dist/shared/lit-data-grid-operators-popover.js +90 -70
  136. package/dist/shared/lit-data-grid-operators-popover.js.map +1 -0
  137. package/dist/shared/lit-data-grid-row-actions.js +54 -51
  138. package/dist/shared/lit-data-grid-row-actions.js.map +1 -0
  139. package/dist/shared/lit-date-picker.js +451 -370
  140. package/dist/shared/lit-date-picker.js.map +1 -0
  141. package/dist/shared/lit-icon-button.js +66 -52
  142. package/dist/shared/lit-icon-button.js.map +1 -0
  143. package/dist/shared/lit-icon.js +261 -259
  144. package/dist/shared/lit-icon.js.map +1 -0
  145. package/dist/shared/lit-input.js +143 -115
  146. package/dist/shared/lit-input.js.map +1 -0
  147. package/dist/shared/lit-label.js +63 -55
  148. package/dist/shared/lit-label.js.map +1 -0
  149. package/dist/shared/lit-loader.js +26 -27
  150. package/dist/shared/lit-loader.js.map +1 -0
  151. package/dist/shared/lit-loading-bar.js +57 -24
  152. package/dist/shared/lit-loading-bar.js.map +1 -0
  153. package/dist/shared/lit-menu-item.js +56 -51
  154. package/dist/shared/lit-menu-item.js.map +1 -0
  155. package/dist/shared/lit-menu.js +22 -20
  156. package/dist/shared/lit-menu.js.map +1 -0
  157. package/dist/shared/lit-modal-body.js +9 -15
  158. package/dist/shared/lit-modal-body.js.map +1 -0
  159. package/dist/shared/lit-modal-footer.js +17 -20
  160. package/dist/shared/lit-modal-footer.js.map +1 -0
  161. package/dist/shared/lit-modal-header.js +24 -27
  162. package/dist/shared/lit-modal-header.js.map +1 -0
  163. package/dist/shared/lit-modal.js +112 -71
  164. package/dist/shared/lit-modal.js.map +1 -0
  165. package/dist/shared/lit-overflow-tooltip.js +86 -68
  166. package/dist/shared/lit-overflow-tooltip.js.map +1 -0
  167. package/dist/shared/lit-pill.js +39 -37
  168. package/dist/shared/lit-pill.js.map +1 -0
  169. package/dist/shared/lit-progress-bar.js +33 -35
  170. package/dist/shared/lit-progress-bar.js.map +1 -0
  171. package/dist/shared/lit-responsive-button.js +74 -64
  172. package/dist/shared/lit-responsive-button.js.map +1 -0
  173. package/dist/shared/lit-select-field.js +266 -183
  174. package/dist/shared/lit-select-field.js.map +1 -0
  175. package/dist/shared/lit-select.js +276 -202
  176. package/dist/shared/lit-select.js.map +1 -0
  177. package/dist/shared/lit-settings.js +68 -51
  178. package/dist/shared/lit-settings.js.map +1 -0
  179. package/dist/shared/lit-text-field.js +99 -82
  180. package/dist/shared/lit-text-field.js.map +1 -0
  181. package/dist/shared/lit-toggle.js +74 -65
  182. package/dist/shared/lit-toggle.js.map +1 -0
  183. package/dist/shared/lit-tooltip.js +113 -84
  184. package/dist/shared/lit-tooltip.js.map +1 -0
  185. package/dist/shared/simple-popper.js +229 -149
  186. package/dist/shared/simple-popper.js.map +1 -0
  187. package/dist/shared/simple-tooltip.js +198 -124
  188. package/dist/shared/simple-tooltip.js.map +1 -0
  189. package/dist/shared/styles/button-shared-styles.js +4 -8
  190. package/dist/shared/styles/button-shared-styles.js.map +1 -0
  191. package/dist/styles.js +3 -8
  192. package/dist/styles.js.map +1 -0
  193. package/dist/utils/currency.js +15 -12
  194. package/dist/utils/currency.js.map +1 -0
  195. package/dist/utils/custom-filters.js +80 -46
  196. package/dist/utils/custom-filters.js.map +1 -0
  197. package/dist/utils/date.js +21 -14
  198. package/dist/utils/date.js.map +1 -0
  199. package/dist/utils/getOperatorByType.js +65 -51
  200. package/dist/utils/getOperatorByType.js.map +1 -0
  201. package/dist/utils/getOverviewValue.js +177 -0
  202. package/dist/utils/getOverviewValue.js.map +1 -0
  203. package/dist/utils/localization.js +429 -412
  204. package/dist/utils/localization.js.map +1 -0
  205. package/dist/utils/utils.js +12 -10
  206. package/dist/utils/utils.js.map +1 -0
  207. package/dist/utils/validate-json-schema.js +8 -0
  208. package/dist/utils/validate-json-schema.js.map +1 -0
  209. package/dist/validators/validator.js +7 -0
  210. package/dist/validators/validator.js.map +1 -0
  211. package/package.json +2 -2
@@ -1,71 +1,88 @@
1
- import "../node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as p } from "../node_modules/lit-html/lit-html.js";
3
- import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
4
- import { customElement as h } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as o } from "../node_modules/@lit/reactive-element/decorators/property.js";
6
- import { classMap as b } from "../node_modules/lit-html/directives/class-map.js";
7
- import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
8
- var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (e, i, c, n) => {
9
- for (var r = n > 1 ? void 0 : n ? f(i, c) : i, s = e.length - 1, l; s >= 0; s--)
10
- (l = e[s]) && (r = (n ? l(i, c, r) : l(r)) || r);
11
- return n && r && u(i, c, r), r;
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;
12
6
  };
13
- let t = class extends d {
14
- constructor() {
15
- super(...arguments), this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.onChange = () => {
16
- }, this.value = "", this.label = "";
17
- }
18
- // 1) Manually sync the indeterminate property on the <input>
19
- updated(e) {
20
- super.updated(e);
21
- const i = this.renderRoot.querySelector(
22
- 'input[type="checkbox"]'
23
- );
24
- i && (i.indeterminate = this.indeterminate);
25
- }
26
- // 2) Intercept clicks when we're indeterminate
27
- _onClick(e) {
28
- this.indeterminate && (e.preventDefault(), this.indeterminate = !1, this._notifyChange(e));
29
- }
30
- // 3) Handle the native change event when not indeterminate
31
- _onChange(e) {
32
- this.checked = e.target.checked, this._notifyChange(e);
33
- }
34
- _notifyChange(e) {
35
- this.dispatchEvent(
36
- new CustomEvent("change", {
37
- bubbles: !0,
38
- composed: !0,
39
- detail: e.target.checked
40
- })
41
- ), typeof this.onChange == "function" && this.onChange(e);
42
- }
43
- render() {
44
- return p`
7
+ import { LitElement, html, css } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { classMap } from 'lit/directives/class-map.js';
10
+ import './lit-label.js';
11
+ let LitCheckbox = class LitCheckbox extends LitElement {
12
+ constructor() {
13
+ super(...arguments);
14
+ this.disabled = false;
15
+ this.checked = false;
16
+ this.indeterminate = false;
17
+ this.onChange = () => { };
18
+ this.value = '';
19
+ this.label = '';
20
+ }
21
+ // 1) Manually sync the indeterminate property on the <input>
22
+ updated(changed) {
23
+ super.updated(changed);
24
+ const input = this.renderRoot.querySelector('input[type="checkbox"]');
25
+ if (input) {
26
+ input.indeterminate = this.indeterminate;
27
+ }
28
+ }
29
+ // 2) Intercept clicks when we're indeterminate
30
+ _onClick(e) {
31
+ if (this.indeterminate) {
32
+ // prevent the browser from toggling .checked for us
33
+ e.preventDefault();
34
+ // clear the “?” state
35
+ this.indeterminate = false;
36
+ // and leave this.checked as it was (false)
37
+ // now fire your change callback
38
+ this._notifyChange(e);
39
+ }
40
+ // otherwise let the native click toggle .checked, and @change will fire
41
+ }
42
+ // 3) Handle the native change event when not indeterminate
43
+ _onChange(e) {
44
+ // update our controlled prop
45
+ this.checked = e.target.checked;
46
+ this._notifyChange(e);
47
+ }
48
+ _notifyChange(e) {
49
+ this.dispatchEvent(new CustomEvent('change', {
50
+ bubbles: true,
51
+ composed: true,
52
+ detail: e.target.checked,
53
+ }));
54
+ if (typeof this.onChange === 'function') {
55
+ this.onChange(e);
56
+ }
57
+ }
58
+ render() {
59
+ return html `
45
60
  <div class="container">
46
- ${this.label ? p`
61
+ ${this.label
62
+ ? html `
47
63
  <lit-label label="${this.label}" ?disabled=${this.disabled}> </lit-label>
48
- ` : ""}
64
+ `
65
+ : ''}
49
66
  <input
50
- class=${b({
51
- indeterminate: this.indeterminate,
52
- marginLeft: this.label !== ""
53
- })}
67
+ class=${classMap({
68
+ indeterminate: this.indeterminate,
69
+ marginLeft: this.label !== '',
70
+ })}
54
71
  type="checkbox"
55
72
  .checked=${this.checked}
56
73
  ?disabled=${this.disabled}
57
74
  @click=${this._onClick}
58
75
  @change=${this._onChange}
59
76
  .value=${this.value}
60
- aria-label="${this.label || "checkbox"}"
61
- aria-checked="${this.indeterminate ? "mixed" : this.checked ? "true" : "false"}"
62
- aria-disabled="${this.disabled ? "true" : "false"}"
77
+ aria-label="${this.label || 'checkbox'}"
78
+ aria-checked="${this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false'}"
79
+ aria-disabled="${this.disabled ? 'true' : 'false'}"
63
80
  />
64
81
  </div>
65
82
  `;
66
- }
83
+ }
67
84
  };
68
- t.styles = m`
85
+ LitCheckbox.styles = css `
69
86
  :host {
70
87
  display: inline-block;
71
88
  font-family: Inter, sans-serif;
@@ -129,27 +146,26 @@ t.styles = m`
129
146
  cursor: not-allowed;
130
147
  }
131
148
  `;
132
- a([
133
- o({ type: Boolean })
134
- ], t.prototype, "disabled", 2);
135
- a([
136
- o({ type: Boolean })
137
- ], t.prototype, "checked", 2);
138
- a([
139
- o({ type: Boolean })
140
- ], t.prototype, "indeterminate", 2);
141
- a([
142
- o({ type: Function })
143
- ], t.prototype, "onChange", 2);
144
- a([
145
- o({ type: String })
146
- ], t.prototype, "value", 2);
147
- a([
148
- o({ type: String })
149
- ], t.prototype, "label", 2);
150
- t = a([
151
- h("lit-checkbox")
152
- ], t);
153
- export {
154
- t as LitCheckbox
155
- };
149
+ __decorate([
150
+ property({ type: Boolean })
151
+ ], LitCheckbox.prototype, "disabled", void 0);
152
+ __decorate([
153
+ property({ type: Boolean })
154
+ ], LitCheckbox.prototype, "checked", void 0);
155
+ __decorate([
156
+ property({ type: Boolean })
157
+ ], LitCheckbox.prototype, "indeterminate", void 0);
158
+ __decorate([
159
+ property({ type: Function })
160
+ ], LitCheckbox.prototype, "onChange", void 0);
161
+ __decorate([
162
+ property({ type: String })
163
+ ], LitCheckbox.prototype, "value", void 0);
164
+ __decorate([
165
+ property({ type: String })
166
+ ], LitCheckbox.prototype, "label", void 0);
167
+ LitCheckbox = __decorate([
168
+ customElement('lit-checkbox')
169
+ ], LitCheckbox);
170
+ export { LitCheckbox };
171
+ //# sourceMappingURL=lit-checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-checkbox.js","sourceRoot":"","sources":["../../src/shared/lit-checkbox.ts"],"names":[],"mappings":"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"}
@@ -1,61 +1,80 @@
1
- import "../node_modules/@lit/reactive-element/reactive-element.js";
2
- import { html as c } from "../node_modules/lit-html/lit-html.js";
3
- import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
4
- import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
5
- import { property as a } from "../node_modules/@lit/reactive-element/decorators/property.js";
6
- import { computePosition as h, offset as f, flip as u, shift as y } from "../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
7
- import { css as E } from "../node_modules/@lit/reactive-element/css-tag.js";
8
- var b = Object.defineProperty, v = Object.getOwnPropertyDescriptor, r = (t, e, p, n) => {
9
- for (var o = n > 1 ? void 0 : n ? v(e, p) : e, i = t.length - 1, l; i >= 0; i--)
10
- (l = t[i]) && (o = (n ? l(e, p, o) : l(o)) || o);
11
- return n && o && b(e, p, o), o;
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;
12
6
  };
13
- let s = class extends d {
14
- constructor() {
15
- super(...arguments), this.open = !1, this.placement = "top-end", this.keepMounted = !1, this.referenceElement = null, this.popperElement = null, this.handleOutsideClick = (t) => {
16
- if (!this.open) return;
17
- const e = t.composedPath();
18
- !e.includes(this) && this.referenceElement && !e.includes(this.referenceElement) && this.closePopper();
19
- };
20
- }
21
- connectedCallback() {
22
- super.connectedCallback(), document.addEventListener("mousedown", this.handleOutsideClick);
23
- }
24
- disconnectedCallback() {
25
- document.removeEventListener("mousedown", this.handleOutsideClick), super.disconnectedCallback();
26
- }
27
- firstUpdated() {
28
- this.referenceElement = this.querySelector('[slot="reference"]'), this.popperElement = this.shadowRoot.querySelector(".popper"), (!this.referenceElement || !this.popperElement) && console.error("Reference or popper element is missing!");
29
- }
30
- updated(t) {
31
- t.has("open") && this.open && this.updatePopperPosition();
32
- }
33
- async updatePopperPosition() {
34
- if (this.referenceElement && this.popperElement) {
35
- const { x: t, y: e } = await h(this.referenceElement, this.popperElement, {
36
- placement: this.placement,
37
- middleware: [f(0), u(), y()]
38
- }), p = this.referenceElement.offsetWidth - 12;
39
- Object.assign(this.popperElement.style, {
40
- left: `${t}px`,
41
- top: `${e}px`,
42
- width: `${p}px`
43
- });
7
+ import { LitElement, html, css } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { computePosition, offset, flip, shift, } from '@floating-ui/dom';
10
+ let LitCustomPopper = 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
+ };
44
28
  }
45
- }
46
- closePopper() {
47
- this.open = !1, this.dispatchEvent(new CustomEvent("close", { detail: { closedBy: "outside" } }));
48
- }
49
- render() {
50
- return c`
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 `
51
70
  <slot name="reference"></slot>
52
- <div class="popper ${this.open ? "open" : ""}">
71
+ <div class="popper ${this.open ? 'open' : ''}">
53
72
  <slot name="content"></slot>
54
73
  </div>
55
74
  `;
56
- }
75
+ }
57
76
  };
58
- s.styles = E`
77
+ LitCustomPopper.styles = css `
59
78
  :host {
60
79
  display: block;
61
80
  position: relative;
@@ -82,18 +101,17 @@ s.styles = E`
82
101
  opacity: 1;
83
102
  }
84
103
  `;
85
- r([
86
- a({ type: Boolean })
87
- ], s.prototype, "open", 2);
88
- r([
89
- a({ type: String })
90
- ], s.prototype, "placement", 2);
91
- r([
92
- a({ type: Boolean })
93
- ], s.prototype, "keepMounted", 2);
94
- s = r([
95
- m("lit-custom-popper")
96
- ], s);
97
- export {
98
- s as LitCustomPopper
99
- };
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
+ LitCustomPopper = __decorate([
114
+ customElement('lit-custom-popper')
115
+ ], LitCustomPopper);
116
+ export { LitCustomPopper };
117
+ //# sourceMappingURL=lit-custom-popper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lit-custom-popper.js","sourceRoot":"","sources":["../../src/shared/lit-custom-popper.ts"],"names":[],"mappings":"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"}