overview-components 1.0.79 → 1.0.81
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,71 +1,88 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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=${
|
|
51
|
-
|
|
52
|
-
|
|
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 ||
|
|
61
|
-
aria-checked="${this.indeterminate ?
|
|
62
|
-
aria-disabled="${this.disabled ?
|
|
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
|
-
|
|
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
|
-
|
|
133
|
-
|
|
134
|
-
],
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
],
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
],
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
],
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
],
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
],
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
],
|
|
153
|
-
export {
|
|
154
|
-
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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 ?
|
|
71
|
+
<div class="popper ${this.open ? 'open' : ''}">
|
|
53
72
|
<slot name="content"></slot>
|
|
54
73
|
</div>
|
|
55
74
|
`;
|
|
56
|
-
|
|
75
|
+
}
|
|
57
76
|
};
|
|
58
|
-
|
|
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
|
-
|
|
86
|
-
|
|
87
|
-
],
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
],
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
],
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
],
|
|
97
|
-
export {
|
|
98
|
-
|
|
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":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EACH,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,GAIR,MAAM,kBAAkB,CAAC;AAGnB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAC0B,SAAI,GAAG,KAAK,CAAC,CAAC,qCAAqC;QACpD,cAAS,GAAc,SAAS,CAAC,CAAC,0BAA0B;QAC3D,gBAAW,GAAG,KAAK,CAAC,CAAC,kCAAkC;QAE5E,qBAAgB,GAAuB,IAAI,CAAC;QAC5C,kBAAa,GAAuB,IAAI,CAAC;QAyEzC,uBAAkB,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACrD,IAAI,CAAC,IAAI,CAAC,IAAI;gBAAE,OAAO;YAEvB,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;YAClC,IACI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACpB,IAAI,CAAC,gBAAgB;gBACrB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,EACvC,CAAC;gBACC,IAAI,CAAC,WAAW,EAAE,CAAC;YACvB,CAAC;QACL,CAAC,CAAC;IAeN,CAAC;IArEG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,6BAA6B;IAClG,CAAC;IAED,oBAAoB;QAChB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,gCAAgC;QACpG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAED,YAAY;QACR,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;QAChF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,SAAS,CAAgB,CAAC;QAE9E,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAChD,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,CAAC;IACL,CAAC;IAED,OAAO,CAAC,iBAAyD;QAC7D,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAC7C,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,oBAAoB;QAC9B,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE;gBAC9E,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC;aAC3C,CAAC,CAAC;YAEH,8EAA8E;YAC9E,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,EAAE,CAAC;YAE7D,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;gBACpC,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,CAAC,IAAI;gBACb,KAAK,EAAE,GAAG,aAAa,IAAI;aAC9B,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAeO,WAAW;QACf,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;IACtF,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;iCAEc,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;;;SAG/C,CAAC;IACN,CAAC;;AAhGM,sBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BlB,AA1BY,CA0BX;AAjC2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAAc;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAkC;AAChC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAqB;AAHxC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAyG3B"}
|