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.
- package/LICENSE +7 -0
- package/README.md +82 -0
- package/dist/icons.js +692 -0
- package/dist/index.js +19890 -7
- package/dist/shared/lit-icon.d.ts.map +1 -1
- package/package.json +58 -21
- package/dist/assets/generated/locales/de.js +0 -269
- package/dist/assets/generated/locales/de.js.map +0 -1
- package/dist/assets/generated/locales/en.js +0 -269
- package/dist/assets/generated/locales/en.js.map +0 -1
- package/dist/assets/generated/locales/fr.js +0 -269
- package/dist/assets/generated/locales/fr.js.map +0 -1
- package/dist/assets/generated/locales/hr.js +0 -269
- package/dist/assets/generated/locales/hr.js.map +0 -1
- package/dist/assets/generated/locales/it.js +0 -269
- package/dist/assets/generated/locales/it.js.map +0 -1
- package/dist/assets/generated/locales/pl.js +0 -269
- package/dist/assets/generated/locales/pl.js.map +0 -1
- package/dist/assets/generated/locales/ro.js +0 -269
- package/dist/assets/generated/locales/ro.js.map +0 -1
- package/dist/assets/generated/locales/sk.js +0 -269
- package/dist/assets/generated/locales/sk.js.map +0 -1
- package/dist/assets/generated/locales/sr.js +0 -269
- package/dist/assets/generated/locales/sr.js.map +0 -1
- package/dist/assets/icons/iconGlyphs.js +0 -691
- package/dist/assets/icons/iconGlyphs.js.map +0 -1
- package/dist/assets/illustration/aichatbot-illustration.js +0 -144
- package/dist/assets/illustration/aichatbot-illustration.js.map +0 -1
- package/dist/assets/illustration/delete-illustration.js +0 -88
- package/dist/assets/illustration/delete-illustration.js.map +0 -1
- package/dist/assets/illustration/no-content.js +0 -159
- package/dist/assets/illustration/no-content.js.map +0 -1
- package/dist/assets/illustration/no-preview.js +0 -125
- package/dist/assets/illustration/no-preview.js.map +0 -1
- package/dist/assets/illustration/not-found.js +0 -98
- package/dist/assets/illustration/not-found.js.map +0 -1
- package/dist/assets/illustration/settings-illustration.js +0 -168
- package/dist/assets/illustration/settings-illustration.js.map +0 -1
- package/dist/components/components-settings/attachments-tab-settings.js +0 -318
- package/dist/components/components-settings/attachments-tab-settings.js.map +0 -1
- package/dist/components/components-settings/data-grid-settings.js +0 -553
- package/dist/components/components-settings/data-grid-settings.js.map +0 -1
- package/dist/components/components-settings/section-tab-settings.js +0 -719
- package/dist/components/components-settings/section-tab-settings.js.map +0 -1
- package/dist/components/components-settings/tabs-overview-settings.js +0 -421
- package/dist/components/components-settings/tabs-overview-settings.js.map +0 -1
- package/dist/components/index.js +0 -30
- package/dist/components/index.js.map +0 -1
- package/dist/components/lit-ai-filter-assistant.js +0 -443
- package/dist/components/lit-ai-filter-assistant.js.map +0 -1
- package/dist/components/lit-attachments-tab.js +0 -2044
- package/dist/components/lit-attachments-tab.js.map +0 -1
- package/dist/components/lit-badge.js +0 -124
- package/dist/components/lit-badge.js.map +0 -1
- package/dist/components/lit-case-variables-tab.js +0 -3718
- package/dist/components/lit-case-variables-tab.js.map +0 -1
- package/dist/components/lit-chart.js +0 -727
- package/dist/components/lit-chart.js.map +0 -1
- package/dist/components/lit-data-grid-tanstack.js +0 -2550
- package/dist/components/lit-data-grid-tanstack.js.map +0 -1
- package/dist/components/lit-filter-builder.js +0 -701
- package/dist/components/lit-filter-builder.js.map +0 -1
- package/dist/components/lit-filter-modal.js +0 -349
- package/dist/components/lit-filter-modal.js.map +0 -1
- package/dist/components/lit-multiselect-item.js +0 -707
- package/dist/components/lit-multiselect-item.js.map +0 -1
- package/dist/components/lit-section-tab.js +0 -268
- package/dist/components/lit-section-tab.js.map +0 -1
- package/dist/components/lit-tabs-overview.js +0 -356
- package/dist/components/lit-tabs-overview.js.map +0 -1
- package/dist/components/modals/lit-confirm-modal.js +0 -121
- package/dist/components/modals/lit-confirm-modal.js.map +0 -1
- package/dist/components/modals/lit-delete-modal.js +0 -131
- package/dist/components/modals/lit-delete-modal.js.map +0 -1
- package/dist/components/react-wrappers/ai-filter-assistant.js +0 -9
- package/dist/components/react-wrappers/ai-filter-assistant.js.map +0 -1
- package/dist/components/react-wrappers/attachments-tab.js +0 -9
- package/dist/components/react-wrappers/attachments-tab.js.map +0 -1
- package/dist/components/react-wrappers/badge.js +0 -9
- package/dist/components/react-wrappers/badge.js.map +0 -1
- package/dist/components/react-wrappers/button.js +0 -9
- package/dist/components/react-wrappers/button.js.map +0 -1
- package/dist/components/react-wrappers/calendar.js +0 -9
- package/dist/components/react-wrappers/calendar.js.map +0 -1
- package/dist/components/react-wrappers/case-variables-tab.js +0 -9
- package/dist/components/react-wrappers/case-variables-tab.js.map +0 -1
- package/dist/components/react-wrappers/chart.js +0 -9
- package/dist/components/react-wrappers/chart.js.map +0 -1
- package/dist/components/react-wrappers/data-grid-tanstack.js +0 -9
- package/dist/components/react-wrappers/data-grid-tanstack.js.map +0 -1
- package/dist/components/react-wrappers/filter-builder.js +0 -12
- package/dist/components/react-wrappers/filter-builder.js.map +0 -1
- package/dist/components/react-wrappers/filter-modal.js +0 -9
- package/dist/components/react-wrappers/filter-modal.js.map +0 -1
- package/dist/components/react-wrappers/index.js +0 -27
- package/dist/components/react-wrappers/index.js.map +0 -1
- package/dist/components/react-wrappers/progress-bar.js +0 -9
- package/dist/components/react-wrappers/progress-bar.js.map +0 -1
- package/dist/components/react-wrappers/section-tab.js +0 -9
- package/dist/components/react-wrappers/section-tab.js.map +0 -1
- package/dist/components/react-wrappers/tabs-overview.js +0 -9
- package/dist/components/react-wrappers/tabs-overview.js.map +0 -1
- package/dist/data/translations.js +0 -2768
- package/dist/data/translations.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/schemas/index.js +0 -18
- package/dist/schemas/index.js.map +0 -1
- package/dist/schemas/lit-attachments-tab-document.schema.js +0 -39
- package/dist/schemas/lit-attachments-tab-document.schema.js.map +0 -1
- package/dist/schemas/lit-attachments-tab-settings-value.schema.js +0 -30
- package/dist/schemas/lit-attachments-tab-settings-value.schema.js.map +0 -1
- package/dist/schemas/lit-attachments-tab.schema.js +0 -68
- package/dist/schemas/lit-attachments-tab.schema.js.map +0 -1
- package/dist/schemas/lit-case-variables-tab-cell.schema.js +0 -225
- package/dist/schemas/lit-case-variables-tab-cell.schema.js.map +0 -1
- package/dist/schemas/lit-case-variables-tab-rows.schema.js +0 -6
- package/dist/schemas/lit-case-variables-tab-rows.schema.js.map +0 -1
- package/dist/schemas/lit-case-variables-tab.schema.js +0 -27
- package/dist/schemas/lit-case-variables-tab.schema.js.map +0 -1
- package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js +0 -6
- package/dist/schemas/lit-data-grid-tanstack-column-array.schema.js.map +0 -1
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js +0 -6
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter-array.schema.js.map +0 -1
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js +0 -11
- package/dist/schemas/lit-data-grid-tanstack-column-custom-filter.schema.js.map +0 -1
- package/dist/schemas/lit-data-grid-tanstack-column.schema.js +0 -79
- package/dist/schemas/lit-data-grid-tanstack-column.schema.js.map +0 -1
- package/dist/schemas/lit-data-grid-tanstack.schema.js +0 -108
- package/dist/schemas/lit-data-grid-tanstack.schema.js.map +0 -1
- package/dist/schemas/lit-filter-builder.schema.js +0 -61
- package/dist/schemas/lit-filter-builder.schema.js.map +0 -1
- package/dist/schemas/lit-section-tab-schema.js +0 -37
- package/dist/schemas/lit-section-tab-schema.js.map +0 -1
- package/dist/schemas/lit-tabs-overview-tab-array.schema.js +0 -6
- package/dist/schemas/lit-tabs-overview-tab-array.schema.js.map +0 -1
- package/dist/schemas/lit-tabs-overview-tab.schema.js +0 -32
- package/dist/schemas/lit-tabs-overview-tab.schema.js.map +0 -1
- package/dist/schemas/lit-tabs-overview.schema.js +0 -29
- package/dist/schemas/lit-tabs-overview.schema.js.map +0 -1
- package/dist/scripts/translate-locales.js +0 -241
- package/dist/scripts/translate-locales.js.map +0 -1
- package/dist/shared/filter-inputs.js +0 -429
- package/dist/shared/filter-inputs.js.map +0 -1
- package/dist/shared/index.js +0 -40
- package/dist/shared/index.js.map +0 -1
- package/dist/shared/lit-button.js +0 -159
- package/dist/shared/lit-button.js.map +0 -1
- package/dist/shared/lit-calendar.js +0 -485
- package/dist/shared/lit-calendar.js.map +0 -1
- package/dist/shared/lit-case-variables-tab-cell.js +0 -226
- package/dist/shared/lit-case-variables-tab-cell.js.map +0 -1
- package/dist/shared/lit-checkbox.js +0 -184
- package/dist/shared/lit-checkbox.js.map +0 -1
- package/dist/shared/lit-custom-popper.js +0 -116
- package/dist/shared/lit-custom-popper.js.map +0 -1
- package/dist/shared/lit-data-grid-action-buttons-popover.js +0 -295
- package/dist/shared/lit-data-grid-action-buttons-popover.js.map +0 -1
- package/dist/shared/lit-data-grid-density-popover.js +0 -84
- package/dist/shared/lit-data-grid-density-popover.js.map +0 -1
- package/dist/shared/lit-data-grid-export-popover.js +0 -68
- package/dist/shared/lit-data-grid-export-popover.js.map +0 -1
- package/dist/shared/lit-data-grid-operators-popover.js +0 -114
- package/dist/shared/lit-data-grid-operators-popover.js.map +0 -1
- package/dist/shared/lit-data-grid-row-actions.js +0 -87
- package/dist/shared/lit-data-grid-row-actions.js.map +0 -1
- package/dist/shared/lit-date-picker.js +0 -608
- package/dist/shared/lit-date-picker.js.map +0 -1
- package/dist/shared/lit-document-thumbnail.js +0 -383
- package/dist/shared/lit-document-thumbnail.js.map +0 -1
- package/dist/shared/lit-filter-input.js +0 -115
- package/dist/shared/lit-filter-input.js.map +0 -1
- package/dist/shared/lit-icon-button.js +0 -165
- package/dist/shared/lit-icon-button.js.map +0 -1
- package/dist/shared/lit-icon.js +0 -338
- package/dist/shared/lit-icon.js.map +0 -1
- package/dist/shared/lit-input.js +0 -282
- package/dist/shared/lit-input.js.map +0 -1
- package/dist/shared/lit-label.js +0 -103
- package/dist/shared/lit-label.js.map +0 -1
- package/dist/shared/lit-loader.js +0 -68
- package/dist/shared/lit-loader.js.map +0 -1
- package/dist/shared/lit-loading-bar.js +0 -91
- package/dist/shared/lit-loading-bar.js.map +0 -1
- package/dist/shared/lit-menu-item.js +0 -98
- package/dist/shared/lit-menu-item.js.map +0 -1
- package/dist/shared/lit-menu.js +0 -29
- package/dist/shared/lit-menu.js.map +0 -1
- package/dist/shared/lit-modal-body.js +0 -24
- package/dist/shared/lit-modal-body.js.map +0 -1
- package/dist/shared/lit-modal-footer.js +0 -21
- package/dist/shared/lit-modal-footer.js.map +0 -1
- package/dist/shared/lit-modal-header.js +0 -34
- package/dist/shared/lit-modal-header.js.map +0 -1
- package/dist/shared/lit-modal.js +0 -168
- package/dist/shared/lit-modal.js.map +0 -1
- package/dist/shared/lit-overflow-tooltip.js +0 -114
- package/dist/shared/lit-overflow-tooltip.js.map +0 -1
- package/dist/shared/lit-pill.js +0 -87
- package/dist/shared/lit-pill.js.map +0 -1
- package/dist/shared/lit-progress-bar.js +0 -130
- package/dist/shared/lit-progress-bar.js.map +0 -1
- package/dist/shared/lit-responsive-button.js +0 -106
- package/dist/shared/lit-responsive-button.js.map +0 -1
- package/dist/shared/lit-select-field.js +0 -457
- package/dist/shared/lit-select-field.js.map +0 -1
- package/dist/shared/lit-select.js +0 -668
- package/dist/shared/lit-select.js.map +0 -1
- package/dist/shared/lit-settings.js +0 -76
- package/dist/shared/lit-settings.js.map +0 -1
- package/dist/shared/lit-text-field.js +0 -252
- package/dist/shared/lit-text-field.js.map +0 -1
- package/dist/shared/lit-toggle.js +0 -240
- package/dist/shared/lit-toggle.js.map +0 -1
- package/dist/shared/lit-tooltip.js +0 -165
- package/dist/shared/lit-tooltip.js.map +0 -1
- package/dist/shared/simple-popper.js +0 -285
- package/dist/shared/simple-popper.js.map +0 -1
- package/dist/shared/simple-tooltip.js +0 -249
- package/dist/shared/simple-tooltip.js.map +0 -1
- package/dist/shared/styles/button-shared-styles.js +0 -494
- package/dist/shared/styles/button-shared-styles.js.map +0 -1
- package/dist/styles.js +0 -169
- package/dist/styles.js.map +0 -1
- package/dist/utils/custom-filters.js +0 -42
- package/dist/utils/custom-filters.js.map +0 -1
- package/dist/utils/date.js +0 -21
- package/dist/utils/date.js.map +0 -1
- package/dist/utils/file-type-utils.js +0 -55
- package/dist/utils/file-type-utils.js.map +0 -1
- package/dist/utils/formatNumber.js +0 -62
- package/dist/utils/formatNumber.js.map +0 -1
- package/dist/utils/getOperatorByType.js +0 -70
- package/dist/utils/getOperatorByType.js.map +0 -1
- package/dist/utils/getOverviewValue.js +0 -175
- package/dist/utils/getOverviewValue.js.map +0 -1
- package/dist/utils/localization.js +0 -433
- package/dist/utils/localization.js.map +0 -1
- package/dist/utils/pdf-thumbnail-generator.js +0 -91
- package/dist/utils/pdf-thumbnail-generator.js.map +0 -1
- package/dist/utils/utils.js +0 -94
- package/dist/utils/utils.js.map +0 -1
- package/dist/vite.svg +0 -1
package/dist/shared/lit-label.js
DELETED
|
@@ -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"}
|
package/dist/shared/lit-menu.js
DELETED
|
@@ -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"}
|
package/dist/shared/lit-modal.js
DELETED
|
@@ -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
|