@riverty/web-components 5.8.0 → 6.1.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 +107 -0
- package/custom-elements.json +215 -362
- package/dist/cjs/index-DJ4H_bFj.js +6 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-accordion-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-trigger.cjs.entry.js +5 -35
- package/dist/cjs/r-accordion.cjs.entry.js +3 -7
- package/dist/cjs/r-alert.cjs.entry.js +26 -11
- 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 -11
- package/dist/cjs/r-checkbox.cjs.entry.js +76 -75
- package/dist/cjs/r-dialog.cjs.entry.js +3 -11
- package/dist/cjs/r-hint_2.cjs.entry.js +50 -0
- package/dist/cjs/{r-hint_3.cjs.entry.js → r-icon-button_2.cjs.entry.js} +64 -51
- package/dist/cjs/r-icon.cjs.entry.js +1 -1
- package/dist/cjs/r-input-code.cjs.entry.js +112 -17
- package/dist/cjs/r-input-date.cjs.entry.js +8 -14
- package/dist/cjs/r-input-password.cjs.entry.js +16 -8
- package/dist/cjs/r-input-phone-number.cjs.entry.js +7 -12
- package/dist/cjs/r-input.cjs.entry.js +90 -42
- package/dist/cjs/r-list-item.cjs.entry.js +20 -19
- package/dist/cjs/r-panel.cjs.entry.js +5 -5
- package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/r-popover.cjs.entry.js +3 -3
- package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button.cjs.entry.js +29 -12
- package/dist/cjs/r-radio-group.cjs.entry.js +18 -22
- package/dist/cjs/r-select-option.cjs.entry.js +1 -1
- package/dist/cjs/r-select.cjs.entry.js +6 -24
- package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/r-stepper-item.cjs.entry.js +3 -3
- package/dist/cjs/r-stepper.cjs.entry.js +2 -2
- package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-tab.cjs.entry.js +6 -2
- package/dist/cjs/r-tabs-list.cjs.entry.js +160 -2
- package/dist/cjs/r-tabs.cjs.entry.js +34 -6
- package/dist/cjs/r-textarea.cjs.entry.js +7 -19
- package/dist/cjs/r-toast-group.cjs.entry.js +2 -2
- package/dist/cjs/r-toast.cjs.entry.js +31 -11
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/accordion/accordion.css +0 -2
- package/dist/collection/components/accordion/accordion.js +4 -8
- package/dist/collection/components/accordion/exports.js +1 -1
- package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
- package/dist/collection/components/accordion-section/accordion-section.js +1 -1
- package/dist/collection/components/accordion-trigger/accordion-trigger.css +0 -4
- package/dist/collection/components/accordion-trigger/accordion-trigger.js +4 -215
- package/dist/collection/components/alert/alert.css +8 -3
- package/dist/collection/components/alert/alert.js +48 -10
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +80 -98
- package/dist/collection/components/checkbox-group/checkbox-group.js +1 -50
- package/dist/collection/components/dialog/dialog.css +1 -3
- package/dist/collection/components/dialog/dialog.js +2 -10
- package/dist/collection/components/hint/hint.js +2 -2
- package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
- package/dist/collection/components/icon/riverty-kit.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +22 -3
- package/dist/collection/components/input/exports.js +2 -0
- package/dist/collection/components/input/input.css +3 -0
- package/dist/collection/components/input/input.js +233 -371
- package/dist/collection/components/input-code/exports.js +2 -0
- package/dist/collection/components/input-code/input-code.js +294 -26
- package/dist/collection/components/input-date/input-date.js +8 -77
- package/dist/collection/components/input-password/exports.js +1 -0
- package/dist/collection/components/input-password/input-password.css +1 -0
- package/dist/collection/components/input-password/input-password.js +195 -70
- package/dist/collection/components/input-phone-number/input-phone-number.js +7 -75
- package/dist/collection/components/label/label.js +3 -113
- package/dist/collection/components/list-item/list-item/list-item.css +53 -19
- package/dist/collection/components/list-item/list-item/list-item.js +38 -40
- package/dist/collection/components/panel/panel.css +40 -17
- package/dist/collection/components/panel/panel.js +6 -6
- package/dist/collection/components/popover/exports.js +0 -1
- package/dist/collection/components/popover/popover.css +2 -10
- package/dist/collection/components/popover/popover.js +2 -55
- package/dist/collection/components/popover-action/popover-action.js +1 -1
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-headline/popover-headline.js +1 -1
- package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +49 -12
- package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
- package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
- package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +38 -124
- package/dist/collection/components/select/select.js +6 -330
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/stepper/stepper.css +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.css +3 -3
- package/dist/collection/components/stepper-item/stepper-item.js +2 -2
- package/dist/collection/components/tab/tab.css +29 -29
- package/dist/collection/components/tab/tab.js +5 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tabs/tabs.js +34 -6
- package/dist/collection/components/tabs-list/exports.js +2 -0
- package/dist/collection/components/tabs-list/tabs-list.css +43 -2
- package/dist/collection/components/tabs-list/tabs-list.js +277 -1
- package/dist/collection/components/textarea/textarea.css +1 -1
- package/dist/collection/components/textarea/textarea.js +6 -158
- package/dist/collection/components/toast/toast.css +35 -9
- package/dist/collection/components/toast/toast.js +44 -32
- package/dist/collection/components/toast-group/toast-group.css +1 -1
- package/dist/collection/components/toast-group/toast-group.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/esm/index-Da7qOBFr.js +6 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-accordion-panel.entry.js +1 -1
- package/dist/esm/r-accordion-section.entry.js +1 -1
- package/dist/esm/r-accordion-trigger.entry.js +5 -35
- package/dist/esm/r-accordion.entry.js +3 -7
- package/dist/esm/r-alert.entry.js +26 -11
- 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 -11
- package/dist/esm/r-checkbox.entry.js +76 -75
- package/dist/esm/r-dialog.entry.js +3 -11
- package/dist/esm/r-hint_2.entry.js +47 -0
- package/dist/esm/{r-hint_3.entry.js → r-icon-button_2.entry.js} +65 -51
- package/dist/esm/r-icon.entry.js +1 -1
- package/dist/esm/r-input-code.entry.js +112 -17
- package/dist/esm/r-input-date.entry.js +8 -14
- package/dist/esm/r-input-password.entry.js +16 -8
- package/dist/esm/r-input-phone-number.entry.js +7 -12
- package/dist/esm/r-input.entry.js +90 -42
- package/dist/esm/r-list-item.entry.js +20 -19
- package/dist/esm/r-panel.entry.js +5 -5
- package/dist/esm/r-popover-action.entry.js +1 -1
- package/dist/esm/r-popover-content.entry.js +1 -1
- package/dist/esm/r-popover-headline.entry.js +1 -1
- package/dist/esm/r-popover-trigger.entry.js +1 -1
- package/dist/esm/r-popover.entry.js +3 -3
- package/dist/esm/r-progress-bar.entry.js +1 -1
- package/dist/esm/r-radio-button-description.entry.js +1 -1
- package/dist/esm/r-radio-button-leading.entry.js +1 -1
- package/dist/esm/r-radio-button-title.entry.js +1 -1
- package/dist/esm/r-radio-button-trailing.entry.js +1 -1
- package/dist/esm/r-radio-button.entry.js +29 -12
- package/dist/esm/r-radio-group.entry.js +18 -22
- package/dist/esm/r-select-option.entry.js +1 -1
- package/dist/esm/r-select.entry.js +6 -24
- package/dist/esm/r-skip-link.entry.js +1 -1
- package/dist/esm/r-stepper-item.entry.js +3 -3
- package/dist/esm/r-stepper.entry.js +2 -2
- package/dist/esm/r-tab-panel.entry.js +1 -1
- package/dist/esm/r-tab.entry.js +6 -2
- package/dist/esm/r-tabs-list.entry.js +161 -3
- package/dist/esm/r-tabs.entry.js +34 -6
- package/dist/esm/r-textarea.entry.js +7 -19
- package/dist/esm/r-toast-group.entry.js +2 -2
- package/dist/esm/r-toast.entry.js +31 -11
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +1 -5
- package/dist/types/components/accordion/exports.d.ts +1 -1
- package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +0 -36
- package/dist/types/components/alert/alert.d.ts +6 -1
- package/dist/types/components/checkbox/checkbox.d.ts +24 -34
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +0 -11
- package/dist/types/components/dialog/dialog.d.ts +0 -2
- 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/riverty-kit.d.ts +1 -0
- package/dist/types/components/icon-button/icon-button.d.ts +4 -0
- package/dist/types/components/input/exports.d.ts +4 -0
- package/dist/types/components/input/input.d.ts +47 -73
- package/dist/types/components/input-code/exports.d.ts +4 -0
- package/dist/types/components/input-code/input-code.d.ts +49 -7
- package/dist/types/components/input-date/input-date.d.ts +0 -16
- package/dist/types/components/input-password/exports.d.ts +1 -0
- package/dist/types/components/input-password/input-password.d.ts +48 -16
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +0 -16
- package/dist/types/components/label/label.d.ts +0 -18
- package/dist/types/components/list-item/list-item/list-item.d.ts +5 -9
- package/dist/types/components/popover/exports.d.ts +0 -2
- package/dist/types/components/popover/popover.d.ts +1 -14
- package/dist/types/components/radio-button/radio-button.d.ts +5 -0
- package/dist/types/components/radio-group/radio-group.d.ts +5 -26
- package/dist/types/components/select/select.d.ts +0 -50
- package/dist/types/components/tabs/tabs.d.ts +1 -0
- package/dist/types/components/tabs-list/exports.d.ts +4 -0
- package/dist/types/components/tabs-list/tabs-list.d.ts +38 -0
- package/dist/types/components/textarea/textarea.d.ts +0 -32
- package/dist/types/components/toast/toast.d.ts +11 -5
- package/dist/types/components.d.ts +280 -638
- package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
- package/dist/web-components/p-0347feff.entry.js +1 -0
- package/dist/web-components/p-159822fe.entry.js +1 -0
- package/dist/web-components/p-19407a14.entry.js +1 -0
- package/dist/web-components/{p-5744d75c.entry.js → p-1da75540.entry.js} +1 -1
- package/dist/web-components/p-26ef77d6.entry.js +1 -0
- package/dist/web-components/p-3884c6e7.entry.js +1 -0
- package/dist/web-components/p-3f60c6c0.entry.js +1 -0
- package/dist/web-components/{p-87f39749.entry.js → p-4595fa8e.entry.js} +1 -1
- package/dist/web-components/{p-4e3df002.entry.js → p-4cc58c6a.entry.js} +1 -1
- package/dist/web-components/p-4f261b63.entry.js +1 -0
- package/dist/web-components/{p-e0e2f2b2.entry.js → p-50893211.entry.js} +1 -1
- package/dist/web-components/{p-72fa1fd1.entry.js → p-550e2237.entry.js} +1 -1
- package/dist/web-components/p-589baaf9.entry.js +1 -0
- package/dist/web-components/{p-3b4e3faf.entry.js → p-5eeb7002.entry.js} +1 -1
- package/dist/web-components/p-60341de2.entry.js +1 -0
- package/dist/web-components/{p-44ae9f33.entry.js → p-62b788bf.entry.js} +1 -1
- package/dist/web-components/p-63fd817d.entry.js +1 -0
- package/dist/web-components/p-67fa3f84.entry.js +1 -0
- package/dist/web-components/p-6bb44ec6.entry.js +1 -0
- package/dist/web-components/p-6cc2ea2c.entry.js +1 -0
- package/dist/web-components/p-70784685.entry.js +1 -0
- package/dist/web-components/p-7ce57332.entry.js +1 -0
- package/dist/web-components/{p-429213ea.entry.js → p-7fed6f4d.entry.js} +1 -1
- package/dist/web-components/p-8a66d20c.entry.js +1 -0
- package/dist/web-components/{p-c7f8e59b.entry.js → p-8c31cbd5.entry.js} +1 -1
- package/dist/web-components/p-8dac326b.entry.js +1 -0
- package/dist/web-components/p-92c7cf33.entry.js +1 -0
- package/dist/web-components/{p-1c2497de.entry.js → p-9ef1bbee.entry.js} +1 -1
- package/dist/web-components/p-a7d22c76.entry.js +1 -0
- package/dist/web-components/p-b96d59ca.entry.js +1 -0
- package/dist/web-components/p-ba801820.entry.js +1 -0
- package/dist/web-components/{p-a022f356.entry.js → p-bfc8c077.entry.js} +1 -1
- package/dist/web-components/p-c05b05da.entry.js +1 -0
- package/dist/web-components/p-c1e748f2.entry.js +1 -0
- package/dist/web-components/{p-5bbd6e3c.entry.js → p-c478712b.entry.js} +1 -1
- package/dist/web-components/p-c95b6470.entry.js +1 -0
- package/dist/web-components/p-cd5daad2.entry.js +1 -0
- package/dist/web-components/p-cdd88c5a.entry.js +1 -0
- package/dist/web-components/{p-3078b2b8.entry.js → p-d054eb4d.entry.js} +1 -1
- package/dist/web-components/{p-8563a1ab.entry.js → p-d433a828.entry.js} +1 -1
- package/dist/web-components/p-d7726e46.entry.js +1 -0
- package/dist/web-components/p-d819c8e5.entry.js +1 -0
- package/dist/web-components/{p-755cc697.entry.js → p-e4dc60f0.entry.js} +1 -1
- package/dist/web-components/{p-d1379ac6.entry.js → p-f9d5004c.entry.js} +1 -1
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/r-accordion-item.cjs.entry.js +0 -78
- package/dist/cjs/r-icon-button.cjs.entry.js +0 -81
- package/dist/collection/components/accordion-item/accordion-item.css +0 -121
- package/dist/collection/components/accordion-item/accordion-item.js +0 -138
- package/dist/esm/r-accordion-item.entry.js +0 -76
- package/dist/esm/r-icon-button.entry.js +0 -79
- package/dist/types/components/accordion-item/accordion-item.d.ts +0 -26
- package/dist/web-components/p-00ca474f.entry.js +0 -1
- package/dist/web-components/p-0bb04d79.entry.js +0 -1
- package/dist/web-components/p-15ac0fdd.entry.js +0 -1
- package/dist/web-components/p-1c956370.entry.js +0 -1
- package/dist/web-components/p-2a512983.entry.js +0 -1
- package/dist/web-components/p-2b2f581a.entry.js +0 -1
- package/dist/web-components/p-2e18e762.entry.js +0 -1
- package/dist/web-components/p-3bc93d65.entry.js +0 -1
- package/dist/web-components/p-4bd3e077.entry.js +0 -1
- package/dist/web-components/p-51a5804b.entry.js +0 -1
- package/dist/web-components/p-56da04d8.entry.js +0 -1
- package/dist/web-components/p-5e6aabd8.entry.js +0 -1
- package/dist/web-components/p-656229de.entry.js +0 -1
- package/dist/web-components/p-6a4f3836.entry.js +0 -1
- package/dist/web-components/p-7775228c.entry.js +0 -1
- package/dist/web-components/p-7ad8e78b.entry.js +0 -1
- package/dist/web-components/p-85a9af42.entry.js +0 -1
- package/dist/web-components/p-9e50120b.entry.js +0 -1
- package/dist/web-components/p-a7e7f8fa.entry.js +0 -1
- package/dist/web-components/p-ad9b2a48.entry.js +0 -1
- package/dist/web-components/p-b2f03016.entry.js +0 -1
- package/dist/web-components/p-b87ad83b.entry.js +0 -1
- package/dist/web-components/p-c937bd92.entry.js +0 -1
- package/dist/web-components/p-cbcd7699.entry.js +0 -1
- package/dist/web-components/p-dbe579e8.entry.js +0 -1
- package/dist/web-components/p-e4b66277.entry.js +0 -1
- package/dist/web-components/p-e6a31881.entry.js +0 -1
- package/dist/web-components/p-f2577a3c.entry.js +0 -1
- package/dist/web-components/p-f6a92287.entry.js +0 -1
package/dist/esm/r-tabs.entry.js
CHANGED
|
@@ -185,23 +185,51 @@ const RTabs = class {
|
|
|
185
185
|
history.pushState({ tabId, tabsGroup }, '', url.toString());
|
|
186
186
|
}
|
|
187
187
|
_changeFocusTab(tab, keycode) {
|
|
188
|
-
var _a, _b, _c, _d;
|
|
189
188
|
const tabs = Array.from(this.tabElements).filter(element => !element.disabled);
|
|
190
189
|
const index = tabs.indexOf(tab);
|
|
190
|
+
let nextTab;
|
|
191
191
|
switch (keycode) {
|
|
192
192
|
case 'ArrowLeft':
|
|
193
|
-
index === 0 ?
|
|
193
|
+
nextTab = index === 0 ? tabs[tabs.length - 1] : tabs[index - 1];
|
|
194
194
|
break;
|
|
195
195
|
case 'ArrowRight':
|
|
196
|
-
index === tabs.length - 1 ?
|
|
196
|
+
nextTab = index === tabs.length - 1 ? tabs[0] : tabs[index + 1];
|
|
197
197
|
break;
|
|
198
198
|
case 'Home':
|
|
199
|
-
|
|
199
|
+
nextTab = tabs[0];
|
|
200
200
|
break;
|
|
201
201
|
case 'End':
|
|
202
|
-
|
|
202
|
+
nextTab = tabs[tabs.length - 1];
|
|
203
203
|
break;
|
|
204
204
|
}
|
|
205
|
+
if (nextTab) {
|
|
206
|
+
nextTab.focus();
|
|
207
|
+
this.scrollTabIntoView(nextTab);
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
scrollTabIntoView(tab) {
|
|
211
|
+
var _a;
|
|
212
|
+
const tabsList = this.host.querySelector('r-tabs-list');
|
|
213
|
+
if (!tabsList)
|
|
214
|
+
return;
|
|
215
|
+
const container = (_a = tabsList.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.r-tabs-list--tabs-container');
|
|
216
|
+
if (!container)
|
|
217
|
+
return;
|
|
218
|
+
const containerRect = container.getBoundingClientRect();
|
|
219
|
+
const tabRect = tab.getBoundingClientRect();
|
|
220
|
+
// Check if tab is fully visible
|
|
221
|
+
const isFullyVisible = tabRect.left >= containerRect.left - 1 &&
|
|
222
|
+
tabRect.right <= containerRect.right + 1;
|
|
223
|
+
if (isFullyVisible)
|
|
224
|
+
return;
|
|
225
|
+
// Calculate scroll offset to center the tab
|
|
226
|
+
const centerOffset = (tabRect.left - containerRect.left) -
|
|
227
|
+
(containerRect.width / 2) +
|
|
228
|
+
(tabRect.width / 2);
|
|
229
|
+
container.scrollBy({
|
|
230
|
+
left: centerOffset,
|
|
231
|
+
behavior: 'smooth'
|
|
232
|
+
});
|
|
205
233
|
}
|
|
206
234
|
/** Listen for "click" event on `<r-tab>` */
|
|
207
235
|
tabChangeAction(event) {
|
|
@@ -238,7 +266,7 @@ const RTabs = class {
|
|
|
238
266
|
this._changeFocusTab(e.target, e.detail.keycode);
|
|
239
267
|
}
|
|
240
268
|
render() {
|
|
241
|
-
return (h(Host, { key: '
|
|
269
|
+
return (h(Host, { key: 'b058fd461951dad54e7eb73f7dc5df838c864ebd', class: "r-tabs" }, h("slot", { key: '8e93fded06f0f01dc326e8368aac200d36613753' })));
|
|
242
270
|
}
|
|
243
271
|
get host() { return getElement(this); }
|
|
244
272
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Da7qOBFr.js';
|
|
2
2
|
import { a as appendControlToFormData } from './formData-DvLT8-y3.js';
|
|
3
3
|
|
|
4
|
-
const textareaCss = ":host{opacity:1;display:block;outline:none;--r-label--margin-bottom:0}:host(:focus-visible){outline:none}:host([resize=none]){--r-textarea--input--resize:none}:host([resize=both]){--r-textarea--input--resize:both}:host([resize=horizontal]){--r-textarea--input--resize:horizontal}:host([resize=vertical]){--r-textarea--input--resize:vertical}:host([resize=initial]){--r-textarea--input--resize:initial}:host([resize=inherit]){--r-textarea--input--resize:inherit}:host([invalid]:not([invalid=false])){--r-textarea--container--background-color:var(--r-status-error-soft, #fef6f6);--r-textarea--container--border-color:var(--r-status-error-regular, #b00c15)}.r-textarea--label-container{display:var(--r-textarea--label-container--display, flex);gap:var(--r-textarea--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-textarea--label-container--align-items, center);justify-content:var(--r-textarea--label-container--align-items, space-between)}.r-textarea--label-container ::slotted([slot=popover]){display:var(--r-textarea--popover--display, inline-flex);height:var(--r-textarea--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-textarea--popover--align-items, center);justify-content:var(--r-textarea--popover--justify-content, center);margin-right:var(--r-textarea--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-textarea--popover-trigger--min-width, var(--r-spacing-150, 1.5))}.r-textarea--input::placeholder{color:var(--r-textarea--input--placeholder--color, var(--r-text-soft, #686868))}.r-textarea--input{vertical-align:top;width:var(--r-textarea--input--width, 100%);max-width:var(--r-textarea--input--max-width, 100%);min-height:var(--r-textarea--input--min-height, 8.875em);font-family:var(--r-textarea--input--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-textarea--input--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-textarea--input--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-textarea--input--line-height, var(--r-line-height-m, 1.5));color:var(--r-textarea--input--color, var(--r-text-regular, #282828));background-color:var(--r-textarea--input--background-color, transparent);opacity:var(--r-textarea--input--opacity, 1);border-width:var(--r-textarea--input--border-width, 0px);border-style:var(--r-textarea--input--border-style, solid);border-color:var(--r-textarea--input--border-color, var(--r-border-soft, #686868));border-radius:var(--r-textarea--input--border-radius, 0);box-sizing:var(--r-textarea--input--box-sizing, border-box);box-shadow:var(--r-textarea--input--box-shadow, none);padding:var(--r-textarea--input--padding, var(--r-textarea--input--padding-top, 0.688em) var(--r-textarea--input--padding-right, 0.625em) var(--r-textarea--input--padding-bottom, 0.688em) var(--r-textarea--input--padding-left, 0.625em));margin-top:var(--r-textarea--input--margin-top, 0);resize:var(--r-textarea--input--resize, both);z-index:var(--r-textarea--input--z-index,
|
|
4
|
+
const textareaCss = ":host{opacity:1;display:block;outline:none;--r-label--margin-bottom:0}:host(:focus-visible){outline:none}:host([resize=none]){--r-textarea--input--resize:none}:host([resize=both]){--r-textarea--input--resize:both}:host([resize=horizontal]){--r-textarea--input--resize:horizontal}:host([resize=vertical]){--r-textarea--input--resize:vertical}:host([resize=initial]){--r-textarea--input--resize:initial}:host([resize=inherit]){--r-textarea--input--resize:inherit}:host([invalid]:not([invalid=false])){--r-textarea--container--background-color:var(--r-status-error-soft, #fef6f6);--r-textarea--container--border-color:var(--r-status-error-regular, #b00c15)}.r-textarea--label-container{display:var(--r-textarea--label-container--display, flex);gap:var(--r-textarea--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-textarea--label-container--align-items, center);justify-content:var(--r-textarea--label-container--align-items, space-between)}.r-textarea--label-container ::slotted([slot=popover]){display:var(--r-textarea--popover--display, inline-flex);height:var(--r-textarea--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-textarea--popover--align-items, center);justify-content:var(--r-textarea--popover--justify-content, center);margin-right:var(--r-textarea--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-textarea--popover-trigger--min-width, var(--r-spacing-150, 1.5))}.r-textarea--input::placeholder{color:var(--r-textarea--input--placeholder--color, var(--r-text-soft, #686868))}.r-textarea--input{vertical-align:top;width:var(--r-textarea--input--width, 100%);max-width:var(--r-textarea--input--max-width, 100%);min-height:var(--r-textarea--input--min-height, 8.875em);font-family:var(--r-textarea--input--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-textarea--input--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-textarea--input--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-textarea--input--line-height, var(--r-line-height-m, 1.5));color:var(--r-textarea--input--color, var(--r-text-regular, #282828));background-color:var(--r-textarea--input--background-color, transparent);opacity:var(--r-textarea--input--opacity, 1);border-width:var(--r-textarea--input--border-width, 0px);border-style:var(--r-textarea--input--border-style, solid);border-color:var(--r-textarea--input--border-color, var(--r-border-soft, #686868));border-radius:var(--r-textarea--input--border-radius, 0);box-sizing:var(--r-textarea--input--box-sizing, border-box);box-shadow:var(--r-textarea--input--box-shadow, none);padding:var(--r-textarea--input--padding, var(--r-textarea--input--padding-top, 0.688em) var(--r-textarea--input--padding-right, 0.625em) var(--r-textarea--input--padding-bottom, 0.688em) var(--r-textarea--input--padding-left, 0.625em));margin-top:var(--r-textarea--input--margin-top, 0);resize:var(--r-textarea--input--resize, both);z-index:var(--r-textarea--input--z-index, initial);outline:var(--r-textarea--input--outline, none);outline-offset:var(--r-textarea--input--outline-offset, 0);pointer-events:var(--r-textarea--input--pointer-events, auto);cursor:var(--r-textarea--input--cursor, inherit)}.r-textarea--container{display:flex;align-items:start;overflow:visible;background-color:var(--r-textarea--container--background-color, var(--r-background-interactive-softest, #f7f7f7));border-width:var(--r-textarea--container--border-width, 1px);border-style:var(--r-textarea--container--border-style, solid);border-color:var(--r-textarea--container--border-color, var(--r-border-soft, #686868));padding:var(--r-textarea--container--padding, 0);margin-top:var(--r-textarea--container--margin-top, var(--r-spacing-025, 0.25rem));box-shadow:var(--r-textarea--container--box-shadow, none);outline:var(--r-textarea--container--outline, none);outline-offset:var(--r-textarea--container--outline-offset, none)}.r-textarea--container[data-readonly=true]{--r-textarea--container--background-color:var(--r-background-soft, #f3f1f0);--r-textarea--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-textarea--container--cursor:text}.r-textarea--container:hover:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-hovered)}.r-textarea--container:active:not([data-disabled=true]):not([data-readonly=true]){--r-textarea--container--background-color:var(--r-background-interactive-pressed)}.r-textarea--container:focus-within{--r-textarea--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-textarea--container--outline:2px solid var(--r-border-focused, #0071e3);--r-textarea--container--outline-offset:2px}.r-textarea--trailing{display:var(--r-textarea--trailing--display, flex);margin-top:var(--r-textarea--trailing--margin-top, 0.688em);margin-right:var(--r-textarea--trailing--margin-right, 0.625em);margin-left:var(--r-textarea--trailing--margin-left, auto);gap:var(--r-textarea--trailing--gap, 0.625rem)}.r-textarea--trailing:empty{display:none}.r-textarea--readonly-icon{color:var(--r-textarea--readonly-icon--color, var(--r-icon-soft, #686868))}.r-textarea--messages{display:flex;gap:var(--r-textarea--messages--gap, var(--r-spacing-025, 0.25rem))}.r-textarea--messages--counter{margin-left:auto}.r-textarea--messages:has(r-hint){margin-top:var(--r-spacing-025, 0.25rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";
|
|
5
5
|
|
|
6
6
|
const RTextarea = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -21,11 +21,6 @@ const RTextarea = class {
|
|
|
21
21
|
this.resize = 'none';
|
|
22
22
|
/** Custom message when the character limit is reached to alert screen reader users. */
|
|
23
23
|
this.characterLimitReachedMessage = "You've reached the character limit.";
|
|
24
|
-
/**
|
|
25
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.)
|
|
26
|
-
* Controls the visibility of validation indicators for the field.
|
|
27
|
-
* */
|
|
28
|
-
this.showValid = false;
|
|
29
24
|
/** Custom validity state */
|
|
30
25
|
this.validityState = null;
|
|
31
26
|
/** Custom validity message */
|
|
@@ -188,11 +183,8 @@ const RTextarea = class {
|
|
|
188
183
|
const hasMessage = !!(this.customErrorMessage || this.validityMessage);
|
|
189
184
|
return isInvalid && hasMessage;
|
|
190
185
|
}
|
|
191
|
-
get hasValidationSuccess() {
|
|
192
|
-
return this.valid && this.validMessage && this.showValid;
|
|
193
|
-
}
|
|
194
186
|
get hasMessage() {
|
|
195
|
-
return this.hasError || this.hasValidationError
|
|
187
|
+
return this.hasError || this.hasValidationError;
|
|
196
188
|
}
|
|
197
189
|
/**
|
|
198
190
|
* Determine whether this element should be ignored
|
|
@@ -233,7 +225,7 @@ const RTextarea = class {
|
|
|
233
225
|
this.disconnectFormEventListeners();
|
|
234
226
|
}
|
|
235
227
|
render() {
|
|
236
|
-
const { name, rows, cols, placeholder, required, showCounter, maxlength, minlength, form, value, disabled, resize, hint, invalid, label, uniqueId, fieldIndicator,
|
|
228
|
+
const { name, rows, cols, placeholder, required, showCounter, maxlength, minlength, form, value, disabled, resize, hint, invalid, label, uniqueId, fieldIndicator, readonly } = this;
|
|
237
229
|
const textareaAttrs = {
|
|
238
230
|
name,
|
|
239
231
|
rows,
|
|
@@ -252,14 +244,10 @@ const RTextarea = class {
|
|
|
252
244
|
'aria-invalid': `${!!invalid}`,
|
|
253
245
|
'aria-required': `${!!required}`
|
|
254
246
|
};
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
tooltipIcon,
|
|
259
|
-
tooltipIconColor
|
|
247
|
+
const labelAttr = label ? {
|
|
248
|
+
label,
|
|
249
|
+
fieldIndicator
|
|
260
250
|
} : {};
|
|
261
|
-
const labelAttr = label ? Object.assign({ label,
|
|
262
|
-
fieldIndicator }, tooltipAttrs) : {};
|
|
263
251
|
// Filter out event listener properties based on naming convention.
|
|
264
252
|
// Pass them to native element.
|
|
265
253
|
const eventListeners = Object.entries(this).reduce((acc, [key, value]) => {
|
|
@@ -270,7 +258,7 @@ const RTextarea = class {
|
|
|
270
258
|
}, {});
|
|
271
259
|
return (h(Host, null, h("div", { class: "r-textarea--label-container" }, h("label", { htmlFor: uniqueId }, label &&
|
|
272
260
|
h("r-label", Object.assign({ id: `${uniqueId}-label` }, labelAttr), label)), h("slot", { name: "popover" })), hint &&
|
|
273
|
-
h("r-hint", { id: `${uniqueId}-hint`, role: "note" }, hint), h("div", { class: "r-textarea--container", "data-disabled": `${!!disabled}`, "data-readonly": `${!!readonly}` }, h("textarea", Object.assign({ class: "r-textarea--input" }, textareaAttrs, eventListeners, { ref: el => this.nativeElement = el, onChange: this.onChange, onInput: this.onInput })), h("div", { class: "r-textarea--trailing" }, this.readonly && h("r-icon", { class: "r-textarea--readonly-icon", name: "pen-disabled", size: "s" }), this.hasTrailingSlot && h("slot", { name: "trailing" }))), h("div", { class: "r-textarea--messages" }, h("r-hint", { "aria-live": "polite", "aria-atomic": "true", id: `${uniqueId}-message`, class: !this.hasMessage && 'visually-hidden', variant: invalid ? 'error' : 'success' }, this.hasError && this.error, this.hasValidationError && (this.customErrorMessage || this.validityMessage)
|
|
261
|
+
h("r-hint", { id: `${uniqueId}-hint`, role: "note" }, hint), h("div", { class: "r-textarea--container", "data-disabled": `${!!disabled}`, "data-readonly": `${!!readonly}` }, h("textarea", Object.assign({ class: "r-textarea--input" }, textareaAttrs, eventListeners, { ref: el => this.nativeElement = el, onChange: this.onChange, onInput: this.onInput })), h("div", { class: "r-textarea--trailing" }, this.readonly && h("r-icon", { class: "r-textarea--readonly-icon", name: "pen-disabled", size: "s" }), this.hasTrailingSlot && h("slot", { name: "trailing" }))), h("div", { class: "r-textarea--messages" }, h("r-hint", { "aria-live": "polite", "aria-atomic": "true", id: `${uniqueId}-message`, class: !this.hasMessage && 'visually-hidden', variant: invalid ? 'error' : 'success' }, this.hasError && this.error, this.hasValidationError && (this.customErrorMessage || this.validityMessage)), showCounter && h("r-hint", { "aria-hidden": true, class: "r-textarea--messages--counter" }, `${value.length}${maxlength ? '/' : ''}${maxlength}`), maxlength &&
|
|
274
262
|
h("div", { class: "visually-hidden", ref: el => this.characterLimitReachedAlert = el, "aria-live": "assertive" }))));
|
|
275
263
|
}
|
|
276
264
|
get host() { return getElement(this); }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-Da7qOBFr.js';
|
|
2
2
|
|
|
3
|
-
const toastGroupCss = "@media (max-width: 48rem){.sc-r-toast-group-h{--width:auto;--right:24px;--bottom:auto;--left:24px;--padding-right:0}}[data-visually-hidden=true].sc-r-toast-group-h{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sc-r-toast-group-h{display:var(--display, block);position:var(--position, fixed);top:var(--top, 32px);right:var(--right, 0);bottom:var(--bottom, auto);left:var(--left, auto);overflow:var(--overflow, hidden);overflow-y:var(--overflow-y, auto);width:var(--width, 352px);max-height:var(--max-height, calc(100vh - 64px));padding-right:var(--padding-right, 32px);padding-bottom:var(--padding-bottom, 32px);z-index:var(--z-index, 1)}.r-toast-group.sc-r-toast-group{position:relative;display:var(--r-toast-group--display, flex);flex-direction:var(--r-toast-group--flex-direction, column);justify-content:var(--r-toast-group--justify-content, flex-start)
|
|
3
|
+
const toastGroupCss = "@media (max-width: 48rem){.sc-r-toast-group-h{--width:auto;--right:24px;--bottom:auto;--left:24px;--padding-right:0}}[data-visually-hidden=true].sc-r-toast-group-h{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sc-r-toast-group-h{display:var(--display, block);position:var(--position, fixed);top:var(--top, 32px);right:var(--right, 0);bottom:var(--bottom, auto);left:var(--left, auto);overflow:var(--overflow, hidden);overflow-y:var(--overflow-y, auto);width:var(--width, 352px);max-height:var(--max-height, calc(100vh - 64px));padding-right:var(--padding-right, 32px);padding-bottom:var(--padding-bottom, 32px);z-index:var(--z-index, 1)}.r-toast-group.sc-r-toast-group{position:relative;display:var(--r-toast-group--display, flex);flex-direction:var(--r-toast-group--flex-direction, column);justify-content:var(--r-toast-group--justify-content, flex-start);--r-toast-group--spacing:var(--r-spacing-100, 1rem)}";
|
|
4
4
|
|
|
5
5
|
const ToastGroup = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -26,7 +26,7 @@ const ToastGroup = class {
|
|
|
26
26
|
this.observeSlotContentChange();
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: 'fa291737910745721236d14e38c54e7bf351b85e' }, h("div", { key: 'b755a032ee5b1152846946df270fd69ef4370a1a', class: "r-toast-group" }, h("slot", { key: 'd73b1e701b6b27b2e46f7f130bee1a16af2de53e' }))));
|
|
30
30
|
}
|
|
31
31
|
get host() { return getElement(this); }
|
|
32
32
|
};
|
|
@@ -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 toastCss = ":host([status=info]){--r-toast--border-color:var(--r-status-info-regular, #3e5c73);--r-toast--background-color:var(--r-status-info-soft, #f8fafb);--r-toast--leading-icon--color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--r-toast--border-color:var(--r-status-warning-regular, #ff7429);--r-toast--background-color:var(--r-status-warning-soft, #fef9f5);--r-toast--leading-icon--color:var(--r-status-warning-regular, #89411A)}:host([status=error]){--r-toast--border-color:var(--r-status-error-regular, #b00c15);--r-toast--background-color:var(--r-status-error-soft, #fef6f6);--r-toast--leading-icon--color:var(--r-status-error-regular, #b00c15)}:host([status=success]){--r-toast--border-color:var(--r-status-success-regular, #298535);--r-toast--background-color:var(--r-status-success-soft, #f7fdf8);--r-toast--leading-icon--color:var(--r-status-success-regular, #298535)}:host([is-content=false]){--r-toast--content--display:none}:host([headline]){--r-toast--content--margin-top:var(--r-spacing-050, 0.5rem)}:host([data-visually-hidden=true]){--r-toast--host--
|
|
3
|
+
const toastCss = ":host([status=info]){--r-toast--border-color:var(--r-status-info-regular, #3e5c73);--r-toast--background-color:var(--r-status-info-soft, #f8fafb);--r-toast--leading-icon--color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--r-toast--border-color:var(--r-status-warning-regular, #ff7429);--r-toast--background-color:var(--r-status-warning-soft, #fef9f5);--r-toast--leading-icon--color:var(--r-status-warning-regular, #89411A)}:host([status=error]){--r-toast--border-color:var(--r-status-error-regular, #b00c15);--r-toast--background-color:var(--r-status-error-soft, #fef6f6);--r-toast--leading-icon--color:var(--r-status-error-regular, #b00c15)}:host([status=success]){--r-toast--border-color:var(--r-status-success-regular, #298535);--r-toast--background-color:var(--r-status-success-soft, #f7fdf8);--r-toast--leading-icon--color:var(--r-status-success-regular, #298535)}:host([is-content=false]){--r-toast--content--display:none}:host([headline]){--r-toast--content--margin-top:var(--r-spacing-050, 0.5rem)}:host([data-visually-hidden=true]){--r-toast--host--animation-name:fade-out}:host(:not(:last-child)){margin-bottom:var(--r-toast-group--spacing, 0)}:host{animation-duration:var(--r-toast--host--animation-duration, 0.3s);animation-fill-mode:var(--r-toast--host--animation-fill-mode, forwards);animation-name:var(--r-toast--host--animation-name, fade-in);animation-timing-function:var(--r-toast--host--animation-timing-function, ease-in-out);box-sizing:var(--r-toast--host--box-sizing, border-box);display:var(--r-toast--host--display, block);height:var(--r-toast--host--height, var(--r-toast--host--height-expanded, auto));opacity:var(--r-toast--host--opacity, 1);overflow:var(--r-toast--host--overflow, hidden);position:var(--r-toast--host--position, relative);transition:var(--r-toast--host--transition, none);transition-delay:var(--r-toast--host--transition-delay, 0s)}:host ::slotted(p){margin:0}:host ::slotted(p+p),:host ::slotted(p+ul),:host ::slotted(p+ol){margin-top:1rem}:host .r-toast--trailing-button{--r-button--width:2.75rem;--r-button--height:2.75rem;--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;position:relative;top:-8px;right:-8px}:host .r-toast--trailing-button:hover{--r-button--color:var(--r-text-strong, #000000);--r-button--background-color:var(--r-background-interactive-hovered, #000000)}:host .r-toast--trailing-button:active{--r-button--transform:scale(0.94)}@media (prefers-reduced-motion){:host{transition:none;animation-name:none}}@keyframes fade-in{from{opacity:0;max-height:0;margin-bottom:0}to{opacity:1;max-height:fit-content;margin-bottom:var(--r-toast-group--spacing, 0)}}@keyframes fade-out{from{opacity:1;max-height:fit-content;margin-bottom:var(--r-toast-group--spacing, 0)}to{opacity:0;max-height:0;margin-bottom:0}}.r-toast{font-family:var(--r-toast--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-toast--font-size, var(--r-font-size-400, 1rem));display:var(--r-toast--display, flex);flex-direction:var(--r-toast--flex-direction, row);align-items:var(--r-toast--align-items, stretch);gap:var(--r-toast--gap, var(--r-spacing-050, 0.5rem));padding:var(--r-toast--padding, 12px);border-width:var(--r-toast--border-width, 1px);border-style:var(--r-toast--border-style, solid);border-color:var(--r-toast--border-color, var(--r-status-info-regular, #3e5c73));background-color:var(--r-toast--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-toast--box-sizing, border-box);transition:var(--r-toast--transition, none)}.r-toast--main{flex:var(--r-toast--content--flex, 1)}.r-toast--leading-icon{color:var(--r-toast--leading-icon--color, var(--r-status-info-regular, #3e5c73));margin-top:var(--r-toast--leading-icon--margin-top, 0);margin-right:var(--r-toast--leading-icon--margin-right, var(--r-spacing-025, 0.25rem))}.r-toast--headline{color:var(--r-toast--headline--color, var(--r-text-regular, #282828));font-size:var(--r-toast--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-toast--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-toast--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-toast--headline--margin, 0)}.r-toast--content{display:var(--r-toast--content--display, block);color:var(--r-toast--content--color, var(--r-text-regular, #282828));line-height:var(--r-toast--content--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-toast--content--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--content--font-weight, var(--r-font-weight-regular, 400));margin-top:var(--r-toast--content--margin-top, 0)}.r-toast--action{display:var(--r-toast--action--display, flex);margin-top:var(--r-toast--action--margin-top, var(--r-spacing-050, 0.5rem));color:var(--r-toast--action--color, var(--r-text-regular, #282828));font-size:var(--r-toast--action--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--action--font-weight, var(--r-font-weight-light, 300))}.r-toast--action-link,.r-toast--action ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-text-regular);--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-toast--action-link:hover,.r-toast--action ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-toast--action-link:active,.r-toast--action ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-pressed)}.r-toast--action ::slotted(*){font-size:inherit;color:inherit}.r-toast--action ::slotted(a){color:var(--r-toast--action--color, var(--r-text-regular, #282828))}";
|
|
4
4
|
|
|
5
5
|
const Toast = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -9,6 +9,7 @@ const Toast = class {
|
|
|
9
9
|
this.toastDismiss = createEvent(this, "dismiss");
|
|
10
10
|
this.toastReveal = createEvent(this, "reveal");
|
|
11
11
|
this.toastHide = createEvent(this, "hide");
|
|
12
|
+
this.toastDismissed = createEvent(this, "dismissed");
|
|
12
13
|
/**
|
|
13
14
|
* Controls if toast is initially shown.
|
|
14
15
|
* */
|
|
@@ -49,6 +50,7 @@ const Toast = class {
|
|
|
49
50
|
* @default 300
|
|
50
51
|
* */
|
|
51
52
|
this.delayBeforeRemoval = 300;
|
|
53
|
+
this.animationCompleted = false;
|
|
52
54
|
/** Unique id for each accordion item/row */
|
|
53
55
|
this.uniqueId = `r-toast-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
|
|
54
56
|
this.hasElContent = (selector) => {
|
|
@@ -67,6 +69,12 @@ const Toast = class {
|
|
|
67
69
|
clearTimeout(this.delayTimer);
|
|
68
70
|
}, time);
|
|
69
71
|
};
|
|
72
|
+
this.handleAnimationEnd = (event) => {
|
|
73
|
+
if (event.animationName === 'fade-out') {
|
|
74
|
+
this.animationCompleted = true;
|
|
75
|
+
this.toastDismissed.emit();
|
|
76
|
+
}
|
|
77
|
+
};
|
|
70
78
|
this.handleTrailingButtonClick = () => {
|
|
71
79
|
this.rClickToastTrailingIcon.emit();
|
|
72
80
|
this.dismiss();
|
|
@@ -84,9 +92,15 @@ const Toast = class {
|
|
|
84
92
|
this.host.style.setProperty('--r-toast--host--height-expanded', `${this.host.offsetHeight}px`);
|
|
85
93
|
this.isOpen = false;
|
|
86
94
|
this.toastDismiss.emit();
|
|
95
|
+
this.animationCompleted = false;
|
|
87
96
|
if (this.removalTimer)
|
|
88
97
|
clearTimeout(this.removalTimer);
|
|
89
|
-
this.removalTimer = setTimeout(() =>
|
|
98
|
+
this.removalTimer = setTimeout(() => {
|
|
99
|
+
if (!this.animationCompleted) {
|
|
100
|
+
this.toastDismissed.emit();
|
|
101
|
+
}
|
|
102
|
+
this.host.remove();
|
|
103
|
+
}, this.delayBeforeRemoval);
|
|
90
104
|
}
|
|
91
105
|
/**
|
|
92
106
|
* Reveals the toast notification by setting it to a visible state.
|
|
@@ -129,7 +143,7 @@ const Toast = class {
|
|
|
129
143
|
return this.hasElContent('[slot="trailing"]');
|
|
130
144
|
}
|
|
131
145
|
get isDismissManual() {
|
|
132
|
-
return this.dismissMode === 'manual'
|
|
146
|
+
return this.dismissMode === 'manual';
|
|
133
147
|
}
|
|
134
148
|
get hasTrailing() {
|
|
135
149
|
return this.hasTrailingSlot || this.isDismissManual;
|
|
@@ -178,6 +192,12 @@ const Toast = class {
|
|
|
178
192
|
componentWillLoad() {
|
|
179
193
|
this.open ? this.reveal() : this.hide();
|
|
180
194
|
}
|
|
195
|
+
componentDidLoad() {
|
|
196
|
+
this.host.addEventListener('animationend', this.handleAnimationEnd);
|
|
197
|
+
}
|
|
198
|
+
disconnectedCallback() {
|
|
199
|
+
this.host.removeEventListener('animationend', this.handleAnimationEnd);
|
|
200
|
+
}
|
|
181
201
|
render() {
|
|
182
202
|
const { headline, href, action, target, trailingIcon } = this;
|
|
183
203
|
const hostAttrs = this.announced ? {
|
|
@@ -196,14 +216,14 @@ const Toast = class {
|
|
|
196
216
|
name: trailingIcon,
|
|
197
217
|
size: 'm'
|
|
198
218
|
};
|
|
199
|
-
return (h(Host, Object.assign({ key: '
|
|
200
|
-
h("div", { key: '
|
|
201
|
-
h("h2", { key: '
|
|
202
|
-
h("div", { key: '
|
|
203
|
-
h("div", { key: '
|
|
204
|
-
h("r-button", Object.assign({ key: '
|
|
205
|
-
h("div", { key: '
|
|
206
|
-
h("r-icon-button", Object.assign({ key: '
|
|
219
|
+
return (h(Host, Object.assign({ key: '72b7c716dc4cdb477d038c53d74909ccc25b2969' }, hostAttrs, { id: this.uniqueId, "data-visually-hidden": `${this.isOpen ? 'false' : 'true'}` }), h("div", { key: '1432abcf651e29aca897b15fe84f7f587ad276dc', class: "r-toast" }, this.hasLeading &&
|
|
220
|
+
h("div", { key: 'd7b672519074880fa6f6f3c4c2177dc11b73a872', class: "r-toast--leading" }, this.hasLeadingSlot && h("slot", { key: 'bbe0f9862ff7cb439116b2eb3041ce98ed1ddcb8', name: "leading" }), this.leadingIconVisible && h("r-icon", Object.assign({ key: 'ecf6d11d1a699b5d37d5a18eb9df678629cff3af', class: "r-toast--leading-icon" }, leadingIconAttrs))), h("div", { key: '2e90162bc7cb3144356efc4072db6d8743bb08d1', class: "r-toast--main" }, this.hasHeadline &&
|
|
221
|
+
h("h2", { key: 'd2872eb73463a0b074524d279f94c4482abe1e82', class: "r-toast--headline" }, h("slot", { key: '20086f692f4de101e874bef083dfaa299a09a849', name: "headline" }, headline)), this.hasContent &&
|
|
222
|
+
h("div", { key: '91cf6f661abe2442e362826b735c5448aeac8953', class: "r-toast--content r-typography" }, h("slot", { key: 'e156039d4cdbc81511cb8135570523b86b360007', onSlotchange: this.handleSlotChange })), this.hasAction &&
|
|
223
|
+
h("div", { key: '3e1e1d09dbbcd144c3ff426b0611ea9e2b8bf664', class: "r-toast--action" }, h("slot", { key: 'c746ab13ece27873eef3fbef5e8be29992f8a416', name: "action" }, this.hasActionLink &&
|
|
224
|
+
h("r-button", Object.assign({ key: '36a864ecd40815f2b0a7241d635d5a3966e75997', class: "r-toast--action-link", variant: "text-inline", size: "small" }, actionAttrs), action)))), this.hasTrailing &&
|
|
225
|
+
h("div", { key: 'becd53f1c89e40e314f79d45886151a8f56c6e84', class: "r-toast--trailing" }, this.hasTrailingSlot && h("slot", { key: '818cf3bb17290a498d7c626e64662e42a6d5242d', name: "trailing" }), this.isDismissManual &&
|
|
226
|
+
h("r-icon-button", Object.assign({ key: '28c2963f0a1f673bb72991ba6c888b99c48b69bb' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, label: this.dismissLabel }), h("slot", { key: '437e527e868b58e47f6b972220ddf2c657d3a7f2', name: "dismiss" }))))));
|
|
207
227
|
}
|
|
208
228
|
get host() { return getElement(this); }
|
|
209
229
|
static get watchers() { return {
|
|
@@ -17,5 +17,5 @@ var patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(async (options) => {
|
|
19
19
|
await globalScripts();
|
|
20
|
-
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],\"checkValidity\":[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],\"checkValidity\":[64],\"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],\"checkValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-alert\",[[257,\"r-alert\",{\"status\":[513],\"announced\":[516],\"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-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],\"checkValidity\":[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\"],\"min\":[513],\"max\":[513],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"reset\":[64],\"checkValidity\":[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],\"checkValidity\":[64],\"reportValidity\":[64]}]]],[\"r-toast\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"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-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-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],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"touched\":[32],\"dirty\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"checkValidity\":[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],\"checkValidity\":[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],\"checkValidity\":[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);
|
|
20
|
+
return bootstrapLazy(JSON.parse("[[\"r-input-password\",[[257,\"r-input-password\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"pattern\":[1],\"valueMissingMessage\":[1,\"value-missing-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-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\"],\"passwordrules\":[1],\"autocomplete\":[1],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64],\"checkValidity\":[64]}]]],[\"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-alert\",[[257,\"r-alert\",{\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"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-checkbox-group\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"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],\"checkValidity\":[64],\"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],\"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],\"checkValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-toast\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"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\"],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"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-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],\"inputmode\":[1],\"enterkeyhint\":[1],\"autocomplete\":[1],\"values\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64],\"checkValidity\":[64],\"focusSegment\":[64],\"getSegmentValue\":[64],\"setSegmentValue\":[64]},null,{\"values\":[\"handleValuesChange\"],\"length\":[\"handleLengthChange\"]}]]],[\"r-input-date\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"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\"],\"min\":[513],\"max\":[513],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"reset\":[64],\"checkValidity\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-popover\",[[257,\"r-popover\",{\"open\":[516],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-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-radio-group\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"autofocus\":[4],\"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-tabs-list\",[[257,\"r-tabs-list\",{\"variant\":[513],\"border\":[513],\"scrollLeftTooltip\":[1,\"scroll-left-tooltip\"],\"scrollRightTooltip\":[1,\"scroll-right-tooltip\"],\"scrollable\":[32],\"firstItemVisible\":[32],\"lastItemVisible\":[32]},[[0,\"tabChange\",\"tabChangeAction\"]]]]],[\"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\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64]}]]],[\"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],\"autofocus\":[4],\"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-trigger\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4]},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],\"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],\"active\":[516],\"toggleSubitems\":[64]}]]],[\"r-tab\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"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-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-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],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"listboxPosition\":[1,\"listbox-position\"],\"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],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"touched\":[32],\"dirty\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"checkValidity\":[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],\"autofocus\":[4],\"valid\":[1540],\"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],\"checkValidity\":[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],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"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],\"enterkeyhint\":[1],\"passwordrules\":[1],\"autofocus\":[516],\"readonly\":[516],\"inputmode\":[1],\"validityMarker\":[516,\"validity-marker\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64],\"checkValidity\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64]},null,{\"value\":[\"handleValueChange\"],\"type\":[\"handleTypeChange\"]}]]],[\"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-icon-button_2\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"rTabindex\":[514,\"r-tabindex\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}],[257,\"r-tooltip\",{\"text\":[513],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-hint_2\",[[257,\"r-label\",{\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}]]]]"), options);
|
|
21
21
|
});
|
|
@@ -21,11 +21,7 @@ export declare class Accordion {
|
|
|
21
21
|
host: HTMLRAccordionElement;
|
|
22
22
|
/** Whether to allow multiple accordion items to be expanded at once */
|
|
23
23
|
multiple?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Defines the size of an accordion UI.
|
|
26
|
-
* DEPRECATED: 'small | large',
|
|
27
|
-
* use 's | l' instead
|
|
28
|
-
* */
|
|
24
|
+
/** Defines the size of an accordion UI. */
|
|
29
25
|
size: AccordionSize;
|
|
30
26
|
render(): any;
|
|
31
27
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const accordionSizeArray: readonly ["
|
|
1
|
+
export declare const accordionSizeArray: readonly ["s", "l"];
|
|
2
2
|
export type AccordionSize = typeof accordionSizeArray[number];
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import { IconName, IconPosition, IconSize } from '../icon/exports';
|
|
3
2
|
export declare class AccordionTrigger {
|
|
4
3
|
/** Current element */
|
|
5
4
|
host: HTMLRAccordionTriggerElement;
|
|
@@ -11,41 +10,6 @@ export declare class AccordionTrigger {
|
|
|
11
10
|
disabled?: boolean;
|
|
12
11
|
/** Controls if expanded and collapsed icons are not the same */
|
|
13
12
|
splitted?: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.)
|
|
16
|
-
* Icon to be used as status indication
|
|
17
|
-
**/
|
|
18
|
-
icon: IconName;
|
|
19
|
-
/**
|
|
20
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.)
|
|
21
|
-
* Defines the size of an icon used as status indication. Default: `m`.
|
|
22
|
-
**/
|
|
23
|
-
iconSize: IconSize;
|
|
24
|
-
/**
|
|
25
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.)
|
|
26
|
-
* Icon might be placed before or after content
|
|
27
|
-
**/
|
|
28
|
-
iconPosition: IconPosition;
|
|
29
|
-
/**
|
|
30
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.)
|
|
31
|
-
* Icon for expanded state
|
|
32
|
-
**/
|
|
33
|
-
iconExpanded?: IconName;
|
|
34
|
-
/**
|
|
35
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.)
|
|
36
|
-
* Icon for collapsed state
|
|
37
|
-
**/
|
|
38
|
-
iconCollapsed?: IconName;
|
|
39
|
-
/**
|
|
40
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead)
|
|
41
|
-
* Name of an icon rendered within leading slot (before content).
|
|
42
|
-
* */
|
|
43
|
-
leadingIcon?: IconName;
|
|
44
|
-
/**
|
|
45
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead)
|
|
46
|
-
* Defines the size of an icon in leading slot. Default: `m`.
|
|
47
|
-
* */
|
|
48
|
-
leadingIconSize: IconSize;
|
|
49
13
|
/** Emit click on trigger */
|
|
50
14
|
rClickTrigger: EventEmitter<{
|
|
51
15
|
element: HTMLRAccordionTriggerElement;
|
|
@@ -13,6 +13,11 @@ export declare class Alert {
|
|
|
13
13
|
leadingIconSrc?: string;
|
|
14
14
|
/** Defines an icon size to be presented in leading slot*/
|
|
15
15
|
leadingIconSize: IconSize;
|
|
16
|
+
/**
|
|
17
|
+
* Defines whether the leading icon is visible.
|
|
18
|
+
* @default true
|
|
19
|
+
* */
|
|
20
|
+
leadingIconVisible: boolean;
|
|
16
21
|
/** Defines an icon to be presented in trailing slot */
|
|
17
22
|
trailingIcon?: IconName;
|
|
18
23
|
/** Defines an icon source to be presented in trailing slot */
|
|
@@ -40,7 +45,6 @@ export declare class Alert {
|
|
|
40
45
|
/** Emit click on trigger */
|
|
41
46
|
rClickAlertTrailingIcon: EventEmitter;
|
|
42
47
|
private isElContent;
|
|
43
|
-
private get isLeadingIcon();
|
|
44
48
|
private get isLeadingSlot();
|
|
45
49
|
private get isLeading();
|
|
46
50
|
private get isTrailingIcon();
|
|
@@ -53,6 +57,7 @@ export declare class Alert {
|
|
|
53
57
|
private get isMain();
|
|
54
58
|
private get isDelay();
|
|
55
59
|
private get headlineSlotContent();
|
|
60
|
+
private get statusBasedLeadingIconName();
|
|
56
61
|
private collapseAlert;
|
|
57
62
|
private startCollapseTimer;
|
|
58
63
|
private handleTrailingButtonClick;
|