@riverty/web-components 5.5.0 → 5.7.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/CHANGELOG.md +29 -0
- package/README.md +3 -3
- package/custom-elements.json +19 -15
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-accordion.cjs.entry.js +1 -1
- package/dist/cjs/r-alert.cjs.entry.js +1 -1
- package/dist/cjs/r-badge.cjs.entry.js +1 -1
- package/dist/cjs/r-button.cjs.entry.js +1 -1
- package/dist/cjs/r-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/r-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/r-hint_3.cjs.entry.js +136 -38
- package/dist/cjs/r-icon-button.cjs.entry.js +3 -3
- package/dist/cjs/r-icon.cjs.entry.js +2 -2
- package/dist/cjs/r-input-code.cjs.entry.js +1 -1
- package/dist/cjs/r-input-date.cjs.entry.js +7 -7
- package/dist/cjs/r-input-password.cjs.entry.js +7 -4
- package/dist/cjs/r-input-phone-number.cjs.entry.js +4 -4
- package/dist/cjs/r-input.cjs.entry.js +6 -4
- package/dist/cjs/r-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-group.cjs.entry.js +7 -7
- package/dist/cjs/r-select.cjs.entry.js +3 -3
- package/dist/cjs/r-textarea.cjs.entry.js +1 -1
- package/dist/cjs/r-toast.cjs.entry.js +9 -10
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -2
- package/dist/collection/components/alert/alert.css +4 -4
- package/dist/collection/components/badge/badge.css +8 -8
- package/dist/collection/components/button/button.js +1 -2
- package/dist/collection/components/checkbox/checkbox.js +4 -5
- package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
- package/dist/collection/components/hint/hint.css +1 -1
- package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
- package/dist/collection/components/icon/icon.js +2 -2
- package/dist/collection/components/icon/riverty-kit.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +3 -4
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/input/input.js +24 -3
- package/dist/collection/components/input-code/input-code.css +1 -1
- package/dist/collection/components/input-date/input-date.css +1 -1
- package/dist/collection/components/input-date/input-date.js +7 -7
- package/dist/collection/components/input-password/input-password.js +8 -5
- package/dist/collection/components/input-phone-number/input-phone-number.js +5 -5
- package/dist/collection/components/label/label.js +4 -4
- package/dist/collection/components/radio-button/radio-button.css +1 -1
- package/dist/collection/components/radio-group/radio-group.css +2 -2
- package/dist/collection/components/radio-group/radio-group.js +7 -7
- package/dist/collection/components/select/select.css +2 -2
- package/dist/collection/components/select/select.js +3 -4
- package/dist/collection/components/textarea/textarea.css +1 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/toast/toast.css +7 -7
- package/dist/collection/components/toast/toast.js +10 -11
- package/dist/collection/components/tooltip/tooltip.css +6 -71
- package/dist/collection/components/tooltip/tooltip.js +135 -33
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-accordion.entry.js +1 -1
- package/dist/esm/r-alert.entry.js +1 -1
- package/dist/esm/r-badge.entry.js +1 -1
- package/dist/esm/r-button.entry.js +1 -1
- package/dist/esm/r-checkbox-group.entry.js +1 -1
- package/dist/esm/r-checkbox.entry.js +4 -4
- package/dist/esm/r-hint_3.entry.js +136 -38
- package/dist/esm/r-icon-button.entry.js +3 -3
- package/dist/esm/r-icon.entry.js +2 -2
- package/dist/esm/r-input-code.entry.js +1 -1
- package/dist/esm/r-input-date.entry.js +7 -7
- package/dist/esm/r-input-password.entry.js +7 -4
- package/dist/esm/r-input-phone-number.entry.js +4 -4
- package/dist/esm/r-input.entry.js +6 -4
- package/dist/esm/r-radio-button.entry.js +1 -1
- package/dist/esm/r-radio-group.entry.js +7 -7
- package/dist/esm/r-select.entry.js +3 -3
- package/dist/esm/r-textarea.entry.js +1 -1
- package/dist/esm/r-toast.entry.js +9 -10
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +0 -1
- package/dist/types/components/button/button.d.ts +0 -1
- package/dist/types/components/checkbox/checkbox.d.ts +0 -1
- package/dist/types/components/icon/exports.d.ts +1 -0
- package/dist/types/components/icon/icon-data.d.ts +1 -0
- package/dist/types/components/icon/icon.d.ts +1 -1
- package/dist/types/components/icon/riverty-kit.d.ts +1 -0
- package/dist/types/components/icon-button/icon-button.d.ts +0 -1
- package/dist/types/components/input/input.d.ts +5 -0
- package/dist/types/components/input-date/input-date.d.ts +1 -1
- package/dist/types/components/input-password/input-password.d.ts +1 -1
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +1 -1
- package/dist/types/components/label/label.d.ts +1 -1
- package/dist/types/components/radio-group/radio-group.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +1 -2
- package/dist/types/components/textarea/textarea.d.ts +3 -3
- package/dist/types/components/toast/toast.d.ts +1 -3
- package/dist/types/components/tooltip/tooltip.d.ts +12 -4
- package/dist/types/components.d.ts +28 -40
- package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
- package/dist/web-components/p-289eb4b0.entry.js +1 -0
- package/dist/web-components/p-2b8e12ae.entry.js +1 -0
- package/dist/web-components/{p-89136369.entry.js → p-2e2c8a5b.entry.js} +1 -1
- package/dist/web-components/{p-ad4292d8.entry.js → p-3a39932b.entry.js} +1 -1
- package/dist/web-components/{p-43eff76a.entry.js → p-44be9992.entry.js} +1 -1
- package/dist/web-components/{p-230e44ae.entry.js → p-63474b32.entry.js} +1 -1
- package/dist/web-components/{p-0735fd75.entry.js → p-72c0c0d8.entry.js} +1 -1
- package/dist/web-components/{p-24bbf3b6.entry.js → p-74d2a563.entry.js} +1 -1
- package/dist/web-components/p-7ad8e78b.entry.js +1 -0
- package/dist/web-components/{p-28718c50.entry.js → p-8028c2a9.entry.js} +1 -1
- package/dist/web-components/{p-a683612d.entry.js → p-96ddeb7f.entry.js} +1 -1
- package/dist/web-components/{p-7fccc301.entry.js → p-9d898089.entry.js} +1 -1
- package/dist/web-components/{p-99ba15d9.entry.js → p-9e50120b.entry.js} +1 -1
- package/dist/web-components/{p-e49b1ec3.entry.js → p-b2f03016.entry.js} +1 -1
- package/dist/web-components/{p-8c577cda.entry.js → p-c300c22f.entry.js} +1 -1
- package/dist/web-components/{p-f1e22caa.entry.js → p-d1379ac6.entry.js} +1 -1
- package/dist/web-components/{p-c09a863b.entry.js → p-d93c240d.entry.js} +1 -1
- package/dist/web-components/p-f770e22b.entry.js +1 -0
- package/dist/web-components/{p-a58124c4.entry.js → p-f952161b.entry.js} +1 -1
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +7 -6
- package/dist/web-components/p-00eb6986.entry.js +0 -1
- package/dist/web-components/p-0f4eea22.entry.js +0 -1
- package/dist/web-components/p-2265dae1.entry.js +0 -1
- package/dist/web-components/p-f22696e0.entry.js +0 -1
|
@@ -9,6 +9,75 @@ export class Tooltip {
|
|
|
9
9
|
this.arrowPositionState = 'left';
|
|
10
10
|
this.isShown = false;
|
|
11
11
|
this.uniqueId = `r-tooltip-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
|
|
12
|
+
this.getOffsetLeft = (arrowPosition) => {
|
|
13
|
+
var _a, _b, _c;
|
|
14
|
+
const offsetLeft = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) - ((_c = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width));
|
|
15
|
+
switch (arrowPosition) {
|
|
16
|
+
case 'center':
|
|
17
|
+
return offsetLeft / 2;
|
|
18
|
+
case 'right':
|
|
19
|
+
return offsetLeft;
|
|
20
|
+
default:
|
|
21
|
+
return 0;
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
this.alignTooltipPosition = () => {
|
|
25
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
26
|
+
const offsetHeight = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - ((_c = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.height)) / 2;
|
|
27
|
+
const offsetLeft = this.getOffsetLeft(this.arrowPositionState);
|
|
28
|
+
const hostHeight = ((_e = (_d = this.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect()) === null || _e === void 0 ? void 0 : _e.height) + this.arrowHeight || 0;
|
|
29
|
+
const hostWidth = ((_g = (_f = this.element) === null || _f === void 0 ? void 0 : _f.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.width) + this.arrowWidth || 0;
|
|
30
|
+
switch (this.positionState) {
|
|
31
|
+
case 'top':
|
|
32
|
+
this.alignPosition(this.tooltip, -offsetLeft, -this.tooltipContainerHeight);
|
|
33
|
+
break;
|
|
34
|
+
case 'bottom':
|
|
35
|
+
this.alignPosition(this.tooltip, -offsetLeft, hostHeight);
|
|
36
|
+
break;
|
|
37
|
+
case 'left':
|
|
38
|
+
this.alignPosition(this.tooltip, -this.tooltipContainerWidth, -offsetHeight);
|
|
39
|
+
break;
|
|
40
|
+
case 'right':
|
|
41
|
+
this.alignPosition(this.tooltip, hostWidth, -offsetHeight);
|
|
42
|
+
break;
|
|
43
|
+
default:
|
|
44
|
+
break;
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
this.alignArrowPosition = () => {
|
|
48
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
49
|
+
const offsetHeight = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - ((_c = (_b = this.arrow) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.height)) / 2;
|
|
50
|
+
const offsetLeft = Math.abs(((_d = this.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().width) - ((_f = (_e = this.arrow) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect()) === null || _f === void 0 ? void 0 : _f.width)) / 2;
|
|
51
|
+
const hostHeight = ((_h = (_g = this.element) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect()) === null || _h === void 0 ? void 0 : _h.height) || 0;
|
|
52
|
+
const hostWidth = ((_k = (_j = this.element) === null || _j === void 0 ? void 0 : _j.getBoundingClientRect()) === null || _k === void 0 ? void 0 : _k.width) || 0;
|
|
53
|
+
switch (this.positionState) {
|
|
54
|
+
case 'top':
|
|
55
|
+
this.alignPosition(this.arrow, offsetLeft, -this.arrowHeight);
|
|
56
|
+
break;
|
|
57
|
+
case 'bottom':
|
|
58
|
+
this.alignPosition(this.arrow, offsetLeft, hostHeight);
|
|
59
|
+
break;
|
|
60
|
+
case 'left':
|
|
61
|
+
this.alignPosition(this.arrow, -this.arrowWidth, offsetHeight);
|
|
62
|
+
break;
|
|
63
|
+
case 'right':
|
|
64
|
+
this.alignPosition(this.arrow, hostWidth, offsetHeight);
|
|
65
|
+
break;
|
|
66
|
+
default:
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
this.alignPosition = (element, offsetLeft, offsetTop) => {
|
|
71
|
+
var _a;
|
|
72
|
+
if (!element) {
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
let elementOffset = (_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
76
|
+
let left = elementOffset.left + offsetLeft;
|
|
77
|
+
let top = elementOffset.top + offsetTop;
|
|
78
|
+
element.style.left = `${left > 0 ? left : 0}px`;
|
|
79
|
+
element.style.top = `${top}px`;
|
|
80
|
+
};
|
|
12
81
|
/**
|
|
13
82
|
* Listen on hovering tooltip element and update tooltip position if needed
|
|
14
83
|
*/
|
|
@@ -26,11 +95,22 @@ export class Tooltip {
|
|
|
26
95
|
};
|
|
27
96
|
this.showTooltip = () => {
|
|
28
97
|
this.isShown = true;
|
|
29
|
-
this.
|
|
98
|
+
this.tooltip.classList.add('r-tooltip--content--visible');
|
|
30
99
|
};
|
|
31
100
|
this.removeTooltip = () => {
|
|
32
101
|
this.isShown = false;
|
|
33
|
-
this.
|
|
102
|
+
this.tooltip.style.width = 'max-content';
|
|
103
|
+
this.tooltip.classList.remove('r-tooltip--content--visible');
|
|
104
|
+
};
|
|
105
|
+
this.handleScroll = () => {
|
|
106
|
+
if (!this.isShown) {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
if (!this.isOnScreen) {
|
|
110
|
+
this.removeTooltip();
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
this.setCorrectPosition();
|
|
34
114
|
};
|
|
35
115
|
}
|
|
36
116
|
/**
|
|
@@ -59,30 +139,47 @@ export class Tooltip {
|
|
|
59
139
|
this.removeTooltip();
|
|
60
140
|
}
|
|
61
141
|
}
|
|
62
|
-
/**
|
|
63
|
-
* Tooltip element value
|
|
64
|
-
*/
|
|
65
|
-
get tooltipValue() {
|
|
66
|
-
var _a, _b;
|
|
67
|
-
return (_b = (_a = this.element) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this.uniqueId);
|
|
68
|
-
}
|
|
69
142
|
/**
|
|
70
143
|
* Parent with non visible overflow
|
|
71
144
|
*/
|
|
72
145
|
get overflowedParent() {
|
|
73
146
|
return this.findOverflowParent(this.element.parentElement);
|
|
74
147
|
}
|
|
148
|
+
get arrowWidth() {
|
|
149
|
+
var _a;
|
|
150
|
+
return ((_a = this.arrow) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
|
|
151
|
+
}
|
|
152
|
+
get arrowHeight() {
|
|
153
|
+
var _a;
|
|
154
|
+
return ((_a = this.arrow) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
|
|
155
|
+
}
|
|
156
|
+
get tooltipContainerWidth() {
|
|
157
|
+
var _a, _b;
|
|
158
|
+
return ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) + this.arrowWidth || 0;
|
|
159
|
+
}
|
|
160
|
+
get tooltipContainerHeight() {
|
|
161
|
+
var _a, _b;
|
|
162
|
+
return ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.height) + this.arrowHeight || 0;
|
|
163
|
+
}
|
|
75
164
|
/**
|
|
76
165
|
* Available space at the top
|
|
77
166
|
*/
|
|
78
167
|
get top() {
|
|
79
|
-
return
|
|
168
|
+
return this.element.getBoundingClientRect().top;
|
|
80
169
|
}
|
|
81
170
|
/**
|
|
82
171
|
* Available space on the left
|
|
83
172
|
*/
|
|
84
173
|
get left() {
|
|
85
|
-
return
|
|
174
|
+
return this.element.getBoundingClientRect().left;
|
|
175
|
+
}
|
|
176
|
+
get isOnScreen() {
|
|
177
|
+
const parent = this.overflowedParent || document.documentElement;
|
|
178
|
+
const parentRect = parent.getBoundingClientRect();
|
|
179
|
+
const elementRect = this.element.getBoundingClientRect();
|
|
180
|
+
const isVerticallyVisible = elementRect.top >= parentRect.top && elementRect.bottom <= parentRect.bottom;
|
|
181
|
+
const isHorizontallyVisible = elementRect.left >= parentRect.left && elementRect.right <= parentRect.right;
|
|
182
|
+
return isVerticallyVisible && isHorizontallyVisible;
|
|
86
183
|
}
|
|
87
184
|
/**
|
|
88
185
|
* Available space at the bottom
|
|
@@ -91,7 +188,7 @@ export class Tooltip {
|
|
|
91
188
|
function calculateBottomSpace(element) {
|
|
92
189
|
return window.innerHeight - element.getBoundingClientRect().top - element.getBoundingClientRect().height;
|
|
93
190
|
}
|
|
94
|
-
return
|
|
191
|
+
return calculateBottomSpace(this.element);
|
|
95
192
|
}
|
|
96
193
|
/**
|
|
97
194
|
* Available space on the right
|
|
@@ -100,35 +197,31 @@ export class Tooltip {
|
|
|
100
197
|
function calculateRightSpace(element) {
|
|
101
198
|
return window.innerWidth - element.getBoundingClientRect().left - element.getBoundingClientRect().width;
|
|
102
199
|
}
|
|
103
|
-
return
|
|
200
|
+
return calculateRightSpace(this.element);
|
|
104
201
|
}
|
|
105
202
|
/**
|
|
106
203
|
* Defines which horizontal placement is available
|
|
107
204
|
*/
|
|
108
205
|
get horizontalPlacement() {
|
|
109
|
-
|
|
110
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetWidth) + OFFSET < this.left ? 'left' : 'right';
|
|
206
|
+
return this.tooltipContainerWidth + OFFSET < this.left ? 'left' : 'right';
|
|
111
207
|
}
|
|
112
208
|
/**
|
|
113
209
|
* Defines which vertical placement is available
|
|
114
210
|
*/
|
|
115
211
|
get verticalPlacement() {
|
|
116
|
-
|
|
117
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetHeight) + OFFSET < this.top ? 'top' : 'bottom';
|
|
212
|
+
return this.tooltipContainerHeight + OFFSET < this.top ? 'top' : 'bottom';
|
|
118
213
|
}
|
|
119
214
|
/**
|
|
120
215
|
* Checks if there is enough space for placing tooltip vertically
|
|
121
216
|
*/
|
|
122
217
|
get isEnoughSpaceVertically() {
|
|
123
|
-
|
|
124
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetHeight) + OFFSET < this.top || ((_b = this.tooltipValue) === null || _b === void 0 ? void 0 : _b.offsetHeight) + OFFSET < this.bottom;
|
|
218
|
+
return this.tooltipContainerHeight + OFFSET < this.top || this.tooltipContainerHeight + OFFSET < this.bottom;
|
|
125
219
|
}
|
|
126
220
|
/**
|
|
127
221
|
* Checks if there is enough space for placing tooltip horizontally
|
|
128
222
|
*/
|
|
129
223
|
get isEnoughSpaceHorizontally() {
|
|
130
|
-
|
|
131
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetWidth) + OFFSET < this.left || ((_b = this.tooltipValue) === null || _b === void 0 ? void 0 : _b.offsetWidth) + OFFSET < this.right;
|
|
224
|
+
return this.tooltipContainerWidth + OFFSET < this.left || this.tooltipContainerWidth + OFFSET < this.right;
|
|
132
225
|
}
|
|
133
226
|
get activeElement() {
|
|
134
227
|
return this.element.querySelector('r-button, r-icon-button, a, button, [tabindex]:not([tabindex="-1"])');
|
|
@@ -143,13 +236,16 @@ export class Tooltip {
|
|
|
143
236
|
* Listen to active child element
|
|
144
237
|
*/
|
|
145
238
|
componentDidLoad() {
|
|
146
|
-
var _a, _b;
|
|
239
|
+
var _a, _b, _c;
|
|
147
240
|
(_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.addEventListener('focus', () => {
|
|
148
241
|
this.handleFocus();
|
|
149
242
|
});
|
|
150
243
|
(_b = this.activeElement) === null || _b === void 0 ? void 0 : _b.addEventListener('blur', () => {
|
|
151
244
|
this.removeTooltip();
|
|
152
245
|
});
|
|
246
|
+
(_c = this.overflowedParent) === null || _c === void 0 ? void 0 : _c.addEventListener('scroll', () => {
|
|
247
|
+
this.handleScroll();
|
|
248
|
+
});
|
|
153
249
|
}
|
|
154
250
|
/**
|
|
155
251
|
* Finds first element's parent with not visible overflow.
|
|
@@ -198,25 +294,32 @@ export class Tooltip {
|
|
|
198
294
|
* First it checks the available space for a defined position and then sets the new one based on the available space.
|
|
199
295
|
*/
|
|
200
296
|
setCorrectPosition() {
|
|
201
|
-
|
|
202
|
-
if (!this.tooltipValue || !this.isShown) {
|
|
297
|
+
if (!this.tooltip || !this.isShown) {
|
|
203
298
|
return;
|
|
204
299
|
}
|
|
205
300
|
switch (this.position) {
|
|
206
301
|
case 'top':
|
|
207
|
-
this.positionState =
|
|
302
|
+
this.positionState = this.tooltipContainerHeight + OFFSET < this.top ? this.position : this.getAlternativePosition();
|
|
208
303
|
break;
|
|
209
304
|
case 'bottom':
|
|
210
|
-
this.positionState =
|
|
305
|
+
this.positionState = this.tooltipContainerHeight + OFFSET < this.bottom ? this.position : this.getAlternativePosition();
|
|
211
306
|
break;
|
|
212
307
|
case 'left':
|
|
213
|
-
this.positionState =
|
|
308
|
+
this.positionState = this.tooltipContainerWidth + OFFSET < this.left ? this.position : this.getAlternativePosition();
|
|
214
309
|
break;
|
|
215
310
|
case 'right':
|
|
216
|
-
this.positionState =
|
|
311
|
+
this.positionState = this.tooltipContainerWidth + OFFSET < this.right ? this.position : this.getAlternativePosition();
|
|
217
312
|
break;
|
|
218
313
|
}
|
|
219
314
|
this.adjustArrowPosition();
|
|
315
|
+
this.alignTooltipPosition();
|
|
316
|
+
this.alignArrowPosition();
|
|
317
|
+
// allow tooltip content wrap and recalculate position
|
|
318
|
+
if (this.tooltip.style.width === 'fit-content') {
|
|
319
|
+
return;
|
|
320
|
+
}
|
|
321
|
+
this.tooltip.style.width = 'fit-content';
|
|
322
|
+
this.alignTooltipPosition();
|
|
220
323
|
}
|
|
221
324
|
/**
|
|
222
325
|
* Adjusts arrow correct position.
|
|
@@ -224,10 +327,9 @@ export class Tooltip {
|
|
|
224
327
|
* For right & left tooltip positions there is only one position = "center".
|
|
225
328
|
*/
|
|
226
329
|
adjustArrowPosition() {
|
|
227
|
-
|
|
228
|
-
const
|
|
229
|
-
|
|
230
|
-
if (isEnoughTooltipSpaceLeft && isEnoughTooltipSpaceRight || this.positionState === 'left' || this.positionState === 'right') {
|
|
330
|
+
const isEnoughTooltipSpaceLeft = this.tooltipContainerWidth / 2 + OFFSET < this.left;
|
|
331
|
+
const isEnoughTooltipSpaceRight = this.tooltipContainerWidth / 2 + OFFSET < this.right;
|
|
332
|
+
if (isEnoughTooltipSpaceLeft && isEnoughTooltipSpaceRight || !isEnoughTooltipSpaceLeft && !isEnoughTooltipSpaceRight || this.positionState === 'left' || this.positionState === 'right') {
|
|
231
333
|
this.arrowPositionState = 'center';
|
|
232
334
|
}
|
|
233
335
|
else if (!isEnoughTooltipSpaceLeft) {
|
|
@@ -253,7 +355,7 @@ export class Tooltip {
|
|
|
253
355
|
role: 'tooltip',
|
|
254
356
|
'aria-hidden': `${!isShown}`
|
|
255
357
|
};
|
|
256
|
-
return (h(Host, Object.assign({ key: '
|
|
358
|
+
return (h(Host, Object.assign({ key: 'f0b2e0117f0604d325becbcc05686433fbd3d506' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: '2f5ff7638dedddd04dac78a2131438457211354b', class: "r-tooltip" }, h("div", Object.assign({ key: 'cb562089f6e7ac27b99ba09953c2f28f29e3e649', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: '2e09b16563b9aa325ff64f10af1ad5f4728a2417' })), h("div", Object.assign({ key: 'ffe53881e5ec5335073a7adf2ed5479f3a56f00f', class: "r-tooltip--content", ref: (el) => this.tooltip = el }, contentAttrs), text), h("div", { key: '3f85fb76e934b18d5963d125699d00776c6abbac', ref: (el) => this.arrow = el, class: "r-tooltip--arrow" }))));
|
|
257
359
|
}
|
|
258
360
|
static get is() { return "r-tooltip"; }
|
|
259
361
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy(JSON.parse("[[\"r-pagination\",[[257,\"r-pagination\",{\"arrows\":[1028],\"totalResults\":[514,\"total-results\"],\"pageActive\":[1538,\"page-active\"],\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[16,\"items-per-page-options\"],\"variant\":[1],\"resultsLine\":[1028,\"results-line\"],\"startText\":[1,\"start-text\"],\"middleText\":[1,\"middle-text\"],\"endText\":[1,\"end-text\"],\"selectText\":[1,\"select-text\"],\"listBoxPosition\":[1,\"list-box-position\"],\"total\":[32],\"active\":[32],\"previous\":[32],\"next\":[32],\"first\":[32],\"last\":[32]}]]],[\"r-input-password\",[[257,\"r-input-password\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showPasswordAriaLabel\":[1,\"show-password-aria-label\"],\"hidePasswordAriaLabel\":[1,\"hide-password-aria-label\"],\"shownPasswordMessage\":[1,\"shown-password-message\"],\"hiddenPasswordMessage\":[1,\"hidden-password-message\"],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"r-checkbox-group\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"help\":[1],\"helpIcon\":[1,\"help-icon\"],\"helpIconColor\":[1,\"help-icon-color\"],\"hint\":[1],\"showSelectAll\":[516,\"show-select-all\"],\"novalidate\":[4],\"checked\":[4],\"indetermitate\":[4],\"indeterminate\":[32],\"allChecked\":[32],\"noChecked\":[32],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"checkAll\":[64],\"uncheckAll\":[64]},[[0,\"rChange\",\"handleCheckboxChange\"]]]]],[\"r-input-phone-number\",[[257,\"r-input-phone-number\",{\"value\":[513],\"form\":[1],\"novalidate\":[4],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"name\":[1],\"inputLabel\":[1,\"input-label\"],\"countryCodeLabel\":[1,\"country-code-label\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[513,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"fullPhoneNumber\":[32],\"phoneNumber\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-input-code\",[[257,\"r-input-code\",{\"form\":[1],\"name\":[1],\"length\":[2],\"disabled\":[516],\"novalidate\":[4],\"required\":[4],\"readonly\":[516],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"invalid\":[1540],\"error\":[1],\"valid\":[1540],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"ariaCharacterLabel\":[1,\"aria-character-label\"],\"value\":[1537],\"values\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64]},null,{\"values\":[\"handleValuesChange\"]}]]],[\"r-input-date\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"dayAriaLabel\":[513,\"day-aria-label\"],\"monthAriaLabel\":[513,\"month-aria-label\"],\"yearAriaLabel\":[513,\"year-aria-label\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"reset\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-radio-group\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"reset\":[64],\"setValue\":[64],\"getValue\":[64],\"clearValue\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setCustomValidity\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[0,\"rChange\",\"rChangeAction\"],[0,\"radioButtonClick\",\"radioButtonClickAction\"],[0,\"radioButtonKeydown\",\"radioButtonKeydownAction\"]]]]],[\"r-textarea\",[[257,\"r-textarea\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"resize\":[513],\"disabled\":[4],\"readonly\":[516],\"hint\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"maxlength\":[2],\"showCounter\":[4,\"show-counter\"],\"characterLimitReachedMessage\":[1,\"character-limit-reached-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"minlength\":[2],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"reportValidity\":[64]}]]],[\"r-dialog\",[[257,\"r-dialog\",{\"open\":[4],\"returnValue\":[1,\"return-value\"],\"headline\":[1],\"bodyText\":[1,\"body-text\"],\"bodyHeight\":[1,\"body-height\"],\"size\":[513],\"closeAriaLabel\":[513,\"close-aria-label\"],\"isOpen\":[32],\"showModal\":[64],\"close\":[64],\"toggle\":[64]},[[9,\"mouseup\",\"onMouseup\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"r-popover\",[[257,\"r-popover\",{\"open\":[516],\"size\":[513],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"containerAriaLabel\":[1,\"container-aria-label\"],\"vertical\":[1],\"horizontal\":[1],\"positionState\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"keyup\",\"onKeyup\"],[9,\"resize\",\"onResize\"],[9,\"scroll\",\"onScroll\"]],{\"open\":[\"handleOpenChange\"],\"isOpen\":[\"watchOpen\"],\"horizontal\":[\"handlePreferredPositionChange\"],\"vertical\":[\"handlePreferredPositionChange\"]}]]],[\"r-toast\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"headline\":[513],\"href\":[1],\"action\":[1],\"target\":[1],\"delay\":[2],\"dismissMode\":[1,\"dismiss-mode\"],\"dismissLabel\":[1,\"dismiss-label\"],\"delayBeforeRemoval\":[2,\"delay-before-removal\"],\"dismissable\":[4],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-alert\",[[257,\"r-alert\",{\"status\":[513],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingIconSize\":[1,\"trailing-icon-size\"],\"headline\":[1],\"content\":[1],\"href\":[1],\"linkText\":[1,\"link-text\"],\"target\":[1],\"delay\":[2],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"delayTimer\":[32]}]]],[\"r-panel\",[[257,\"r-panel\",{\"header\":[1],\"hasHeader\":[4,\"has-header\"],\"active\":[4],\"hasFooter\":[4,\"has-footer\"],\"variant\":[513],\"collapsed\":[4],\"logoLink\":[1,\"logo-link\"],\"labelCollapse\":[1,\"label-collapse\"],\"labelExpand\":[1,\"label-expand\"],\"currentLocation\":[32],\"isCollapsed\":[32],\"togglePanel\":[64],\"expandPanel\":[64],\"collapsePanel\":[64]},[[2,\"click\",\"toggleSubItems\"],[4,\"click\",\"handleDocumentClick\"]],{\"isCollapsed\":[\"handleCollapseChange\"],\"variant\":[\"watchVariant\"]}]]],[\"r-radio-button\",[[257,\"r-radio-button\",{\"form\":[513],\"name\":[1537],\"value\":[520],\"novalidate\":[4],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"checked\":[1540],\"hint\":[1],\"error\":[1],\"description\":[1],\"icon\":[1],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64]}]]],[\"r-stepper\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2]}]]],[\"r-accordion-item\",[[257,\"r-accordion-item\",{\"header\":[1],\"expanded\":[1540]},[[8,\"click\",\"handleClick\"]]]]],[\"r-accordion-trigger\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconPosition\":[1,\"icon-position\"],\"iconExpanded\":[1,\"icon-expanded\"],\"iconCollapsed\":[1,\"icon-collapsed\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSize\":[1,\"leading-icon-size\"]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item\",[[257,\"r-list-item\",{\"headline\":[1],\"subtext\":[1],\"description\":[1],\"truncateDescription\":[4,\"truncate-description\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"hideLeadingIcon\":[4,\"hide-leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingText\":[1,\"trailing-text\"],\"alignment\":[513],\"divider\":[516],\"href\":[513],\"disabled\":[516],\"variant\":[513],\"expanded\":[1540],\"toggleSubitems\":[64]}]]],[\"r-accordion\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section\",[[257,\"r-accordion-section\",{\"disabled\":[1540],\"expanded\":[1540],\"headingAriaLevel\":[514,\"heading-aria-level\"],\"isExpanded\":[32]},[[0,\"rClickTrigger\",\"rClickTriggerAction\"],[0,\"rKeyupTrigger\",\"rKeyupTriggerAction\"]],{\"expanded\":[\"expandedAction\"]}]]],[\"r-design-system-devtools\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-popover-action\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-tab-panel\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-tabs-list\",[[257,\"r-tabs-list\"]]],[\"r-toast-group\",[[262,\"r-toast-group\"]]],[\"r-icon\",[[257,\"r-icon\",{\"name\":[513],\"src\":[1],\"kit\":[1],\"size\":[513],\"viewBox\":[1,\"view-box\"],\"color\":[1],\"variant\":[513],\"iconAriaLabel\":[1,\"icon-aria-label\"]}]]],[\"r-select\",[[257,\"r-select\",{\"form\":[513],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"label\":[513],\"internal\":[516],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"disabledIcon\":[1,\"disabled-icon\"],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"optional\":[4],\"optionalText\":[513,\"optional-text\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"tralingIconSize\":[1,\"traling-icon-size\"],\"listboxPosition\":[1,\"listbox-position\"],\"validMessage\":[513,\"valid-message\"],\"valueMissingMessage\":[513,\"value-missing-message\"],\"customErrorMessage\":[513,\"custom-error-message\"],\"expanded\":[4],\"readonly\":[516],\"combobox\":[516],\"toggleButtonAriaLabel\":[1,\"toggle-button-aria-label\"],\"noResultsFound\":[1,\"no-results-found\"],\"listboxPositionState\":[32],\"validityState\":[32],\"validityMessage\":[32],\"isExpanded\":[32],\"isReadonly\":[32],\"currentValue\":[32],\"valueToDisplay\":[32],\"isInitializing\":[32],\"isResetting\":[32],\"isNewValue\":[32],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"reportValidity\":[64],\"setFocus\":[64],\"setBlur\":[64],\"expand\":[64],\"collapse\":[64],\"getFocusedOption\":[64],\"setFocusedOption\":[64]},[[0,\"optionClick\",\"optionSelectAction\"],[0,\"rTooltipFocus\",\"tooltipFocusAction\"],[9,\"mouseup\",\"onMouseup\"],[8,\"keyup\",\"onKeyup\"],[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"]],{\"listboxPosition\":[\"handleListboxPositionChange\"],\"expanded\":[\"handleExpandedChange\"],\"readonly\":[\"handleReadonlyChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-checkbox\",[[257,\"r-checkbox\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"getValidityState\":[64],\"setFocus\":[64],\"setBlur\":[64],\"check\":[64],\"uncheck\":[64],\"toggleChecked\":[64],\"setIndeterminate\":[64],\"clearIndeterminate\":[64]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"]}]]],[\"r-input\",[[257,\"r-input\",{\"form\":[1],\"novalidate\":[4],\"type\":[513],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"internal\":[516],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"icon\":[513],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[1,\"icon-position\"],\"iconSubmit\":[4,\"icon-submit\"],\"fullWidth\":[516,\"full-width\"],\"showValid\":[516,\"show-valid\"],\"valid\":[1540],\"validMarker\":[516,\"valid-marker\"],\"validMarkerIcon\":[513,\"valid-marker-icon\"],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"min\":[2],\"max\":[2],\"pattern\":[8],\"step\":[2],\"valueMissingMessage\":[1,\"value-missing-message\"],\"typeMismatchMessage\":[1,\"type-mismatch-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"stepMismatchMessage\":[1,\"step-mismatch-message\"],\"badInputMessage\":[1,\"bad-input-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"autocomplete\":[1],\"readonly\":[516],\"validityState\":[32],\"validityMessage\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64]},null,{\"value\":[\"handleValueChange\"]}]]],[\"r-select-option\",[[257,\"r-select-option\",{\"disabled\":[516],\"selected\":[516],\"value\":[513],\"label\":[513],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[513,\"icon-position\"],\"isFocused\":[32],\"isSelected\":[32],\"setFocus\":[64],\"setBlur\":[64],\"setSelected\":[64],\"clearSelected\":[64]}]]],[\"r-button\",[[257,\"r-button\",{\"form\":[1],\"type\":[513],\"rAriaLabel\":[513,\"r-aria-label\"],\"size\":[513],\"variant\":[513],\"expanded\":[516],\"disabled\":[516],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"href\":[1],\"target\":[1],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-hint_3\",[[257,\"r-label\",{\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[513,\"tooltip-icon-color\"],\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}],[257,\"r-tooltip\",{\"text\":[1],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-icon-button\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}]]]]"), options);
|
|
8
|
+
return bootstrapLazy(JSON.parse("[[\"r-pagination\",[[257,\"r-pagination\",{\"arrows\":[1028],\"totalResults\":[514,\"total-results\"],\"pageActive\":[1538,\"page-active\"],\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[16,\"items-per-page-options\"],\"variant\":[1],\"resultsLine\":[1028,\"results-line\"],\"startText\":[1,\"start-text\"],\"middleText\":[1,\"middle-text\"],\"endText\":[1,\"end-text\"],\"selectText\":[1,\"select-text\"],\"listBoxPosition\":[1,\"list-box-position\"],\"total\":[32],\"active\":[32],\"previous\":[32],\"next\":[32],\"first\":[32],\"last\":[32]}]]],[\"r-input-password\",[[257,\"r-input-password\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showPasswordAriaLabel\":[1,\"show-password-aria-label\"],\"hidePasswordAriaLabel\":[1,\"hide-password-aria-label\"],\"shownPasswordMessage\":[1,\"shown-password-message\"],\"hiddenPasswordMessage\":[1,\"hidden-password-message\"],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"r-checkbox-group\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"help\":[1],\"helpIcon\":[1,\"help-icon\"],\"helpIconColor\":[1,\"help-icon-color\"],\"hint\":[1],\"showSelectAll\":[516,\"show-select-all\"],\"novalidate\":[4],\"checked\":[4],\"indetermitate\":[4],\"indeterminate\":[32],\"allChecked\":[32],\"noChecked\":[32],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"checkAll\":[64],\"uncheckAll\":[64]},[[0,\"rChange\",\"handleCheckboxChange\"]]]]],[\"r-input-phone-number\",[[257,\"r-input-phone-number\",{\"value\":[513],\"form\":[1],\"novalidate\":[4],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"name\":[1],\"inputLabel\":[1,\"input-label\"],\"countryCodeLabel\":[1,\"country-code-label\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[513,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"fullPhoneNumber\":[32],\"phoneNumber\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-input-code\",[[257,\"r-input-code\",{\"form\":[1],\"name\":[1],\"length\":[2],\"disabled\":[516],\"novalidate\":[4],\"required\":[4],\"readonly\":[516],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"invalid\":[1540],\"error\":[1],\"valid\":[1540],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"ariaCharacterLabel\":[1,\"aria-character-label\"],\"value\":[1537],\"values\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64]},null,{\"values\":[\"handleValuesChange\"]}]]],[\"r-input-date\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"dayAriaLabel\":[513,\"day-aria-label\"],\"monthAriaLabel\":[513,\"month-aria-label\"],\"yearAriaLabel\":[513,\"year-aria-label\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"reset\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-radio-group\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"reset\":[64],\"setValue\":[64],\"getValue\":[64],\"clearValue\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setCustomValidity\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[0,\"rChange\",\"rChangeAction\"],[0,\"radioButtonClick\",\"radioButtonClickAction\"],[0,\"radioButtonKeydown\",\"radioButtonKeydownAction\"]]]]],[\"r-textarea\",[[257,\"r-textarea\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"resize\":[513],\"disabled\":[4],\"readonly\":[516],\"hint\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"maxlength\":[2],\"showCounter\":[4,\"show-counter\"],\"characterLimitReachedMessage\":[1,\"character-limit-reached-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"minlength\":[2],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"reportValidity\":[64]}]]],[\"r-dialog\",[[257,\"r-dialog\",{\"open\":[4],\"returnValue\":[1,\"return-value\"],\"headline\":[1],\"bodyText\":[1,\"body-text\"],\"bodyHeight\":[1,\"body-height\"],\"size\":[513],\"closeAriaLabel\":[513,\"close-aria-label\"],\"isOpen\":[32],\"showModal\":[64],\"close\":[64],\"toggle\":[64]},[[9,\"mouseup\",\"onMouseup\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"r-popover\",[[257,\"r-popover\",{\"open\":[516],\"size\":[513],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"containerAriaLabel\":[1,\"container-aria-label\"],\"vertical\":[1],\"horizontal\":[1],\"positionState\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"keyup\",\"onKeyup\"],[9,\"resize\",\"onResize\"],[9,\"scroll\",\"onScroll\"]],{\"open\":[\"handleOpenChange\"],\"isOpen\":[\"watchOpen\"],\"horizontal\":[\"handlePreferredPositionChange\"],\"vertical\":[\"handlePreferredPositionChange\"]}]]],[\"r-toast\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"headline\":[513],\"href\":[1],\"action\":[1],\"target\":[1],\"delay\":[2],\"dismissMode\":[1,\"dismiss-mode\"],\"dismissLabel\":[1,\"dismiss-label\"],\"delayBeforeRemoval\":[2,\"delay-before-removal\"],\"dismissable\":[4],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-alert\",[[257,\"r-alert\",{\"status\":[513],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingIconSize\":[1,\"trailing-icon-size\"],\"headline\":[1],\"content\":[1],\"href\":[1],\"linkText\":[1,\"link-text\"],\"target\":[1],\"delay\":[2],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"delayTimer\":[32]}]]],[\"r-panel\",[[257,\"r-panel\",{\"header\":[1],\"hasHeader\":[4,\"has-header\"],\"active\":[4],\"hasFooter\":[4,\"has-footer\"],\"variant\":[513],\"collapsed\":[4],\"logoLink\":[1,\"logo-link\"],\"labelCollapse\":[1,\"label-collapse\"],\"labelExpand\":[1,\"label-expand\"],\"currentLocation\":[32],\"isCollapsed\":[32],\"togglePanel\":[64],\"expandPanel\":[64],\"collapsePanel\":[64]},[[2,\"click\",\"toggleSubItems\"],[4,\"click\",\"handleDocumentClick\"]],{\"isCollapsed\":[\"handleCollapseChange\"],\"variant\":[\"watchVariant\"]}]]],[\"r-radio-button\",[[257,\"r-radio-button\",{\"form\":[513],\"name\":[1537],\"value\":[520],\"novalidate\":[4],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"checked\":[1540],\"hint\":[1],\"error\":[1],\"description\":[1],\"icon\":[1],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64]}]]],[\"r-stepper\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2]}]]],[\"r-accordion-item\",[[257,\"r-accordion-item\",{\"header\":[1],\"expanded\":[1540]},[[8,\"click\",\"handleClick\"]]]]],[\"r-accordion-trigger\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconPosition\":[1,\"icon-position\"],\"iconExpanded\":[1,\"icon-expanded\"],\"iconCollapsed\":[1,\"icon-collapsed\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSize\":[1,\"leading-icon-size\"]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item\",[[257,\"r-list-item\",{\"headline\":[1],\"subtext\":[1],\"description\":[1],\"truncateDescription\":[4,\"truncate-description\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"hideLeadingIcon\":[4,\"hide-leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingText\":[1,\"trailing-text\"],\"alignment\":[513],\"divider\":[516],\"href\":[513],\"disabled\":[516],\"variant\":[513],\"expanded\":[1540],\"toggleSubitems\":[64]}]]],[\"r-accordion\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section\",[[257,\"r-accordion-section\",{\"disabled\":[1540],\"expanded\":[1540],\"headingAriaLevel\":[514,\"heading-aria-level\"],\"isExpanded\":[32]},[[0,\"rClickTrigger\",\"rClickTriggerAction\"],[0,\"rKeyupTrigger\",\"rKeyupTriggerAction\"]],{\"expanded\":[\"expandedAction\"]}]]],[\"r-design-system-devtools\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-popover-action\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-tab-panel\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-tabs-list\",[[257,\"r-tabs-list\"]]],[\"r-toast-group\",[[262,\"r-toast-group\"]]],[\"r-icon\",[[257,\"r-icon\",{\"name\":[513],\"src\":[1],\"kit\":[1],\"size\":[513],\"viewBox\":[1,\"view-box\"],\"color\":[1],\"variant\":[513],\"iconAriaLabel\":[1,\"icon-aria-label\"]}]]],[\"r-select\",[[257,\"r-select\",{\"form\":[513],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"label\":[513],\"internal\":[516],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"disabledIcon\":[1,\"disabled-icon\"],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"optional\":[4],\"optionalText\":[513,\"optional-text\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"tralingIconSize\":[1,\"traling-icon-size\"],\"listboxPosition\":[1,\"listbox-position\"],\"validMessage\":[513,\"valid-message\"],\"valueMissingMessage\":[513,\"value-missing-message\"],\"customErrorMessage\":[513,\"custom-error-message\"],\"expanded\":[4],\"readonly\":[516],\"combobox\":[516],\"toggleButtonAriaLabel\":[1,\"toggle-button-aria-label\"],\"noResultsFound\":[1,\"no-results-found\"],\"listboxPositionState\":[32],\"validityState\":[32],\"validityMessage\":[32],\"isExpanded\":[32],\"isReadonly\":[32],\"currentValue\":[32],\"valueToDisplay\":[32],\"isInitializing\":[32],\"isResetting\":[32],\"isNewValue\":[32],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"reportValidity\":[64],\"setFocus\":[64],\"setBlur\":[64],\"expand\":[64],\"collapse\":[64],\"getFocusedOption\":[64],\"setFocusedOption\":[64]},[[0,\"optionClick\",\"optionSelectAction\"],[0,\"rTooltipFocus\",\"tooltipFocusAction\"],[9,\"mouseup\",\"onMouseup\"],[8,\"keyup\",\"onKeyup\"],[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"]],{\"listboxPosition\":[\"handleListboxPositionChange\"],\"expanded\":[\"handleExpandedChange\"],\"readonly\":[\"handleReadonlyChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-checkbox\",[[257,\"r-checkbox\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"getValidityState\":[64],\"setFocus\":[64],\"setBlur\":[64],\"check\":[64],\"uncheck\":[64],\"toggleChecked\":[64],\"setIndeterminate\":[64],\"clearIndeterminate\":[64]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"]}]]],[\"r-input\",[[257,\"r-input\",{\"form\":[1],\"novalidate\":[4],\"type\":[513],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"internal\":[516],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"icon\":[513],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[1,\"icon-position\"],\"iconSubmit\":[4,\"icon-submit\"],\"fullWidth\":[516,\"full-width\"],\"showValid\":[516,\"show-valid\"],\"valid\":[1540],\"validMarker\":[516,\"valid-marker\"],\"validMarkerIcon\":[513,\"valid-marker-icon\"],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"min\":[2],\"max\":[2],\"pattern\":[8],\"step\":[2],\"valueMissingMessage\":[1,\"value-missing-message\"],\"typeMismatchMessage\":[1,\"type-mismatch-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"stepMismatchMessage\":[1,\"step-mismatch-message\"],\"badInputMessage\":[1,\"bad-input-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"autocomplete\":[1],\"autofocus\":[516],\"readonly\":[516],\"validityState\":[32],\"validityMessage\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64]},null,{\"value\":[\"handleValueChange\"]}]]],[\"r-select-option\",[[257,\"r-select-option\",{\"disabled\":[516],\"selected\":[516],\"value\":[513],\"label\":[513],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[513,\"icon-position\"],\"isFocused\":[32],\"isSelected\":[32],\"setFocus\":[64],\"setBlur\":[64],\"setSelected\":[64],\"clearSelected\":[64]}]]],[\"r-button\",[[257,\"r-button\",{\"form\":[1],\"type\":[513],\"rAriaLabel\":[513,\"r-aria-label\"],\"size\":[513],\"variant\":[513],\"expanded\":[516],\"disabled\":[516],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"href\":[1],\"target\":[1],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-hint_3\",[[257,\"r-label\",{\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[513,\"tooltip-icon-color\"],\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}],[257,\"r-tooltip\",{\"text\":[1],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-icon-button\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -13,7 +13,7 @@ const Accordion = class {
|
|
|
13
13
|
this.size = 'l';
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '623360f15eff8713b2b6228d5b1793c035495b32' }, h("div", { key: '95bf78640b2e1376a7bb6f5e3f0b31b447a110a7', class: "r-accordion" }, h("slot", { key: '4de98884581aa2510d22127ce8e86fbc323b528f' }))));
|
|
17
17
|
}
|
|
18
18
|
get host() { return getElement(this); }
|
|
19
19
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Da7qOBFr.js';
|
|
2
2
|
|
|
3
|
-
const alertCss = ":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #
|
|
3
|
+
const alertCss = ":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #3e5c73)}:host([status=success]){--color:var(--r-status-success-soft, #f7fdf8);--background-color:var(--r-status-success-regular, #298535)}:host([status=warning]){--color:var(--r-color-grey-charcoal-400, #282828);--background-color:var(--r-status-warning-regular, #ff7429)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #b00c15)}:host([aria-hidden=true]){--transition:all 0.5s;--position:absolute;--visibility:hidden;--opacity:0;--z-index:-1}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #3e5c73));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);visibility:var(--visibility, visible);opacity:var(--opacity, 1);z-index:var(--z-index, unset);font-family:var(--font-family, var(--r-font-family-text, system-ui));font-size:var(--font-size, var(--r-font-size-400, 16px));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, var(--r-spacing-100, 1rem));box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert:empty{--r-alert--display:none}.r-alert a{color:var(--color)}.r-alert--main{display:var(--r-alert--main--display, flex);flex-flow:var(--r-alert--main--flex-flow, column);gap:var(--r-alert--main--gap, var(--r-spacing-050))}.r-alert--headline{color:var(--r-alert--headline--color, var(--color));font-size:var(--r-alert--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-alert--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-alert--headline--margin, 0)}.r-alert--trailing r-button{--r-button--padding:0;--r-button--color:var(--color)}";
|
|
4
4
|
|
|
5
5
|
const Alert = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-Da7qOBFr.js';
|
|
2
2
|
|
|
3
|
-
const badgeCss = ":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #
|
|
3
|
+
const badgeCss = ":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #3e5c73);--r-badge--border-color:var(--r-status-info-regular, #3e5c73);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #ff7429);--r-badge--border-color:var(--r-status-warning-regular, #ff7429);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #b00c15);--r-badge--border-color:var(--r-status-error-regular, #b00c15);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73))}";
|
|
4
4
|
|
|
5
5
|
const RBadge = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -131,7 +131,7 @@ const Button = class {
|
|
|
131
131
|
position: iconPosition
|
|
132
132
|
};
|
|
133
133
|
const TagName = isLink ? 'a' : 'button';
|
|
134
|
-
return (h(Host, { key: '
|
|
134
|
+
return (h(Host, { key: '0b48f424b11006ab76b94efcc9c2bf8f09b34102' }, h(TagName, Object.assign({ key: '3ce6a6d4a585fb785d44c9da2e41a6257ff83577', class: "r-button" }, attrs, { "aria-label": rAriaLabel || null, ref: (el) => (this.nativeElement = el), onClick: this.handleClick }), h("span", { key: '1a554fd1567c800d7ba10d8862e9fd90ede883a4', class: "r-button--slot" }, icon && h("r-icon", Object.assign({ key: '3a05d454414ce42b0a1ead502d0a7df48c35a647', name: icon }, iconAttrs, { size: "s" })), this.hasIconSlot && h("slot", { key: '723ad285f16dea5a7e007a46a47e308942366b92', name: "icon" }), h("div", { key: 'bf7829917767fa2d578508bbfa5c4456579f6766', style: { display: 'contents' } }, h("slot", { key: '59ecb9a9901fe5084af9d42ad408c7413e0c3d1f', onSlotchange: this.handleSlotChange }))))));
|
|
135
135
|
}
|
|
136
136
|
get host() { return getElement(this); }
|
|
137
137
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-Da7qOBFr.js';
|
|
2
2
|
|
|
3
|
-
const checkboxGroupCss = ":host([show-select-all]:not([show-select-all=false])){--r-checkbox-group--content--margin-left:calc(1.5rem + 1rem);--r-checkbox-group--content--padding-left:var(--r-spacing-100, 1rem);--r-checkbox-group--label--hint--margin-bottom:0}:host([invalid]:not([invalid=false])) ::slotted(r-checkbox){--r-checkbox--box--border-color:var(--r-status-error-regular, #
|
|
3
|
+
const checkboxGroupCss = ":host([show-select-all]:not([show-select-all=false])){--r-checkbox-group--content--margin-left:calc(1.5rem + 1rem);--r-checkbox-group--content--padding-left:var(--r-spacing-100, 1rem);--r-checkbox-group--label--hint--margin-bottom:0}:host([invalid]:not([invalid=false])) ::slotted(r-checkbox){--r-checkbox--box--border-color:var(--r-status-error-regular, #b00c15);--r-checkbox--box--background-color:var(--r-status-error-soft, #fef6f6);--r-checkbox--marker--color:var(--r-status-error-regular, #b00c15)}.r-checkbox-group{display:var(--r-checkbox-group--display, flex);flex-direction:var(--r-checkbox-group--flex-direction, column);border:var(--r-checkbox-group--border, none);margin:var(--r-checkbox-group--margin, 0);padding:var(--r-checkbox-group--padding, 0);width:var(--r-checkbox-group--width, 100%)}.r-checkbox-group--label{padding:var(--r-checkbox-group--label--padding, 0);display:var(--r-checkbox-group--label--display, block);width:var(--r-checkbox-group--label--width, 100%);margin:var(--r-checkbox-group--label--margin, 0);padding:var(--r-checkbox-group--label--padding, 0)}.r-checkbox-group--label r-hint{--r-hint--margin-bottom:var(--r-checkbox-group--label--hint--margin-bottom, var(--r-spacing-100, 1rem))}.r-checkbox-group--content{margin-left:var(--r-checkbox-group--content--margin-left, 0);display:var(--r-checkbox-group--content--display, flex);flex-direction:var(--r-checkbox-group--content--flex-direction, column);gap:var(--r-checkbox-group--content--gap, var(--r-spacing-050, 0.5rem));padding-left:var(--r-checkbox-group--content--padding-left, 0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";
|
|
4
4
|
|
|
5
5
|
const CheckboxGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -233,13 +233,13 @@ const Checkbox = class {
|
|
|
233
233
|
checked,
|
|
234
234
|
indeterminate
|
|
235
235
|
};
|
|
236
|
-
return (h(Host, { key: '
|
|
236
|
+
return (h(Host, { key: '79d7e8e080149a1ed8fee3d407f40da28d89e113', onClick: this.handleClick }, h("div", { key: '4a55be6beed582b9fbcea98da4c3728f63d8bf2f', class: "r-checkbox" }, h("input", Object.assign({ key: '482806370c082d8928222922b2182ad212c9fd16', class: "r-checkbox--input", type: "checkbox" }, inputAttrs, { id: `${uniqueId}-input`, ref: el => this.nativeElement = el, "aria-describedby": this.hasMessage ? `${uniqueId}-message` : null, "aria-required": `${this.required || false}`, "aria-invalid": `${this.invalid || false}` })), h("div", { key: 'f3650c5055c733f8f55e0d1e684df2ef18629271', class: "r-checkbox--box", "aria-hidden": "true" }, this.checked ?
|
|
237
237
|
h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.80019 15.8988L4.6002 11.6988L3.2002 13.0988L8.80019 18.6988L20.8002 6.69883L19.4002 5.29883L8.80019 15.8988Z", fill: "currentColor" }))
|
|
238
238
|
: this.indeterminate ?
|
|
239
239
|
h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { x: "4", y: "11", width: "16", height: "2", fill: "currentColor" }))
|
|
240
|
-
: null), h("div", { key: '
|
|
241
|
-
h("r-hint", { key: '
|
|
242
|
-
h("r-hint", { key: '
|
|
240
|
+
: null), h("div", { key: 'debd71ef2e1fcf46414c0bd93e6ee3cb35d58649', class: "r-checkbox--description" }, h("label", { key: '1698497afd3be427dd98b9c8292464ca8e805269', class: "r-checkbox--label", id: `${uniqueId}-label`, htmlFor: `${uniqueId}-input` }, h("slot", { key: 'a7d0646be5338917b042ce0cd49d32c920585153' })), h("div", { key: '8f6f206dcb74cff5acaac4b58dcc9792f4f3367c', id: `${uniqueId}-message`, class: !this.hasMessage ? 'visually-hidden' : 'r-checkbox--message', "aria-live": "polite", "aria-atomic": "true" }, this.hasInvalidMessage &&
|
|
241
|
+
h("r-hint", { key: '5fdb37b61532b821c87966b6763a20d58e3929ab', variant: "error" }, error || this.customErrorMessage || this.validityMessage), this.hasValidMessage &&
|
|
242
|
+
h("r-hint", { key: '74ff89cd4066b93a3d0f28271ca3f9fcfcdbd976', variant: "success" }, this.validMessage))))));
|
|
243
243
|
}
|
|
244
244
|
get host() { return getElement(this); }
|
|
245
245
|
static get watchers() { return {
|