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.
- package/dist/assets/generated/locales/de.js +70 -72
- package/dist/assets/generated/locales/de.js.map +1 -0
- package/dist/assets/generated/locales/en.js +70 -72
- package/dist/assets/generated/locales/en.js.map +1 -0
- package/dist/assets/generated/locales/fr.js +70 -72
- package/dist/assets/generated/locales/fr.js.map +1 -0
- package/dist/assets/generated/locales/hr.js +70 -72
- package/dist/assets/generated/locales/hr.js.map +1 -0
- package/dist/assets/generated/locales/it.js +70 -72
- package/dist/assets/generated/locales/it.js.map +1 -0
- package/dist/assets/generated/locales/pl.js +70 -72
- package/dist/assets/generated/locales/pl.js.map +1 -0
- package/dist/assets/generated/locales/ro.js +70 -72
- package/dist/assets/generated/locales/ro.js.map +1 -0
- package/dist/assets/generated/locales/sk.js +70 -72
- package/dist/assets/generated/locales/sk.js.map +1 -0
- package/dist/assets/generated/locales/sr.js +70 -72
- package/dist/assets/generated/locales/sr.js.map +1 -0
- package/dist/assets/icons/iconGlyphs.js +678 -679
- package/dist/assets/icons/iconGlyphs.js.map +1 -0
- package/dist/assets/illustration/delete-illustration.js +96 -0
- package/dist/assets/illustration/delete-illustration.js.map +1 -0
- package/dist/assets/illustration/no-content.js +167 -0
- package/dist/assets/illustration/no-content.js.map +1 -0
- package/dist/assets/illustration/no-preview.js +133 -0
- package/dist/assets/illustration/no-preview.js.map +1 -0
- package/dist/assets/illustration/not-found.js +106 -0
- package/dist/assets/illustration/not-found.js.map +1 -0
- package/dist/assets/illustration/settings-illustration.js +176 -0
- package/dist/assets/illustration/settings-illustration.js.map +1 -0
- package/dist/components/components-settings/attachments-tab-settings.js +226 -0
- package/dist/components/components-settings/attachments-tab-settings.js.map +1 -0
- package/dist/components/components-settings/data-grid-settings.js +318 -0
- package/dist/components/components-settings/data-grid-settings.js.map +1 -0
- package/dist/components/components-settings/section-tab-settings.js +269 -0
- package/dist/components/components-settings/section-tab-settings.js.map +1 -0
- package/dist/components/components-settings/tabs-overview-settings.js +439 -0
- package/dist/components/components-settings/tabs-overview-settings.js.map +1 -0
- package/dist/components/lit-attachments-tab.js +432 -271
- package/dist/components/lit-attachments-tab.js.map +1 -0
- package/dist/components/lit-badge.js +40 -40
- package/dist/components/lit-badge.js.map +1 -0
- package/dist/components/lit-case-variables-tab.js +497 -382
- package/dist/components/lit-case-variables-tab.js.map +1 -0
- package/dist/components/lit-chart.js +406 -378
- package/dist/components/lit-chart.js.map +1 -0
- package/dist/components/lit-data-grid-tanstack.js +1663 -1150
- package/dist/components/lit-data-grid-tanstack.js.map +1 -0
- package/dist/components/lit-filter-modal.js +230 -198
- package/dist/components/lit-filter-modal.js.map +1 -0
- package/dist/components/lit-multiselect-item.js +477 -301
- package/dist/components/lit-multiselect-item.js.map +1 -0
- package/dist/components/lit-section-tab.js +85 -73
- package/dist/components/lit-section-tab.js.map +1 -0
- package/dist/components/lit-tabs-overview.js +232 -191
- package/dist/components/lit-tabs-overview.js.map +1 -0
- package/dist/components/modals/lit-confirm-modal.js +120 -0
- package/dist/components/modals/lit-confirm-modal.js.map +1 -0
- package/dist/components/modals/lit-delete-modal.js +128 -0
- package/dist/components/modals/lit-delete-modal.js.map +1 -0
- package/dist/components/react-wrappers/attachments-tab.js +8 -13
- package/dist/components/react-wrappers/attachments-tab.js.map +1 -0
- package/dist/components/react-wrappers/badge.js +8 -13
- package/dist/components/react-wrappers/badge.js.map +1 -0
- package/dist/components/react-wrappers/button.js +8 -13
- package/dist/components/react-wrappers/button.js.map +1 -0
- package/dist/components/react-wrappers/case-variables-tab.js +8 -13
- package/dist/components/react-wrappers/case-variables-tab.js.map +1 -0
- package/dist/components/react-wrappers/chart.js +8 -13
- package/dist/components/react-wrappers/chart.js.map +1 -0
- package/dist/components/react-wrappers/data-grid-tanstack.js +8 -13
- package/dist/components/react-wrappers/data-grid-tanstack.js.map +1 -0
- package/dist/components/react-wrappers/filter-modal.js +8 -13
- package/dist/components/react-wrappers/filter-modal.js.map +1 -0
- package/dist/components/react-wrappers/progress-bar.js +8 -13
- package/dist/components/react-wrappers/progress-bar.js.map +1 -0
- package/dist/components/react-wrappers/section-tab.js +8 -13
- package/dist/components/react-wrappers/section-tab.js.map +1 -0
- package/dist/components/react-wrappers/tabs-overview.js +8 -13
- package/dist/components/react-wrappers/tabs-overview.js.map +1 -0
- package/dist/data/translations.js +2763 -0
- package/dist/data/translations.js.map +1 -0
- package/dist/index.js +107 -113
- package/dist/index.js.map +1 -0
- package/dist/schemas/index.js +17 -0
- package/dist/schemas/index.js.map +1 -0
- package/dist/schemas/lit-attachments-tab-document.schema.js +20 -0
- package/dist/schemas/lit-attachments-tab-document.schema.js.map +1 -0
- package/dist/schemas/lit-attachments-tab-settings-value.schema.js +15 -0
- package/dist/schemas/lit-attachments-tab-settings-value.schema.js.map +1 -0
- package/dist/schemas/lit-attachments-tab.schema.js +32 -0
- package/dist/schemas/lit-attachments-tab.schema.js.map +1 -0
- package/dist/schemas/lit-case-variables-tab-cell.schema.js +43 -0
- package/dist/schemas/lit-case-variables-tab-cell.schema.js.map +1 -0
- package/dist/schemas/lit-case-variables-tab-rows.schema.js +6 -0
- package/dist/schemas/lit-case-variables-tab-rows.schema.js.map +1 -0
- package/dist/schemas/lit-case-variables-tab.schema.js +24 -0
- package/dist/schemas/lit-case-variables-tab.schema.js.map +1 -0
- package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js +6 -0
- package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js.map +1 -0
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js +6 -0
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js.map +1 -0
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js +11 -0
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js.map +1 -0
- package/dist/schemas/lit-data-grid-tanstack-column.schema.js +55 -0
- package/dist/schemas/lit-data-grid-tanstack-column.schema.js.map +1 -0
- package/dist/schemas/lit-data-grid-tanstack.schema.js +99 -0
- package/dist/schemas/lit-data-grid-tanstack.schema.js.map +1 -0
- package/dist/schemas/lit-section-tab-schema.js +24 -0
- package/dist/schemas/lit-section-tab-schema.js.map +1 -0
- package/dist/schemas/lit-tabs-overview-tab-array.schema.js +6 -0
- package/dist/schemas/lit-tabs-overview-tab-array.schema.js.map +1 -0
- package/dist/schemas/lit-tabs-overview-tab.schema.js +32 -0
- package/dist/schemas/lit-tabs-overview-tab.schema.js.map +1 -0
- package/dist/schemas/lit-tabs-overview.schema.js +29 -0
- package/dist/schemas/lit-tabs-overview.schema.js.map +1 -0
- package/dist/scripts/translate-locales.js +69 -0
- package/dist/scripts/translate-locales.js.map +1 -0
- package/dist/shared/filter-inputs.js +335 -234
- package/dist/shared/filter-inputs.js.map +1 -0
- package/dist/shared/lit-button.js +80 -66
- package/dist/shared/lit-button.js.map +1 -0
- package/dist/shared/lit-case-variables-tab-cell.js +127 -108
- package/dist/shared/lit-case-variables-tab-cell.js.map +1 -0
- package/dist/shared/lit-checkbox.js +94 -78
- package/dist/shared/lit-checkbox.js.map +1 -0
- package/dist/shared/lit-custom-popper.js +84 -66
- package/dist/shared/lit-custom-popper.js.map +1 -0
- package/dist/shared/lit-data-grid-action-buttons-popover.js +178 -141
- package/dist/shared/lit-data-grid-action-buttons-popover.js.map +1 -0
- package/dist/shared/lit-data-grid-density-popover.js +54 -49
- package/dist/shared/lit-data-grid-density-popover.js.map +1 -0
- package/dist/shared/lit-data-grid-export-popover.js +43 -41
- package/dist/shared/lit-data-grid-export-popover.js.map +1 -0
- package/dist/shared/lit-data-grid-operators-popover.js +90 -70
- package/dist/shared/lit-data-grid-operators-popover.js.map +1 -0
- package/dist/shared/lit-data-grid-row-actions.js +54 -51
- package/dist/shared/lit-data-grid-row-actions.js.map +1 -0
- package/dist/shared/lit-date-picker.js +451 -370
- package/dist/shared/lit-date-picker.js.map +1 -0
- package/dist/shared/lit-icon-button.js +66 -52
- package/dist/shared/lit-icon-button.js.map +1 -0
- package/dist/shared/lit-icon.js +261 -259
- package/dist/shared/lit-icon.js.map +1 -0
- package/dist/shared/lit-input.js +143 -115
- package/dist/shared/lit-input.js.map +1 -0
- package/dist/shared/lit-label.js +63 -55
- package/dist/shared/lit-label.js.map +1 -0
- package/dist/shared/lit-loader.js +26 -27
- package/dist/shared/lit-loader.js.map +1 -0
- package/dist/shared/lit-loading-bar.js +57 -24
- package/dist/shared/lit-loading-bar.js.map +1 -0
- package/dist/shared/lit-menu-item.js +56 -51
- package/dist/shared/lit-menu-item.js.map +1 -0
- package/dist/shared/lit-menu.js +22 -20
- package/dist/shared/lit-menu.js.map +1 -0
- package/dist/shared/lit-modal-body.js +9 -15
- package/dist/shared/lit-modal-body.js.map +1 -0
- package/dist/shared/lit-modal-footer.js +17 -20
- package/dist/shared/lit-modal-footer.js.map +1 -0
- package/dist/shared/lit-modal-header.js +24 -27
- package/dist/shared/lit-modal-header.js.map +1 -0
- package/dist/shared/lit-modal.js +112 -71
- package/dist/shared/lit-modal.js.map +1 -0
- package/dist/shared/lit-overflow-tooltip.js +86 -68
- package/dist/shared/lit-overflow-tooltip.js.map +1 -0
- package/dist/shared/lit-pill.js +39 -37
- package/dist/shared/lit-pill.js.map +1 -0
- package/dist/shared/lit-progress-bar.js +33 -35
- package/dist/shared/lit-progress-bar.js.map +1 -0
- package/dist/shared/lit-responsive-button.js +74 -64
- package/dist/shared/lit-responsive-button.js.map +1 -0
- package/dist/shared/lit-select-field.js +266 -183
- package/dist/shared/lit-select-field.js.map +1 -0
- package/dist/shared/lit-select.js +276 -202
- package/dist/shared/lit-select.js.map +1 -0
- package/dist/shared/lit-settings.js +68 -51
- package/dist/shared/lit-settings.js.map +1 -0
- package/dist/shared/lit-text-field.js +99 -82
- package/dist/shared/lit-text-field.js.map +1 -0
- package/dist/shared/lit-toggle.js +74 -65
- package/dist/shared/lit-toggle.js.map +1 -0
- package/dist/shared/lit-tooltip.js +113 -84
- package/dist/shared/lit-tooltip.js.map +1 -0
- package/dist/shared/simple-popper.js +229 -149
- package/dist/shared/simple-popper.js.map +1 -0
- package/dist/shared/simple-tooltip.js +198 -124
- package/dist/shared/simple-tooltip.js.map +1 -0
- package/dist/shared/styles/button-shared-styles.js +4 -8
- package/dist/shared/styles/button-shared-styles.js.map +1 -0
- package/dist/styles.js +3 -8
- package/dist/styles.js.map +1 -0
- package/dist/utils/currency.js +15 -12
- package/dist/utils/currency.js.map +1 -0
- package/dist/utils/custom-filters.js +80 -46
- package/dist/utils/custom-filters.js.map +1 -0
- package/dist/utils/date.js +21 -14
- package/dist/utils/date.js.map +1 -0
- package/dist/utils/getOperatorByType.js +65 -51
- package/dist/utils/getOperatorByType.js.map +1 -0
- package/dist/utils/getOverviewValue.js +177 -0
- package/dist/utils/getOverviewValue.js.map +1 -0
- package/dist/utils/localization.js +429 -412
- package/dist/utils/localization.js.map +1 -0
- package/dist/utils/utils.js +12 -10
- package/dist/utils/utils.js.map +1 -0
- package/dist/utils/validate-json-schema.js +8 -0
- package/dist/utils/validate-json-schema.js.map +1 -0
- package/dist/validators/validator.js +7 -0
- package/dist/validators/validator.js.map +1 -0
- package/package.json +2 -2
|
@@ -1,78 +1,108 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import { query as h } from "../node_modules/@lit/reactive-element/decorators/query.js";
|
|
7
|
-
import { autoUpdate as T, computePosition as w, offset as x, flip as y, shift as b, arrow as H } from "../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
8
|
-
import { css as E } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
9
|
-
var L = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (e, t, i, s) => {
|
|
10
|
-
for (var o = s > 1 ? void 0 : s ? S(t, i) : t, a = e.length - 1, l; a >= 0; a--)
|
|
11
|
-
(l = e[a]) && (o = (s ? l(t, i, o) : l(o)) || o);
|
|
12
|
-
return s && o && L(t, i, 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;
|
|
13
6
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const e = this.tooltipSlot.assignedElements()[0];
|
|
36
|
-
e && this.hideTooltip(e);
|
|
37
|
-
}
|
|
38
|
-
}, 200);
|
|
39
|
-
}
|
|
40
|
-
clearHideTimeout() {
|
|
41
|
-
this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
|
|
42
|
-
}
|
|
43
|
-
async showTooltip(e, t) {
|
|
44
|
-
t.setAttribute("data-visible", "");
|
|
45
|
-
let i = t.querySelector(".arrow");
|
|
46
|
-
i || (i = document.createElement("div"), i.classList.add("arrow"), t.appendChild(i)), this.cleanup = T(e, t, async () => {
|
|
47
|
-
const s = await w(e, t, {
|
|
48
|
-
placement: this.placement,
|
|
49
|
-
middleware: [x(8), y(), b({ padding: 5 }), H({ element: i })]
|
|
50
|
-
}), { x: o, y: a, placement: l, middlewareData: u } = s, { arrow: p } = u;
|
|
51
|
-
if (Object.assign(t.style, {
|
|
52
|
-
left: `${o}px`,
|
|
53
|
-
top: `${a}px`
|
|
54
|
-
}), p) {
|
|
55
|
-
const { x: d, y: m } = p;
|
|
56
|
-
Object.assign(i.style, {
|
|
57
|
-
left: d != null ? `${d}px` : "",
|
|
58
|
-
top: m != null ? `${m}px` : ""
|
|
7
|
+
import { LitElement, html, css } from 'lit';
|
|
8
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
9
|
+
import { computePosition, offset, flip, shift, arrow, autoUpdate, } from '@floating-ui/dom';
|
|
10
|
+
let PerfTooltip = class PerfTooltip extends LitElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.placement = 'top';
|
|
14
|
+
this.cleanup = null;
|
|
15
|
+
this.isHoveringTrigger = false;
|
|
16
|
+
this.isHoveringTooltip = false;
|
|
17
|
+
this.hideTimeout = null;
|
|
18
|
+
}
|
|
19
|
+
firstUpdated() {
|
|
20
|
+
const triggerEl = this.triggerSlot.assignedElements()[0];
|
|
21
|
+
const tooltipEl = this.tooltipSlot.assignedElements()[0];
|
|
22
|
+
if (!triggerEl || !tooltipEl)
|
|
23
|
+
return;
|
|
24
|
+
triggerEl.addEventListener('mouseenter', () => {
|
|
25
|
+
this.isHoveringTrigger = true;
|
|
26
|
+
this.clearHideTimeout();
|
|
27
|
+
this.showTooltip(triggerEl, tooltipEl);
|
|
59
28
|
});
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
29
|
+
triggerEl.addEventListener('mouseleave', () => {
|
|
30
|
+
this.isHoveringTrigger = false;
|
|
31
|
+
this.startHideTimeout();
|
|
32
|
+
});
|
|
33
|
+
triggerEl.addEventListener('focus', () => this.showTooltip(triggerEl, tooltipEl));
|
|
34
|
+
triggerEl.addEventListener('blur', () => this.hideTooltip(tooltipEl));
|
|
35
|
+
triggerEl.addEventListener('keydown', (e) => {
|
|
36
|
+
if (e.key === 'Escape')
|
|
37
|
+
this.hideTooltip(tooltipEl);
|
|
38
|
+
});
|
|
39
|
+
tooltipEl.addEventListener('mouseenter', () => {
|
|
40
|
+
this.isHoveringTooltip = true;
|
|
41
|
+
this.clearHideTimeout();
|
|
42
|
+
});
|
|
43
|
+
tooltipEl.addEventListener('mouseleave', () => {
|
|
44
|
+
this.isHoveringTooltip = false;
|
|
45
|
+
this.startHideTimeout();
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
startHideTimeout() {
|
|
49
|
+
this.clearHideTimeout();
|
|
50
|
+
this.hideTimeout = window.setTimeout(() => {
|
|
51
|
+
if (!this.isHoveringTrigger && !this.isHoveringTooltip) {
|
|
52
|
+
const tooltipEl = this.tooltipSlot.assignedElements()[0];
|
|
53
|
+
if (tooltipEl)
|
|
54
|
+
this.hideTooltip(tooltipEl);
|
|
55
|
+
}
|
|
56
|
+
}, 200);
|
|
57
|
+
}
|
|
58
|
+
clearHideTimeout() {
|
|
59
|
+
if (this.hideTimeout !== null) {
|
|
60
|
+
clearTimeout(this.hideTimeout);
|
|
61
|
+
this.hideTimeout = null;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
async showTooltip(triggerEl, tooltipEl) {
|
|
65
|
+
tooltipEl.setAttribute('data-visible', '');
|
|
66
|
+
let arrowEl = tooltipEl.querySelector('.arrow');
|
|
67
|
+
if (!arrowEl) {
|
|
68
|
+
arrowEl = document.createElement('div');
|
|
69
|
+
arrowEl.classList.add('arrow');
|
|
70
|
+
tooltipEl.appendChild(arrowEl);
|
|
71
|
+
}
|
|
72
|
+
this.cleanup = autoUpdate(triggerEl, tooltipEl, async () => {
|
|
73
|
+
const position = await computePosition(triggerEl, tooltipEl, {
|
|
74
|
+
placement: this.placement,
|
|
75
|
+
middleware: [offset(8), flip(), shift({ padding: 5 }), arrow({ element: arrowEl })],
|
|
76
|
+
});
|
|
77
|
+
const { x, y, placement, middlewareData } = position;
|
|
78
|
+
const { arrow: arrowData } = middlewareData;
|
|
79
|
+
Object.assign(tooltipEl.style, {
|
|
80
|
+
left: `${x}px`,
|
|
81
|
+
top: `${y}px`,
|
|
82
|
+
});
|
|
83
|
+
if (arrowData) {
|
|
84
|
+
const { x: arrowX, y: arrowY } = arrowData;
|
|
85
|
+
Object.assign(arrowEl.style, {
|
|
86
|
+
left: arrowX != null ? `${arrowX}px` : '',
|
|
87
|
+
top: arrowY != null ? `${arrowY}px` : '',
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
arrowEl.setAttribute('data-placement', placement);
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
hideTooltip(tooltipEl) {
|
|
94
|
+
tooltipEl.removeAttribute('data-visible');
|
|
95
|
+
this.cleanup?.();
|
|
96
|
+
this.cleanup = null;
|
|
97
|
+
}
|
|
98
|
+
render() {
|
|
99
|
+
return html `
|
|
70
100
|
<slot name="trigger"></slot>
|
|
71
101
|
<slot name="tooltip"></slot>
|
|
72
102
|
`;
|
|
73
|
-
|
|
103
|
+
}
|
|
74
104
|
};
|
|
75
|
-
|
|
105
|
+
PerfTooltip.styles = css `
|
|
76
106
|
:host {
|
|
77
107
|
position: relative;
|
|
78
108
|
display: inline-block;
|
|
@@ -120,18 +150,17 @@ r.styles = E`
|
|
|
120
150
|
left: -4px;
|
|
121
151
|
}
|
|
122
152
|
`;
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
],
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
],
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
],
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
],
|
|
135
|
-
export {
|
|
136
|
-
|
|
137
|
-
};
|
|
153
|
+
__decorate([
|
|
154
|
+
property({ type: String })
|
|
155
|
+
], PerfTooltip.prototype, "placement", void 0);
|
|
156
|
+
__decorate([
|
|
157
|
+
query('slot[name="trigger"]')
|
|
158
|
+
], PerfTooltip.prototype, "triggerSlot", void 0);
|
|
159
|
+
__decorate([
|
|
160
|
+
query('slot[name="tooltip"]')
|
|
161
|
+
], PerfTooltip.prototype, "tooltipSlot", void 0);
|
|
162
|
+
PerfTooltip = __decorate([
|
|
163
|
+
customElement('perf-tooltip')
|
|
164
|
+
], PerfTooltip);
|
|
165
|
+
export { PerfTooltip };
|
|
166
|
+
//# sourceMappingURL=lit-tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lit-tooltip.js","sourceRoot":"","sources":["../../src/shared/lit-tooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,112 +1,185 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import { directive as y, Directive as v } from "../node_modules/lit-html/directive.js";
|
|
7
|
-
import { autoUpdate as x, computePosition as w, offset as E, shift as b, flip as O, hide as C, size as L, arrow as k } from "../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
8
|
-
import { css as A } from "../node_modules/@lit/reactive-element/css-tag.js";
|
|
9
|
-
var S = Object.defineProperty, P = Object.getOwnPropertyDescriptor, n = (t, e, o, i) => {
|
|
10
|
-
for (var s = i > 1 ? void 0 : i ? P(e, o) : e, a = t.length - 1, h; a >= 0; a--)
|
|
11
|
-
(h = t[a]) && (s = (i ? h(e, o, s) : h(s)) || s);
|
|
12
|
-
return i && s && S(e, o, s), s;
|
|
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;
|
|
13
6
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
this.
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
7
|
+
import { html, css, LitElement } from 'lit';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
|
+
import { Directive, directive } from 'lit/directive.js';
|
|
10
|
+
import { render } from 'lit';
|
|
11
|
+
// Positioning library
|
|
12
|
+
import { computePosition, autoUpdate, offset, shift, arrow, size, hide, flip, } from '@floating-ui/dom';
|
|
13
|
+
// Events to turn on/off the popper
|
|
14
|
+
const enterEvents = ['click'];
|
|
15
|
+
const leaveEvents = ['blur'];
|
|
16
|
+
let SimplePopper = class SimplePopper extends LitElement {
|
|
17
|
+
// Lazy creation
|
|
18
|
+
static lazy(target, callback) {
|
|
19
|
+
const createPopper = () => {
|
|
20
|
+
const popper = document.createElement('simple-popper');
|
|
21
|
+
callback(popper);
|
|
22
|
+
target.parentNode.insertBefore(popper, target.nextSibling);
|
|
23
|
+
popper.show();
|
|
24
|
+
// We only need to create the tooltip once, so ignore all future events.
|
|
25
|
+
enterEvents.forEach((eventName) => target.removeEventListener(eventName, createPopper));
|
|
26
|
+
};
|
|
27
|
+
enterEvents.forEach((eventName) => target.addEventListener(eventName, createPopper));
|
|
28
|
+
}
|
|
29
|
+
constructor() {
|
|
30
|
+
super();
|
|
31
|
+
// Attribute for styling "showing"
|
|
32
|
+
this.showing = false;
|
|
33
|
+
this.manualOpening = false;
|
|
34
|
+
this.maxWidthAsTarget = false;
|
|
35
|
+
this.placement = 'top';
|
|
36
|
+
// Position offset
|
|
37
|
+
this.offset = 4;
|
|
38
|
+
this.onClose = () => { };
|
|
39
|
+
this.arrowElement = null;
|
|
40
|
+
// Target for which to show tooltip
|
|
41
|
+
this._target = null;
|
|
42
|
+
this.cleanupAutoUpdate = null;
|
|
43
|
+
this.show = () => {
|
|
44
|
+
document.addEventListener('click', this.hideOnOutsideClick, { capture: true });
|
|
45
|
+
if (!this.manualOpening) {
|
|
46
|
+
this.addEventListener('click', this.hideOnSlotClick);
|
|
47
|
+
}
|
|
48
|
+
this.style.cssText = '';
|
|
49
|
+
this.style.zIndex = '99999';
|
|
50
|
+
this.style.width = `${this.maxWidthAsTarget ? `${this.target?.clientWidth}px` || '0px' : undefined}`;
|
|
51
|
+
this.style.maxWidth = `${this.maxWidthAsTarget ? undefined : 'max-content'}`;
|
|
52
|
+
// Setup autoUpdate to follow parent scroll/resize
|
|
53
|
+
if (this.target && this.arrowElement) {
|
|
54
|
+
if (this.cleanupAutoUpdate) {
|
|
55
|
+
this.cleanupAutoUpdate();
|
|
56
|
+
this.cleanupAutoUpdate = null;
|
|
57
|
+
}
|
|
58
|
+
this.cleanupAutoUpdate = autoUpdate(this.target, this, () => {
|
|
59
|
+
computePosition(this.target, this, {
|
|
60
|
+
placement: this.placement,
|
|
61
|
+
strategy: 'absolute',
|
|
62
|
+
middleware: [
|
|
63
|
+
offset(this.offset),
|
|
64
|
+
shift(),
|
|
65
|
+
flip(),
|
|
66
|
+
hide(),
|
|
67
|
+
size({
|
|
68
|
+
padding: 20,
|
|
69
|
+
apply({ availableWidth, availableHeight, elements }) {
|
|
70
|
+
// Clamp maxWidth to availableWidth
|
|
71
|
+
elements.floating.style.maxWidth = `${Math.max(0, availableWidth)}px`;
|
|
72
|
+
// Determine the maximum allowed height
|
|
73
|
+
const computedMaxHeight = Math.min(400, Math.max(0, availableHeight));
|
|
74
|
+
// If everything fits, remove maxHeight restriction. Otherwise, apply the clamp.
|
|
75
|
+
if (elements.floating.scrollHeight <= computedMaxHeight) {
|
|
76
|
+
elements.floating.style.maxHeight = '';
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
elements.floating.style.maxHeight = `${computedMaxHeight}px`;
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
}),
|
|
83
|
+
arrow({ element: this.arrowElement }),
|
|
84
|
+
],
|
|
85
|
+
}).then(({ x, y, middlewareData, placement, }) => {
|
|
86
|
+
if (middlewareData.hide) {
|
|
87
|
+
Object.assign(this.style, {
|
|
88
|
+
display: (middlewareData.hide.referenceHidden || !this.showing) ? 'none' : 'block',
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
this.style.left = `${x}px`;
|
|
92
|
+
this.style.top = `${y}px`;
|
|
93
|
+
const { x: arrowX, y: arrowY } = middlewareData.arrow;
|
|
94
|
+
const staticSide = {
|
|
95
|
+
top: 'bottom',
|
|
96
|
+
right: 'left',
|
|
97
|
+
bottom: 'top',
|
|
98
|
+
left: 'right',
|
|
99
|
+
}[placement.split('-')[0]] || 'top';
|
|
100
|
+
if (this.arrowElement) {
|
|
101
|
+
Object.assign(this.arrowElement.style, {
|
|
102
|
+
left: arrowX != null ? `${arrowX}px` : '',
|
|
103
|
+
top: arrowY != null ? `${arrowY}px` : '',
|
|
104
|
+
right: '',
|
|
105
|
+
bottom: '',
|
|
106
|
+
[staticSide]: '-4px',
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
this.showing = true;
|
|
113
|
+
document.body.appendChild(this);
|
|
114
|
+
};
|
|
115
|
+
this.hide = () => {
|
|
116
|
+
this.showing = false;
|
|
117
|
+
if (this.cleanupAutoUpdate) {
|
|
118
|
+
this.cleanupAutoUpdate();
|
|
119
|
+
this.cleanupAutoUpdate = null;
|
|
120
|
+
}
|
|
121
|
+
document.removeEventListener('click', this.hideOnOutsideClick, { capture: true });
|
|
122
|
+
this.removeEventListener('click', this.hideOnSlotClick);
|
|
123
|
+
this.onClose?.();
|
|
124
|
+
};
|
|
125
|
+
this.hideOnOutsideClick = (event) => {
|
|
126
|
+
// Use composedPath to reliably detect if click was inside popper or target
|
|
127
|
+
const path = (event.composedPath && event.composedPath()) || [];
|
|
128
|
+
if (!path.includes(this) && !path.includes(this.target)) {
|
|
129
|
+
this.hide();
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
this.hideOnSlotClick = (event) => {
|
|
133
|
+
event.stopPropagation(); // Prevent click bubbling
|
|
134
|
+
this.hide();
|
|
135
|
+
};
|
|
136
|
+
this.finishHide = () => {
|
|
137
|
+
if (!this.showing) {
|
|
138
|
+
this.style.display = 'none';
|
|
139
|
+
}
|
|
140
|
+
};
|
|
141
|
+
// Finish hiding at end of animation
|
|
142
|
+
this.addEventListener('transitionend', this.finishHide);
|
|
143
|
+
}
|
|
144
|
+
firstUpdated() {
|
|
145
|
+
this.arrowElement = this.shadowRoot?.querySelector('#arrow');
|
|
146
|
+
}
|
|
147
|
+
updated(_changedProperties) {
|
|
148
|
+
if (_changedProperties.has('showing') && this.manualOpening) {
|
|
149
|
+
if (this.showing) {
|
|
150
|
+
this.show();
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
connectedCallback() {
|
|
155
|
+
super.connectedCallback();
|
|
156
|
+
// Setup target if needed
|
|
157
|
+
this.target ??= this.previousElementSibling;
|
|
158
|
+
// Ensure hidden at start
|
|
159
|
+
this.finishHide();
|
|
160
|
+
}
|
|
161
|
+
get target() {
|
|
162
|
+
return this._target;
|
|
163
|
+
}
|
|
164
|
+
set target(target) {
|
|
165
|
+
// Remove events from existing target
|
|
166
|
+
if (this.target && !this.manualOpening) {
|
|
167
|
+
enterEvents.forEach((name) => this.target.removeEventListener(name, this.show));
|
|
168
|
+
leaveEvents.forEach((name) => this.target.removeEventListener(name, this.hide));
|
|
169
|
+
}
|
|
170
|
+
if (target && !this.manualOpening) {
|
|
171
|
+
// Add events to new target
|
|
172
|
+
enterEvents.forEach((name) => target.addEventListener(name, this.show));
|
|
173
|
+
leaveEvents.forEach((name) => target.addEventListener(name, this.hide));
|
|
174
|
+
}
|
|
175
|
+
this._target = target;
|
|
176
|
+
}
|
|
177
|
+
render() {
|
|
178
|
+
return html `<div id="arrow"></div>
|
|
106
179
|
<slot></slot>`;
|
|
107
|
-
|
|
180
|
+
}
|
|
108
181
|
};
|
|
109
|
-
|
|
182
|
+
SimplePopper.styles = css `
|
|
110
183
|
:host {
|
|
111
184
|
position: absolute;
|
|
112
185
|
max-height: 50vh;
|
|
@@ -140,47 +213,54 @@ r.styles = A`
|
|
|
140
213
|
transform: rotate(45deg);
|
|
141
214
|
}
|
|
142
215
|
`;
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
],
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
],
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
],
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
],
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
],
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
],
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
],
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
216
|
+
__decorate([
|
|
217
|
+
property({ reflect: true, type: Boolean })
|
|
218
|
+
], SimplePopper.prototype, "showing", void 0);
|
|
219
|
+
__decorate([
|
|
220
|
+
property({ reflect: true, type: Boolean })
|
|
221
|
+
], SimplePopper.prototype, "manualOpening", void 0);
|
|
222
|
+
__decorate([
|
|
223
|
+
property({ reflect: true, type: Boolean })
|
|
224
|
+
], SimplePopper.prototype, "maxWidthAsTarget", void 0);
|
|
225
|
+
__decorate([
|
|
226
|
+
property({ reflect: true, type: String })
|
|
227
|
+
], SimplePopper.prototype, "placement", void 0);
|
|
228
|
+
__decorate([
|
|
229
|
+
property({ type: Number })
|
|
230
|
+
], SimplePopper.prototype, "offset", void 0);
|
|
231
|
+
__decorate([
|
|
232
|
+
property({ type: Function })
|
|
233
|
+
], SimplePopper.prototype, "onClose", void 0);
|
|
234
|
+
SimplePopper = __decorate([
|
|
235
|
+
customElement('simple-popper')
|
|
236
|
+
], SimplePopper);
|
|
237
|
+
export { SimplePopper };
|
|
238
|
+
class PopperDirective extends Directive {
|
|
239
|
+
constructor() {
|
|
240
|
+
super(...arguments);
|
|
241
|
+
this.didSetupLazy = false;
|
|
242
|
+
}
|
|
243
|
+
render(popperContent = '') { }
|
|
244
|
+
update(part, [popperContent]) {
|
|
245
|
+
this.popperContent = popperContent;
|
|
246
|
+
this.part = part;
|
|
247
|
+
if (!this.didSetupLazy) {
|
|
248
|
+
this.setupLazy();
|
|
249
|
+
}
|
|
250
|
+
if (this.popper) {
|
|
251
|
+
this.renderTooltipContent();
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
setupLazy() {
|
|
255
|
+
this.didSetupLazy = true;
|
|
256
|
+
SimplePopper.lazy(this.part.element, (popper) => {
|
|
257
|
+
this.popper = popper;
|
|
258
|
+
this.renderTooltipContent();
|
|
259
|
+
});
|
|
260
|
+
}
|
|
261
|
+
renderTooltipContent() {
|
|
262
|
+
render(this.popperContent, this.popper, this.part.options);
|
|
263
|
+
}
|
|
181
264
|
}
|
|
182
|
-
const
|
|
183
|
-
|
|
184
|
-
r as SimplePopper,
|
|
185
|
-
M as popper
|
|
186
|
-
};
|
|
265
|
+
export const popper = directive(PopperDirective);
|
|
266
|
+
//# sourceMappingURL=simple-popper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"simple-popper.js","sourceRoot":"","sources":["../../src/shared/simple-popper.ts"],"names":[],"mappings":"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"}
|