xv-webcomponents 1.22.1 → 1.22.2-qa.0
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/cjs/index-DpLAFt0R.js +3728 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/maplibre-gl-CCZS3Rg5.js +900 -0
- package/dist/cjs/{xv-accordion-v2_48.cjs.entry.js → xv-accordion-v2_49.cjs.entry.js} +732 -115
- package/dist/cjs/xv-header-next.cjs.entry.js +3 -3
- package/dist/cjs/xv-mega-menu-next.cjs.entry.js +4 -4
- package/dist/cjs/xv-webcomponents.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/xv-accordion/xv-accordion.css +0 -127
- package/dist/collection/components/xv-accordion/xv-accordion.js +24 -4
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.css +0 -127
- package/dist/collection/components/xv-accordion-item/xv-accordion-item.js +11 -5
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css +0 -127
- package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js +1 -1
- package/dist/collection/components/xv-button/xv-button-v2.css +0 -127
- package/dist/collection/components/xv-button/xv-button.js +2 -2
- package/dist/collection/components/xv-button-group/xv-button-group.css +0 -127
- package/dist/collection/components/xv-button-group/xv-button-group.js +1 -1
- package/dist/collection/components/xv-card/xv-card.css +0 -127
- package/dist/collection/components/xv-card/xv-card.js +1 -1
- package/dist/collection/components/xv-checkbox/xv-checkbox.css +0 -127
- package/dist/collection/components/xv-checkbox/xv-checkbox.js +2 -2
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.css +0 -127
- package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js +1 -1
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.css +0 -127
- package/dist/collection/components/xv-content-switcher/xv-content-switcher.js +2 -2
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js +1 -1
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js +2 -2
- package/dist/collection/components/xv-data-table/xv-data-table.css +0 -127
- package/dist/collection/components/xv-data-table/xv-data-table.js +1 -1
- package/dist/collection/components/xv-datepicker/xv-datepicker.css +0 -127
- package/dist/collection/components/xv-datepicker/xv-datepicker.js +63 -5
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.css +0 -127
- package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
- package/dist/collection/components/xv-dropdown/xv-dropdown.css +0 -127
- package/dist/collection/components/xv-dropdown/xv-dropdown.js +1 -1
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.css +0 -127
- package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
- package/dist/collection/components/xv-footer/xv-footer.css +0 -222
- package/dist/collection/components/xv-footer/xv-footer.js +1 -1
- package/dist/collection/components/xv-geo-map/xv-geo-map.css +907 -0
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +1052 -0
- package/dist/collection/components/xv-header/xv-header.css +0 -222
- package/dist/collection/components/xv-header/xv-header.js +1 -1
- package/dist/collection/components/xv-header-next/xv-header-next.css +0 -222
- package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.css +0 -127
- package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
- package/dist/collection/components/xv-link/xv-link.css +0 -127
- package/dist/collection/components/xv-link/xv-link.js +1 -1
- package/dist/collection/components/xv-loader/xv-loader.css +0 -127
- package/dist/collection/components/xv-login-modal/xv-login-modal.css +0 -127
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +0 -254
- package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +0 -254
- package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
- package/dist/collection/components/xv-modal/xv-modal.css +0 -127
- package/dist/collection/components/xv-modal/xv-modal.js +1 -1
- package/dist/collection/components/xv-notification/xv-notification.css +0 -127
- package/dist/collection/components/xv-notification/xv-notification.js +1 -1
- package/dist/collection/components/xv-number-input/xv-number-input.css +0 -127
- package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.css +0 -127
- package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.css +0 -127
- package/dist/collection/components/xv-pagination/xv-pagination.css +0 -127
- package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.css +0 -127
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css +0 -127
- package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
- package/dist/collection/components/xv-radio/xv-radio.css +0 -127
- package/dist/collection/components/xv-radio/xv-radio.js +2 -2
- package/dist/collection/components/xv-slider/xv-slider.css +0 -127
- package/dist/collection/components/xv-slider/xv-slider.js +1 -1
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.css +0 -127
- package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.css +0 -127
- package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +0 -127
- package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
- package/dist/collection/components/xv-table/xv-table.css +0 -127
- package/dist/collection/components/xv-table/xv-table.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.css +0 -127
- package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
- package/dist/collection/components/xv-tabs/xv-tabs.css +0 -127
- package/dist/collection/components/xv-tag/xv-tag.css +0 -127
- package/dist/collection/components/xv-tag/xv-tag.js +1 -1
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.css +0 -127
- package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
- package/dist/collection/components/xv-text-input/xv-text-input.css +0 -127
- package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
- package/dist/collection/components/xv-textarea/xv-textarea.css +0 -127
- package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
- package/dist/collection/components/xv-tile/xv-tile.css +0 -127
- package/dist/collection/components/xv-tile/xv-tile.js +2 -2
- package/dist/collection/components/xv-toggle/xv-toggle.css +0 -127
- package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.css +0 -127
- package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
- package/dist/collection/components/xv-tooltip/xv-tooltip.css +0 -32
- package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
- package/dist/esm/index-DmxA2ysB.js +3717 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/maplibre-gl-CS4Eagm9.js +813 -0
- package/dist/esm/maplibre-gl-shared.mjs +6 -0
- package/dist/esm/maplibre-gl-worker.mjs +6 -0
- package/dist/esm/{xv-accordion-v2_48.entry.js → xv-accordion-v2_49.entry.js} +732 -116
- package/dist/esm/xv-header-next.entry.js +3 -3
- package/dist/esm/xv-mega-menu-next.entry.js +4 -4
- package/dist/esm/xv-webcomponents.js +3 -3
- package/dist/types/components/xv-accordion/xv-accordion.d.ts +5 -4
- package/dist/types/components/xv-accordion-item/xv-accordion-item.d.ts +3 -0
- package/dist/types/components/xv-datepicker/xv-datepicker.d.ts +12 -0
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +126 -0
- package/dist/types/components.d.ts +237 -0
- package/dist/xv-webcomponents/p-93bd2dca.entry.js +1 -0
- package/dist/xv-webcomponents/p-9e3130ff.entry.js +1 -0
- package/dist/xv-webcomponents/p-CS4Eagm9.js +10 -0
- package/dist/xv-webcomponents/p-DmxA2ysB.js +2 -0
- package/dist/xv-webcomponents/p-f41dd64e.entry.js +8 -0
- package/dist/xv-webcomponents/xv-webcomponents.css +2 -17
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +2 -1
- package/dist/cjs/index-C4fJ70r4.js +0 -3728
- package/dist/esm/index-Cv2gugMt.js +0 -3717
- package/dist/xv-webcomponents/p-4ad13642.entry.js +0 -1
- package/dist/xv-webcomponents/p-616a74df.entry.js +0 -8
- package/dist/xv-webcomponents/p-8eca98c5.entry.js +0 -1
- package/dist/xv-webcomponents/p-Cv2gugMt.js +0 -2
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
:host {
|
|
129
2
|
--progress-indicator-icon-size: 22px;
|
|
130
3
|
--progress-indicator-font-size: var(--fz-md, 14px);
|
|
@@ -55,7 +55,7 @@ export class XvProgressIndicator {
|
|
|
55
55
|
this.updateChildItems();
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (h(Host, { key: '
|
|
58
|
+
return (h(Host, { key: '0d46fbf4778dc2bcd710a8221aa600317188c5ac', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: 'a1098882326ffd797b708d801e8f196f34a315a7' })));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "xv-progress-indicator-v2"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
.xv-radio {
|
|
129
2
|
--xv-radio-size: 16px;
|
|
130
3
|
display: inline-flex;
|
|
@@ -25,12 +25,12 @@ export class XvRadio {
|
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
const message = resolveFieldMessage({ error: this.error, warning: this.warning, helper: this.helper });
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: '17da4d6dda3215f812af3774354fa4aad3c2ed5f', class: {
|
|
29
29
|
'xv-radio': true,
|
|
30
30
|
'xv-radio--reverse': this.reverse,
|
|
31
31
|
'xv-radio--block': this.block,
|
|
32
32
|
[`xv-radio--size-${this.size}`]: !!this.size,
|
|
33
|
-
} }, this.label && h("p", { key: '
|
|
33
|
+
} }, this.label && h("p", { key: '4e0589afbe92a95f26449e67dd62bc123d994392', class: "xv-radio_label" }, this.label), h("label", { key: 'd82d0a8103912e0c08b5fe8b88d7ef7aa82e115d', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '8b761825702a92f43c930b12359a8b69b7d3090e', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '58935b9706d6026f01f22f7a6491c3ae6f691b42', ref: el => (this.inputEl = el), type: "radio", name: this.name, value: this.value, checked: this.checked, readonly: this.readonly, disabled: this.disabled }), h("span", { key: '129bcfd529de5ec20c3363396349c425125e89f7', class: "xv-radio_input__mark" })), h("span", { key: '5a3c35181fdf7f8a317fd0796ab3e538d59a53ef', class: "xv-radio_container__label" }, h("slot", { key: '20b1433816ad38929f723491eb9369d3698b636c' }))), message && (h("span", { key: 'e64062947b9df40e52e656a9028ad22e6dcce7b9', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: '88a68953d1206241e28e311ce1818bf871967f2d', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: '6e4f4c59a49c76f4a98c62aac8940eb015c5ab74', name: "info" })));
|
|
34
34
|
}
|
|
35
35
|
connectedCallback() {
|
|
36
36
|
var _a;
|
|
@@ -1,130 +1,3 @@
|
|
|
1
|
-
.xv-container {
|
|
2
|
-
width: 100%;
|
|
3
|
-
max-width: 1170px;
|
|
4
|
-
margin-inline: auto;
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 576px) {
|
|
7
|
-
.xv-container {
|
|
8
|
-
max-width: 540px;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px) {
|
|
12
|
-
.xv-container {
|
|
13
|
-
max-width: 720px;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 992px) {
|
|
17
|
-
.xv-container {
|
|
18
|
-
max-width: 960px;
|
|
19
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
@media (min-width: 1200px) {
|
|
23
|
-
.xv-container {
|
|
24
|
-
max-width: 1140px;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
@media (min-width: 1400px) {
|
|
28
|
-
.xv-container {
|
|
29
|
-
max-width: 1320px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.xv-tooltip[role=tooltip] {
|
|
34
|
-
position: absolute;
|
|
35
|
-
background-color: var(--background-inverse, #333333);
|
|
36
|
-
color: var(--text-on-color);
|
|
37
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
38
|
-
border-radius: 3px;
|
|
39
|
-
font-size: var(--fz-sm);
|
|
40
|
-
z-index: 999;
|
|
41
|
-
min-width: min(150px, 90vw);
|
|
42
|
-
max-width: min(400px, 90vw);
|
|
43
|
-
}
|
|
44
|
-
.xv-tooltip[role=tooltip]::after {
|
|
45
|
-
content: "";
|
|
46
|
-
position: absolute;
|
|
47
|
-
width: 0;
|
|
48
|
-
height: 0;
|
|
49
|
-
border-style: solid;
|
|
50
|
-
}
|
|
51
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
52
|
-
bottom: -5px;
|
|
53
|
-
left: 50%;
|
|
54
|
-
transform: translateX(-50%);
|
|
55
|
-
border-width: 5px 5px 0 5px;
|
|
56
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
57
|
-
}
|
|
58
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
59
|
-
bottom: -5px;
|
|
60
|
-
left: 12px;
|
|
61
|
-
border-width: 5px 5px 0 5px;
|
|
62
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
63
|
-
}
|
|
64
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
65
|
-
bottom: -5px;
|
|
66
|
-
right: 12px;
|
|
67
|
-
border-width: 5px 5px 0 5px;
|
|
68
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
69
|
-
}
|
|
70
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
71
|
-
top: -5px;
|
|
72
|
-
left: 50%;
|
|
73
|
-
transform: translateX(-50%);
|
|
74
|
-
border-width: 0 5px 5px 5px;
|
|
75
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
76
|
-
}
|
|
77
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
78
|
-
top: -5px;
|
|
79
|
-
left: 12px;
|
|
80
|
-
border-width: 0 5px 5px 5px;
|
|
81
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
82
|
-
}
|
|
83
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
84
|
-
top: -5px;
|
|
85
|
-
right: 12px;
|
|
86
|
-
border-width: 0 5px 5px 5px;
|
|
87
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
88
|
-
}
|
|
89
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
90
|
-
top: 50%;
|
|
91
|
-
right: -5px;
|
|
92
|
-
transform: translateY(-50%);
|
|
93
|
-
border-width: 5px 0 5px 5px;
|
|
94
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
95
|
-
}
|
|
96
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
97
|
-
top: 12px;
|
|
98
|
-
right: -5px;
|
|
99
|
-
border-width: 5px 0 5px 5px;
|
|
100
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
101
|
-
}
|
|
102
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
103
|
-
bottom: 12px;
|
|
104
|
-
right: -5px;
|
|
105
|
-
border-width: 5px 0 5px 5px;
|
|
106
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
107
|
-
}
|
|
108
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
109
|
-
top: 50%;
|
|
110
|
-
left: -5px;
|
|
111
|
-
transform: translateY(-50%);
|
|
112
|
-
border-width: 5px 5px 5px 0;
|
|
113
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
114
|
-
}
|
|
115
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
116
|
-
top: 12px;
|
|
117
|
-
left: -5px;
|
|
118
|
-
border-width: 5px 5px 5px 0;
|
|
119
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
120
|
-
}
|
|
121
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
122
|
-
bottom: 12px;
|
|
123
|
-
left: -5px;
|
|
124
|
-
border-width: 5px 5px 5px 0;
|
|
125
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
1
|
:host {
|
|
129
2
|
display: flex;
|
|
130
3
|
flex-direction: column;
|
|
@@ -38,7 +38,7 @@ export class XvSlider {
|
|
|
38
38
|
this.setValue(this.min);
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: '8a8ace55159d065a6933ed0472e934e167dd35f4', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '96cff886d9b5a26d14714f2c999664f6f0c3a326', class: "label" }, this.label), h("div", { key: '06041de19a197f27af17714ad596955f9062d979', class: "control" }, h("span", { key: 'e703ac589f696a532acb780a44754da90283aea9', class: "control_label" }, this.min), h("input", { key: 'b4934d0b4fc1dfce62c3c3d7132c0a757241c090', type: "range", disabled: this.disabled || this.readonly, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, onInput: this.handleInput, style: { backgroundSize: `${((this.value - this.min) * 100) / (this.max - this.min)}% 100%` } }), h("span", { key: '605a3ceb10f15050882a5e7ff9182f049bc6ad16', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: 'dceacc8218dce6875e6658ac547e910d9e907237', type: "number", disabled: this.disabled, readonly: this.readonly, name: `${this.name}-number-input`, step: this.step, min: this.min, max: this.max, value: this.value, onInput: this.handleNumberInput, onBlur: this.handleNumberBlur })))));
|
|
42
42
|
}
|
|
43
43
|
static get is() { return "xv-slider-v2"; }
|
|
44
44
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,131 +1,4 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.xv-container {
|
|
3
|
-
width: 100%;
|
|
4
|
-
max-width: 1170px;
|
|
5
|
-
margin-inline: auto;
|
|
6
|
-
}
|
|
7
|
-
@media (min-width: 576px) {
|
|
8
|
-
.xv-container {
|
|
9
|
-
max-width: 540px;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
@media (min-width: 768px) {
|
|
13
|
-
.xv-container {
|
|
14
|
-
max-width: 720px;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
@media (min-width: 992px) {
|
|
18
|
-
.xv-container {
|
|
19
|
-
max-width: 960px;
|
|
20
|
-
padding-inline: var(--bs-gutter-x, 0.75rem);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
@media (min-width: 1200px) {
|
|
24
|
-
.xv-container {
|
|
25
|
-
max-width: 1140px;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
@media (min-width: 1400px) {
|
|
29
|
-
.xv-container {
|
|
30
|
-
max-width: 1320px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.xv-tooltip[role=tooltip] {
|
|
35
|
-
position: absolute;
|
|
36
|
-
background-color: var(--background-inverse, #333333);
|
|
37
|
-
color: var(--text-on-color);
|
|
38
|
-
padding: var(--spacing-03) var(--spacing-04);
|
|
39
|
-
border-radius: 3px;
|
|
40
|
-
font-size: var(--fz-sm);
|
|
41
|
-
z-index: 999;
|
|
42
|
-
min-width: min(150px, 90vw);
|
|
43
|
-
max-width: min(400px, 90vw);
|
|
44
|
-
}
|
|
45
|
-
.xv-tooltip[role=tooltip]::after {
|
|
46
|
-
content: "";
|
|
47
|
-
position: absolute;
|
|
48
|
-
width: 0;
|
|
49
|
-
height: 0;
|
|
50
|
-
border-style: solid;
|
|
51
|
-
}
|
|
52
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top]::after {
|
|
53
|
-
bottom: -5px;
|
|
54
|
-
left: 50%;
|
|
55
|
-
transform: translateX(-50%);
|
|
56
|
-
border-width: 5px 5px 0 5px;
|
|
57
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
58
|
-
}
|
|
59
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-start]::after {
|
|
60
|
-
bottom: -5px;
|
|
61
|
-
left: 12px;
|
|
62
|
-
border-width: 5px 5px 0 5px;
|
|
63
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
64
|
-
}
|
|
65
|
-
.xv-tooltip[role=tooltip][data-popper-placement=top-end]::after {
|
|
66
|
-
bottom: -5px;
|
|
67
|
-
right: 12px;
|
|
68
|
-
border-width: 5px 5px 0 5px;
|
|
69
|
-
border-color: var(--background-inverse, black) transparent transparent transparent;
|
|
70
|
-
}
|
|
71
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom]::after {
|
|
72
|
-
top: -5px;
|
|
73
|
-
left: 50%;
|
|
74
|
-
transform: translateX(-50%);
|
|
75
|
-
border-width: 0 5px 5px 5px;
|
|
76
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
77
|
-
}
|
|
78
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-start]::after {
|
|
79
|
-
top: -5px;
|
|
80
|
-
left: 12px;
|
|
81
|
-
border-width: 0 5px 5px 5px;
|
|
82
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
83
|
-
}
|
|
84
|
-
.xv-tooltip[role=tooltip][data-popper-placement=bottom-end]::after {
|
|
85
|
-
top: -5px;
|
|
86
|
-
right: 12px;
|
|
87
|
-
border-width: 0 5px 5px 5px;
|
|
88
|
-
border-color: transparent transparent var(--background-inverse, black) transparent;
|
|
89
|
-
}
|
|
90
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left]::after {
|
|
91
|
-
top: 50%;
|
|
92
|
-
right: -5px;
|
|
93
|
-
transform: translateY(-50%);
|
|
94
|
-
border-width: 5px 0 5px 5px;
|
|
95
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
96
|
-
}
|
|
97
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-start]::after {
|
|
98
|
-
top: 12px;
|
|
99
|
-
right: -5px;
|
|
100
|
-
border-width: 5px 0 5px 5px;
|
|
101
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
102
|
-
}
|
|
103
|
-
.xv-tooltip[role=tooltip][data-popper-placement=left-end]::after {
|
|
104
|
-
bottom: 12px;
|
|
105
|
-
right: -5px;
|
|
106
|
-
border-width: 5px 0 5px 5px;
|
|
107
|
-
border-color: transparent transparent transparent var(--background-inverse, black);
|
|
108
|
-
}
|
|
109
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right]::after {
|
|
110
|
-
top: 50%;
|
|
111
|
-
left: -5px;
|
|
112
|
-
transform: translateY(-50%);
|
|
113
|
-
border-width: 5px 5px 5px 0;
|
|
114
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
115
|
-
}
|
|
116
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-start]::after {
|
|
117
|
-
top: 12px;
|
|
118
|
-
left: -5px;
|
|
119
|
-
border-width: 5px 5px 5px 0;
|
|
120
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
121
|
-
}
|
|
122
|
-
.xv-tooltip[role=tooltip][data-popper-placement=right-end]::after {
|
|
123
|
-
bottom: 12px;
|
|
124
|
-
left: -5px;
|
|
125
|
-
border-width: 5px 5px 5px 0;
|
|
126
|
-
border-color: transparent var(--background-inverse, black) transparent transparent;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
2
|
:host {
|
|
130
3
|
white-space: nowrap;
|
|
131
4
|
overflow: hidden;
|
|
@@ -22,7 +22,7 @@ export class XvTableCell {
|
|
|
22
22
|
}
|
|
23
23
|
;
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'e1019f13513468d2afa46b7b425cb663dce9c265' }, h("slot", { key: '79a5d5d41bad6df991934555cbfa7726d396d6f1' })));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "xv-table-v2-cell"; }
|
|
28
28
|
static get encapsulation() { return "shadow"; }
|