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.
Files changed (133) hide show
  1. package/dist/cjs/index-DpLAFt0R.js +3728 -0
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/maplibre-gl-CCZS3Rg5.js +900 -0
  4. package/dist/cjs/{xv-accordion-v2_48.cjs.entry.js → xv-accordion-v2_49.cjs.entry.js} +732 -115
  5. package/dist/cjs/xv-header-next.cjs.entry.js +3 -3
  6. package/dist/cjs/xv-mega-menu-next.cjs.entry.js +4 -4
  7. package/dist/cjs/xv-webcomponents.cjs.js +2 -2
  8. package/dist/collection/collection-manifest.json +1 -0
  9. package/dist/collection/components/xv-accordion/xv-accordion.css +0 -127
  10. package/dist/collection/components/xv-accordion/xv-accordion.js +24 -4
  11. package/dist/collection/components/xv-accordion-item/xv-accordion-item.css +0 -127
  12. package/dist/collection/components/xv-accordion-item/xv-accordion-item.js +11 -5
  13. package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.css +0 -127
  14. package/dist/collection/components/xv-breadcrumbs/xv-breadcrumbs.js +1 -1
  15. package/dist/collection/components/xv-button/xv-button-v2.css +0 -127
  16. package/dist/collection/components/xv-button/xv-button.js +2 -2
  17. package/dist/collection/components/xv-button-group/xv-button-group.css +0 -127
  18. package/dist/collection/components/xv-button-group/xv-button-group.js +1 -1
  19. package/dist/collection/components/xv-card/xv-card.css +0 -127
  20. package/dist/collection/components/xv-card/xv-card.js +1 -1
  21. package/dist/collection/components/xv-checkbox/xv-checkbox.css +0 -127
  22. package/dist/collection/components/xv-checkbox/xv-checkbox.js +2 -2
  23. package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.css +0 -127
  24. package/dist/collection/components/xv-content-switcher/xv-content-switcher-item/xv-content-switcher-item.js +1 -1
  25. package/dist/collection/components/xv-content-switcher/xv-content-switcher.css +0 -127
  26. package/dist/collection/components/xv-content-switcher/xv-content-switcher.js +2 -2
  27. package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.css +0 -127
  28. package/dist/collection/components/xv-data-table/xv-data-table-cell/xv-data-table-cell.js +1 -1
  29. package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.css +0 -127
  30. package/dist/collection/components/xv-data-table/xv-data-table-collapse/xv-data-table-collapse.js +1 -1
  31. package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.css +0 -127
  32. package/dist/collection/components/xv-data-table/xv-data-table-row/xv-data-table-row.js +2 -2
  33. package/dist/collection/components/xv-data-table/xv-data-table.css +0 -127
  34. package/dist/collection/components/xv-data-table/xv-data-table.js +1 -1
  35. package/dist/collection/components/xv-datepicker/xv-datepicker.css +0 -127
  36. package/dist/collection/components/xv-datepicker/xv-datepicker.js +63 -5
  37. package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.css +0 -127
  38. package/dist/collection/components/xv-dropdown/xv-dropdown-item/xv-dropdown-item.js +1 -1
  39. package/dist/collection/components/xv-dropdown/xv-dropdown.css +0 -127
  40. package/dist/collection/components/xv-dropdown/xv-dropdown.js +1 -1
  41. package/dist/collection/components/xv-file-uploader/xv-file-uploader.css +0 -127
  42. package/dist/collection/components/xv-file-uploader/xv-file-uploader.js +1 -1
  43. package/dist/collection/components/xv-footer/xv-footer.css +0 -222
  44. package/dist/collection/components/xv-footer/xv-footer.js +1 -1
  45. package/dist/collection/components/xv-geo-map/xv-geo-map.css +907 -0
  46. package/dist/collection/components/xv-geo-map/xv-geo-map.js +1052 -0
  47. package/dist/collection/components/xv-header/xv-header.css +0 -222
  48. package/dist/collection/components/xv-header/xv-header.js +1 -1
  49. package/dist/collection/components/xv-header-next/xv-header-next.css +0 -222
  50. package/dist/collection/components/xv-header-next/xv-header-next.js +1 -1
  51. package/dist/collection/components/xv-image-viewer/xv-image-viewer.css +0 -127
  52. package/dist/collection/components/xv-image-viewer/xv-image-viewer.js +1 -1
  53. package/dist/collection/components/xv-link/xv-link.css +0 -127
  54. package/dist/collection/components/xv-link/xv-link.js +1 -1
  55. package/dist/collection/components/xv-loader/xv-loader.css +0 -127
  56. package/dist/collection/components/xv-login-modal/xv-login-modal.css +0 -127
  57. package/dist/collection/components/xv-mega-menu/xv-mega-menu.css +0 -254
  58. package/dist/collection/components/xv-mega-menu/xv-mega-menu.js +2 -2
  59. package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.css +0 -254
  60. package/dist/collection/components/xv-mega-menu-next/xv-mega-menu-next.js +2 -2
  61. package/dist/collection/components/xv-modal/xv-modal.css +0 -127
  62. package/dist/collection/components/xv-modal/xv-modal.js +1 -1
  63. package/dist/collection/components/xv-notification/xv-notification.css +0 -127
  64. package/dist/collection/components/xv-notification/xv-notification.js +1 -1
  65. package/dist/collection/components/xv-number-input/xv-number-input.css +0 -127
  66. package/dist/collection/components/xv-number-input/xv-number-input.js +2 -2
  67. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu-item/xv-overflow-menu-item.css +0 -127
  68. package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.css +0 -127
  69. package/dist/collection/components/xv-pagination/xv-pagination.css +0 -127
  70. package/dist/collection/components/xv-pagination/xv-pagination.js +1 -1
  71. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.css +0 -127
  72. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator-item/xv-progress-indicator-item.js +1 -1
  73. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.css +0 -127
  74. package/dist/collection/components/xv-progress-indicator/xv-progress-indicator.js +1 -1
  75. package/dist/collection/components/xv-radio/xv-radio.css +0 -127
  76. package/dist/collection/components/xv-radio/xv-radio.js +2 -2
  77. package/dist/collection/components/xv-slider/xv-slider.css +0 -127
  78. package/dist/collection/components/xv-slider/xv-slider.js +1 -1
  79. package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.css +0 -127
  80. package/dist/collection/components/xv-table/xv-table-cell/xv-table-cell.js +1 -1
  81. package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.css +0 -127
  82. package/dist/collection/components/xv-table/xv-table-expand/xv-table-expand.js +1 -1
  83. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.css +0 -127
  84. package/dist/collection/components/xv-table/xv-table-row/xv-table-row.js +1 -1
  85. package/dist/collection/components/xv-table/xv-table.css +0 -127
  86. package/dist/collection/components/xv-table/xv-table.js +1 -1
  87. package/dist/collection/components/xv-tabs/xv-tab/xv-tab.css +0 -127
  88. package/dist/collection/components/xv-tabs/xv-tab/xv-tab.js +1 -1
  89. package/dist/collection/components/xv-tabs/xv-tabs.css +0 -127
  90. package/dist/collection/components/xv-tag/xv-tag.css +0 -127
  91. package/dist/collection/components/xv-tag/xv-tag.js +1 -1
  92. package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.css +0 -127
  93. package/dist/collection/components/xv-tag-combobox/xv-tag-combobox.js +2 -2
  94. package/dist/collection/components/xv-text-input/xv-text-input.css +0 -127
  95. package/dist/collection/components/xv-text-input/xv-text-input.js +2 -2
  96. package/dist/collection/components/xv-textarea/xv-textarea.css +0 -127
  97. package/dist/collection/components/xv-textarea/xv-textarea.js +2 -2
  98. package/dist/collection/components/xv-tile/xv-tile.css +0 -127
  99. package/dist/collection/components/xv-tile/xv-tile.js +2 -2
  100. package/dist/collection/components/xv-toggle/xv-toggle.css +0 -127
  101. package/dist/collection/components/xv-toggle/xv-toggle.js +1 -1
  102. package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.css +0 -127
  103. package/dist/collection/components/xv-toggle-tip/xv-toggle-tip.js +1 -1
  104. package/dist/collection/components/xv-tooltip/xv-tooltip.css +0 -32
  105. package/dist/collection/components/xv-tooltip/xv-tooltip.js +2 -2
  106. package/dist/esm/index-DmxA2ysB.js +3717 -0
  107. package/dist/esm/loader.js +3 -3
  108. package/dist/esm/maplibre-gl-CS4Eagm9.js +813 -0
  109. package/dist/esm/maplibre-gl-shared.mjs +6 -0
  110. package/dist/esm/maplibre-gl-worker.mjs +6 -0
  111. package/dist/esm/{xv-accordion-v2_48.entry.js → xv-accordion-v2_49.entry.js} +732 -116
  112. package/dist/esm/xv-header-next.entry.js +3 -3
  113. package/dist/esm/xv-mega-menu-next.entry.js +4 -4
  114. package/dist/esm/xv-webcomponents.js +3 -3
  115. package/dist/types/components/xv-accordion/xv-accordion.d.ts +5 -4
  116. package/dist/types/components/xv-accordion-item/xv-accordion-item.d.ts +3 -0
  117. package/dist/types/components/xv-datepicker/xv-datepicker.d.ts +12 -0
  118. package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +126 -0
  119. package/dist/types/components.d.ts +237 -0
  120. package/dist/xv-webcomponents/p-93bd2dca.entry.js +1 -0
  121. package/dist/xv-webcomponents/p-9e3130ff.entry.js +1 -0
  122. package/dist/xv-webcomponents/p-CS4Eagm9.js +10 -0
  123. package/dist/xv-webcomponents/p-DmxA2ysB.js +2 -0
  124. package/dist/xv-webcomponents/p-f41dd64e.entry.js +8 -0
  125. package/dist/xv-webcomponents/xv-webcomponents.css +2 -17
  126. package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
  127. package/package.json +2 -1
  128. package/dist/cjs/index-C4fJ70r4.js +0 -3728
  129. package/dist/esm/index-Cv2gugMt.js +0 -3717
  130. package/dist/xv-webcomponents/p-4ad13642.entry.js +0 -1
  131. package/dist/xv-webcomponents/p-616a74df.entry.js +0 -8
  132. package/dist/xv-webcomponents/p-8eca98c5.entry.js +0 -1
  133. 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: 'bb40f89cb341b8eddf809abb091cf7e14ac76852', variant: this.variant, size: this.size, class: { 'xv-progress-indicator': true } }, h("slot", { key: '71e0cd0931a4173910094c6cd42f741052d54aba' })));
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: 'b8994fbbe13dae03ed013d20d0e5192f725d654f', class: {
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: '0cfbfb3bca9277d5c88b6f81a0c7281b4a6adedb', class: "xv-radio_label" }, this.label), h("label", { key: 'c865aaefeb217455477ebfef4a2218f6274223d0', class: { 'xv-radio_container': true, disabled: this.disabled } }, h("div", { key: '4e57e1fb3cb5f30e901fae68149d4f506b7fe406', class: { 'xv-radio_input': true, 'xv-radio_input--error': !!this.error || this.error === '' } }, h("input", { key: '39b18a7bc1e07505a3e40e7be7ed80c2f8df79d4', 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: 'df7a63e28065fdeed1ff6571d362931843b89aff', class: "xv-radio_input__mark" })), h("span", { key: '0b07ed57ac1002c2b1ed4d9b2331ac425874497b', class: "xv-radio_container__label" }, h("slot", { key: '67676761a7bc81eb3be69bc98c0e6a37126fe630' }))), message && (h("span", { key: '8d166e80b438fecadb9b4db08555318d6db39f74', class: `xv-radio_msg xv-radio_msg--${message.level}` }, message.level !== 'helper' && (h("span", { key: '68efc88831840cd5783f55c9cf520c3e394485e8', class: "xv-radio_msg__status", "aria-hidden": "true" }, message.level === 'error' ? '!' : '⚠')), message.text)), h("slot", { key: 'f68797d142232191a14ef4181692967598634b27', name: "info" })));
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: 'bd19f35ec689d875daa44bb89b4ef96a42e27151', class: { disabled: this.disabled, readonly: this.readonly } }, this.label && h("label", { key: '89018407c77a03948187978780453715b76adb7a', class: "label" }, this.label), h("div", { key: 'd062d47edb6dfbd8c71c5188715b830d8c64f31c', class: "control" }, h("span", { key: 'b412961bb8059b885bd537fe70418069c79d0b3d', class: "control_label" }, this.min), h("input", { key: '60726a3e509fd0125d53ea8158012daeb86ffd19', 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: '1ed3936a025eb043fba3230176846f83e7c5c118', class: "control_label" }, this.max), !this.notEditable && (h("input", { key: '56672e8a5a15150eb5d67b40ad36cf1eeb9b6f1d', 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 })))));
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: '6ee17c6de912d82fc3bf76e0c20d023b9ddd5bc1' }, h("slot", { key: '3d27a83a969c5ec21d7e8eb8cc8b5adf7e4cf8c2' })));
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"; }