@riverty/web-components 6.3.0 → 6.3.1
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 +6 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/cjs/focusable-Oll_rmtP.js +28 -0
- package/dist/cjs/formData-B2DZyLxP.js +44 -0
- package/dist/cjs/index-BnETQtSf.js +1834 -0
- package/dist/cjs/index.cjs.js +37 -0
- package/dist/cjs/loader.cjs.js +13 -0
- package/dist/cjs/r-accordion-panel.cjs.entry.js +24 -0
- package/dist/cjs/r-accordion-section.cjs.entry.js +125 -0
- package/dist/cjs/r-accordion-trigger.cjs.entry.js +93 -0
- package/dist/cjs/r-accordion.cjs.entry.js +20 -0
- package/dist/cjs/r-alert.cjs.entry.js +146 -0
- package/dist/cjs/r-badge.cjs.entry.js +41 -0
- package/dist/cjs/r-button.cjs.entry.js +149 -0
- package/dist/cjs/r-checkbox-group.cjs.entry.js +237 -0
- package/dist/cjs/r-checkbox.cjs.entry.js +274 -0
- package/dist/cjs/r-design-system-devtools.cjs.entry.js +31 -0
- package/dist/cjs/r-dialog.cjs.entry.js +107 -0
- package/dist/cjs/r-hint_2.cjs.entry.js +50 -0
- package/dist/cjs/r-icon-button_2.cjs.entry.js +492 -0
- package/dist/cjs/r-icon.cjs.entry.js +284 -0
- package/dist/cjs/r-illustration.cjs.entry.js +396 -0
- package/dist/cjs/r-input-code.cjs.entry.js +437 -0
- package/dist/cjs/r-input-date.cjs.entry.js +524 -0
- package/dist/cjs/r-input-password.cjs.entry.js +270 -0
- package/dist/cjs/r-input-phone-number.cjs.entry.js +2525 -0
- package/dist/cjs/r-input.cjs.entry.js +618 -0
- package/dist/cjs/r-list-item.cjs.entry.js +109 -0
- package/dist/cjs/r-pagination.cjs.entry.js +320 -0
- package/dist/cjs/r-panel.cjs.entry.js +184 -0
- package/dist/cjs/r-popover-action.cjs.entry.js +80 -0
- package/dist/cjs/r-popover-content.cjs.entry.js +62 -0
- package/dist/cjs/r-popover-headline.cjs.entry.js +28 -0
- package/dist/cjs/r-popover-trigger.cjs.entry.js +70 -0
- package/dist/cjs/r-popover.cjs.entry.js +347 -0
- package/dist/cjs/r-progress-bar.cjs.entry.js +25 -0
- package/dist/cjs/r-radio-button-description.cjs.entry.js +18 -0
- package/dist/cjs/r-radio-button-leading.cjs.entry.js +18 -0
- package/dist/cjs/r-radio-button-title.cjs.entry.js +18 -0
- package/dist/cjs/r-radio-button-trailing.cjs.entry.js +18 -0
- package/dist/cjs/r-radio-button.cjs.entry.js +139 -0
- package/dist/cjs/r-radio-group.cjs.entry.js +428 -0
- package/dist/cjs/r-select-option.cjs.entry.js +130 -0
- package/dist/cjs/r-select.cjs.entry.js +1107 -0
- package/dist/cjs/r-skip-link.cjs.entry.js +19 -0
- package/dist/cjs/r-stepper-item.cjs.entry.js +42 -0
- package/dist/cjs/r-stepper.cjs.entry.js +99 -0
- package/dist/cjs/r-tab-panel.cjs.entry.js +26 -0
- package/dist/cjs/r-tab.cjs.entry.js +62 -0
- package/dist/cjs/r-tabs-list.cjs.entry.js +175 -0
- package/dist/cjs/r-tabs.cjs.entry.js +277 -0
- package/dist/cjs/r-textarea.cjs.entry.js +270 -0
- package/dist/cjs/r-toast-group.cjs.entry.js +46 -0
- package/dist/cjs/r-toast.cjs.entry.js +314 -0
- package/dist/cjs/style-observer-D9zSP9wP.js +1118 -0
- package/dist/cjs/theming-NqxjhVJS.js +109 -0
- package/dist/cjs/web-components.cjs.js +25 -0
- package/dist/collection/collection-manifest.json +60 -0
- package/dist/collection/components/accordion/accordion.css +24 -0
- package/dist/collection/components/accordion/accordion.js +90 -0
- package/dist/collection/components/accordion/exports.js +1 -0
- package/dist/collection/components/accordion-panel/accordion-panel.css +50 -0
- package/dist/collection/components/accordion-panel/accordion-panel.js +86 -0
- package/dist/collection/components/accordion-section/accordion-section.css +27 -0
- package/dist/collection/components/accordion-section/accordion-section.js +235 -0
- package/dist/collection/components/accordion-trigger/accordion-trigger.css +93 -0
- package/dist/collection/components/accordion-trigger/accordion-trigger.js +220 -0
- package/dist/collection/components/alert/alert.css +120 -0
- package/dist/collection/components/alert/alert.js +526 -0
- package/dist/collection/components/alert/exports.js +2 -0
- package/dist/collection/components/badge/badge.css +62 -0
- package/dist/collection/components/badge/badge.js +124 -0
- package/dist/collection/components/badge/exports.js +1 -0
- package/dist/collection/components/button/button.css +180 -0
- package/dist/collection/components/button/button.js +510 -0
- package/dist/collection/components/button/exports.js +5 -0
- package/dist/collection/components/checkbox/checkbox.css +116 -0
- package/dist/collection/components/checkbox/checkbox.js +803 -0
- package/dist/collection/components/checkbox-group/checkbox-group.css +48 -0
- package/dist/collection/components/checkbox-group/checkbox-group.js +744 -0
- package/dist/collection/components/design-system-devtools/design-system-devtools.js +59 -0
- package/dist/collection/components/dialog/dialog.css +125 -0
- package/dist/collection/components/dialog/dialog.js +345 -0
- package/dist/collection/components/dialog/exports.js +9 -0
- package/dist/collection/components/hint/exports.js +1 -0
- package/dist/collection/components/hint/hint.css +63 -0
- package/dist/collection/components/hint/hint.js +114 -0
- package/dist/collection/components/icon/all-kit.js +2 -0
- package/dist/collection/components/icon/data.js +90 -0
- package/dist/collection/components/icon/exports.js +7 -0
- package/dist/collection/components/icon/icon.css +105 -0
- package/dist/collection/components/icon/icon.js +379 -0
- package/dist/collection/components/icon/riverty-kit.js +2 -0
- package/dist/collection/components/icon-button/icon-button.css +105 -0
- package/dist/collection/components/icon-button/icon-button.js +343 -0
- package/dist/collection/components/illustration/data.js +112 -0
- package/dist/collection/components/illustration/exports.js +3 -0
- package/dist/collection/components/illustration/illustration.css +52 -0
- package/dist/collection/components/illustration/illustration.js +540 -0
- package/dist/collection/components/illustration/illustrations-ui-kit.js +2 -0
- package/dist/collection/components/input/exports.js +62 -0
- package/dist/collection/components/input/input.css +186 -0
- package/dist/collection/components/input/input.js +1861 -0
- package/dist/collection/components/input-code/exports.js +2 -0
- package/dist/collection/components/input-code/input-code.css +127 -0
- package/dist/collection/components/input-code/input-code.js +1165 -0
- package/dist/collection/components/input-date/exports.js +1 -0
- package/dist/collection/components/input-date/input-date.css +148 -0
- package/dist/collection/components/input-date/input-date.js +1254 -0
- package/dist/collection/components/input-password/exports.js +1 -0
- package/dist/collection/components/input-password/input-password.css +25 -0
- package/dist/collection/components/input-password/input-password.js +1077 -0
- package/dist/collection/components/input-phone-number/input-phone-number.css +61 -0
- package/dist/collection/components/input-phone-number/input-phone-number.js +893 -0
- package/dist/collection/components/label/label.css +38 -0
- package/dist/collection/components/label/label.js +47 -0
- package/dist/collection/components/list-item/list-item/exports.js +2 -0
- package/dist/collection/components/list-item/list-item/list-item.css +199 -0
- package/dist/collection/components/list-item/list-item/list-item.js +467 -0
- package/dist/collection/components/pagination/exports.js +3 -0
- package/dist/collection/components/pagination/pagination.css +118 -0
- package/dist/collection/components/pagination/pagination.js +814 -0
- package/dist/collection/components/panel/exports.js +1 -0
- package/dist/collection/components/panel/panel.css +192 -0
- package/dist/collection/components/panel/panel.js +473 -0
- package/dist/collection/components/popover/exports.js +3 -0
- package/dist/collection/components/popover/popover.css +251 -0
- package/dist/collection/components/popover/popover.js +741 -0
- package/dist/collection/components/popover-action/popover-action.css +21 -0
- package/dist/collection/components/popover-action/popover-action.js +150 -0
- package/dist/collection/components/popover-content/popover-content.css +9 -0
- package/dist/collection/components/popover-content/popover-content.js +130 -0
- package/dist/collection/components/popover-headline/popover-headline.css +7 -0
- package/dist/collection/components/popover-headline/popover-headline.js +28 -0
- package/dist/collection/components/popover-trigger/exports.js +1 -0
- package/dist/collection/components/popover-trigger/popover-trigger.css +4 -0
- package/dist/collection/components/popover-trigger/popover-trigger.js +163 -0
- package/dist/collection/components/progress-bar/progress-bar.css +41 -0
- package/dist/collection/components/progress-bar/progress-bar.js +71 -0
- package/dist/collection/components/radio-button/radio-button.css +126 -0
- package/dist/collection/components/radio-button/radio-button.js +559 -0
- package/dist/collection/components/radio-button-description/radio-button-description.css +5 -0
- package/dist/collection/components/radio-button-description/radio-button-description.js +22 -0
- package/dist/collection/components/radio-button-leading/radio-button-leading.css +3 -0
- package/dist/collection/components/radio-button-leading/radio-button-leading.js +22 -0
- package/dist/collection/components/radio-button-title/radio-button-title.css +8 -0
- package/dist/collection/components/radio-button-title/radio-button-title.js +22 -0
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.css +6 -0
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +22 -0
- package/dist/collection/components/radio-group/exports.js +1 -0
- package/dist/collection/components/radio-group/radio-group.css +65 -0
- package/dist/collection/components/radio-group/radio-group.js +1023 -0
- package/dist/collection/components/select/exports.js +1 -0
- package/dist/collection/components/select/select.css +247 -0
- package/dist/collection/components/select/select.js +2038 -0
- package/dist/collection/components/select-option/select-option.css +93 -0
- package/dist/collection/components/select-option/select-option.js +459 -0
- package/dist/collection/components/skip-link/exports.js +1 -0
- package/dist/collection/components/skip-link/skip-link.css +37 -0
- package/dist/collection/components/skip-link/skip-link.js +52 -0
- package/dist/collection/components/stepper/stepper.css +25 -0
- package/dist/collection/components/stepper/stepper.js +216 -0
- package/dist/collection/components/stepper-item/stepper-item.css +62 -0
- package/dist/collection/components/stepper-item/stepper-item.js +171 -0
- package/dist/collection/components/tab/tab.css +81 -0
- package/dist/collection/components/tab/tab.js +169 -0
- package/dist/collection/components/tab-panel/tab-panel.css +19 -0
- package/dist/collection/components/tab-panel/tab-panel.js +72 -0
- package/dist/collection/components/tabs/tabs.css +4 -0
- package/dist/collection/components/tabs/tabs.js +345 -0
- package/dist/collection/components/tabs-list/exports.js +2 -0
- package/dist/collection/components/tabs-list/tabs-list.css +58 -0
- package/dist/collection/components/tabs-list/tabs-list.js +294 -0
- package/dist/collection/components/textarea/exports.js +8 -0
- package/dist/collection/components/textarea/textarea.css +148 -0
- package/dist/collection/components/textarea/textarea.js +1055 -0
- package/dist/collection/components/toast/exports.js +3 -0
- package/dist/collection/components/toast/toast.css +179 -0
- package/dist/collection/components/toast/toast.js +820 -0
- package/dist/collection/components/toast-group/exports.js +1 -0
- package/dist/collection/components/toast-group/toast-group.css +37 -0
- package/dist/collection/components/toast-group/toast-group.js +49 -0
- package/dist/collection/components/tooltip/exports.js +3 -0
- package/dist/collection/components/tooltip/tooltip.css +77 -0
- package/dist/collection/components/tooltip/tooltip.js +525 -0
- package/dist/collection/index.js +2 -0
- package/dist/collection/utils/focusable.js +24 -0
- package/dist/collection/utils/formData.js +40 -0
- package/dist/collection/utils/theming.js +103 -0
- package/dist/collection/utils/version-checker.js +33 -0
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/esm/focusable-ky1yonnS.js +26 -0
- package/dist/esm/formData-DvLT8-y3.js +42 -0
- package/dist/esm/index-CTxpqopm.js +1806 -0
- package/dist/esm/index.js +35 -0
- package/dist/esm/loader.js +11 -0
- package/dist/esm/r-accordion-panel.entry.js +22 -0
- package/dist/esm/r-accordion-section.entry.js +123 -0
- package/dist/esm/r-accordion-trigger.entry.js +91 -0
- package/dist/esm/r-accordion.entry.js +18 -0
- package/dist/esm/r-alert.entry.js +144 -0
- package/dist/esm/r-badge.entry.js +39 -0
- package/dist/esm/r-button.entry.js +147 -0
- package/dist/esm/r-checkbox-group.entry.js +235 -0
- package/dist/esm/r-checkbox.entry.js +272 -0
- package/dist/esm/r-design-system-devtools.entry.js +29 -0
- package/dist/esm/r-dialog.entry.js +105 -0
- package/dist/esm/r-hint_2.entry.js +47 -0
- package/dist/esm/r-icon-button_2.entry.js +489 -0
- package/dist/esm/r-icon.entry.js +282 -0
- package/dist/esm/r-illustration.entry.js +394 -0
- package/dist/esm/r-input-code.entry.js +435 -0
- package/dist/esm/r-input-date.entry.js +522 -0
- package/dist/esm/r-input-password.entry.js +268 -0
- package/dist/esm/r-input-phone-number.entry.js +2523 -0
- package/dist/esm/r-input.entry.js +616 -0
- package/dist/esm/r-list-item.entry.js +107 -0
- package/dist/esm/r-pagination.entry.js +318 -0
- package/dist/esm/r-panel.entry.js +182 -0
- package/dist/esm/r-popover-action.entry.js +78 -0
- package/dist/esm/r-popover-content.entry.js +60 -0
- package/dist/esm/r-popover-headline.entry.js +26 -0
- package/dist/esm/r-popover-trigger.entry.js +68 -0
- package/dist/esm/r-popover.entry.js +345 -0
- package/dist/esm/r-progress-bar.entry.js +23 -0
- package/dist/esm/r-radio-button-description.entry.js +16 -0
- package/dist/esm/r-radio-button-leading.entry.js +16 -0
- package/dist/esm/r-radio-button-title.entry.js +16 -0
- package/dist/esm/r-radio-button-trailing.entry.js +16 -0
- package/dist/esm/r-radio-button.entry.js +137 -0
- package/dist/esm/r-radio-group.entry.js +426 -0
- package/dist/esm/r-select-option.entry.js +128 -0
- package/dist/esm/r-select.entry.js +1105 -0
- package/dist/esm/r-skip-link.entry.js +17 -0
- package/dist/esm/r-stepper-item.entry.js +40 -0
- package/dist/esm/r-stepper.entry.js +97 -0
- package/dist/esm/r-tab-panel.entry.js +24 -0
- package/dist/esm/r-tab.entry.js +60 -0
- package/dist/esm/r-tabs-list.entry.js +173 -0
- package/dist/esm/r-tabs.entry.js +275 -0
- package/dist/esm/r-textarea.entry.js +268 -0
- package/dist/esm/r-toast-group.entry.js +44 -0
- package/dist/esm/r-toast.entry.js +312 -0
- package/dist/esm/style-observer-4Uv3PpKT.js +1116 -0
- package/dist/esm/theming-DD2IrjpG.js +106 -0
- package/dist/esm/web-components.js +21 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/types/components/accordion/accordion.d.ts +27 -0
- package/dist/types/components/accordion/exports.d.ts +2 -0
- package/dist/types/components/accordion-panel/accordion-panel.d.ts +10 -0
- package/dist/types/components/accordion-section/accordion-section.d.ts +36 -0
- package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +33 -0
- package/dist/types/components/alert/alert.d.ts +67 -0
- package/dist/types/components/alert/exports.d.ts +4 -0
- package/dist/types/components/badge/badge.d.ts +26 -0
- package/dist/types/components/badge/exports.d.ts +2 -0
- package/dist/types/components/button/button.d.ts +89 -0
- package/dist/types/components/button/exports.d.ts +10 -0
- package/dist/types/components/checkbox/checkbox.d.ts +138 -0
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +124 -0
- package/dist/types/components/design-system-devtools/design-system-devtools.d.ts +15 -0
- package/dist/types/components/dialog/dialog.d.ts +69 -0
- package/dist/types/components/dialog/exports.d.ts +10 -0
- package/dist/types/components/hint/exports.d.ts +2 -0
- package/dist/types/components/hint/hint.d.ts +20 -0
- package/dist/types/components/icon/all-kit.d.ts +2890 -0
- package/dist/types/components/icon/data.d.ts +145 -0
- package/dist/types/components/icon/exports.d.ts +152 -0
- package/dist/types/components/icon/icon.d.ts +37 -0
- package/dist/types/components/icon/riverty-kit.d.ts +139 -0
- package/dist/types/components/icon-button/icon-button.d.ts +69 -0
- package/dist/types/components/illustration/data.d.ts +52 -0
- package/dist/types/components/illustration/exports.d.ts +23 -0
- package/dist/types/components/illustration/illustration.d.ts +51 -0
- package/dist/types/components/illustration/illustrations-ui-kit.d.ts +21 -0
- package/dist/types/components/input/exports.d.ts +55 -0
- package/dist/types/components/input/input.d.ts +365 -0
- package/dist/types/components/input-code/exports.d.ts +4 -0
- package/dist/types/components/input-code/input-code.d.ts +177 -0
- package/dist/types/components/input-date/exports.d.ts +5 -0
- package/dist/types/components/input-date/input-date.d.ts +174 -0
- package/dist/types/components/input-password/exports.d.ts +1 -0
- package/dist/types/components/input-password/input-password.d.ts +186 -0
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +130 -0
- package/dist/types/components/label/label.d.ts +9 -0
- package/dist/types/components/list-item/list-item/exports.d.ts +4 -0
- package/dist/types/components/list-item/list-item/list-item.d.ts +61 -0
- package/dist/types/components/pagination/exports.d.ts +6 -0
- package/dist/types/components/pagination/pagination.d.ts +140 -0
- package/dist/types/components/panel/exports.d.ts +2 -0
- package/dist/types/components/panel/panel.d.ts +56 -0
- package/dist/types/components/popover/exports.d.ts +6 -0
- package/dist/types/components/popover/popover.d.ts +131 -0
- package/dist/types/components/popover-action/popover-action.d.ts +24 -0
- package/dist/types/components/popover-content/popover-content.d.ts +22 -0
- package/dist/types/components/popover-headline/popover-headline.d.ts +6 -0
- package/dist/types/components/popover-trigger/exports.d.ts +2 -0
- package/dist/types/components/popover-trigger/popover-trigger.d.ts +31 -0
- package/dist/types/components/progress-bar/progress-bar.d.ts +10 -0
- package/dist/types/components/radio-button/radio-button.d.ts +92 -0
- package/dist/types/components/radio-button-description/radio-button-description.d.ts +8 -0
- package/dist/types/components/radio-button-leading/radio-button-leading.d.ts +8 -0
- package/dist/types/components/radio-button-title/radio-button-title.d.ts +8 -0
- package/dist/types/components/radio-button-trailing/radio-button-trailing.d.ts +8 -0
- package/dist/types/components/radio-group/exports.d.ts +2 -0
- package/dist/types/components/radio-group/radio-group.d.ts +179 -0
- package/dist/types/components/select/exports.d.ts +2 -0
- package/dist/types/components/select/select.d.ts +319 -0
- package/dist/types/components/select-option/select-option.d.ts +113 -0
- package/dist/types/components/skip-link/exports.d.ts +2 -0
- package/dist/types/components/skip-link/skip-link.d.ts +6 -0
- package/dist/types/components/stepper/stepper.d.ts +22 -0
- package/dist/types/components/stepper-item/stepper-item.d.ts +23 -0
- package/dist/types/components/tab/tab.d.ts +23 -0
- package/dist/types/components/tab-panel/tab-panel.d.ts +7 -0
- package/dist/types/components/tabs/tabs.d.ts +49 -0
- package/dist/types/components/tabs-list/exports.d.ts +4 -0
- package/dist/types/components/tabs-list/tabs-list.d.ts +41 -0
- package/dist/types/components/textarea/exports.d.ts +2 -0
- package/dist/types/components/textarea/textarea.d.ts +158 -0
- package/dist/types/components/toast/exports.d.ts +6 -0
- package/dist/types/components/toast/toast.d.ts +146 -0
- package/dist/types/components/toast-group/exports.d.ts +2 -0
- package/dist/types/components/toast-group/toast-group.d.ts +9 -0
- package/dist/types/components/tooltip/exports.d.ts +6 -0
- package/dist/types/components/tooltip/tooltip.d.ts +132 -0
- package/dist/types/components.d.ts +6347 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +1732 -0
- package/dist/types/types/jsx-shim.d.ts +13 -0
- package/dist/types/types/style-observer.d.ts +20 -0
- package/dist/types/utils/focusable.d.ts +1 -0
- package/dist/types/utils/formData.d.ts +1 -0
- package/dist/types/utils/theming.d.ts +15 -0
- package/dist/types/utils/version-checker.d.ts +1 -0
- package/dist/web-components/index.esm.js +1 -0
- package/dist/web-components/p-01aefcf0.entry.js +1 -0
- package/dist/web-components/p-05cb55db.entry.js +1 -0
- package/dist/web-components/p-0a34d33b.entry.js +1 -0
- package/dist/web-components/p-11b22309.entry.js +1 -0
- package/dist/web-components/p-2d878934.entry.js +1 -0
- package/dist/web-components/p-325dbedf.entry.js +1 -0
- package/dist/web-components/p-34b9457b.entry.js +1 -0
- package/dist/web-components/p-36abd05a.entry.js +1 -0
- package/dist/web-components/p-386d1ef9.entry.js +1 -0
- package/dist/web-components/p-3d67b77b.entry.js +1 -0
- package/dist/web-components/p-4Uv3PpKT.js +1 -0
- package/dist/web-components/p-4b12fbc0.entry.js +1 -0
- package/dist/web-components/p-52f7b505.entry.js +1 -0
- package/dist/web-components/p-55600d47.entry.js +1 -0
- package/dist/web-components/p-57ebc474.entry.js +1 -0
- package/dist/web-components/p-57edf7f4.entry.js +1 -0
- package/dist/web-components/p-69a24fe2.entry.js +1 -0
- package/dist/web-components/p-6d92648c.entry.js +1 -0
- package/dist/web-components/p-75052597.entry.js +1 -0
- package/dist/web-components/p-7b2c5b63.entry.js +1 -0
- package/dist/web-components/p-7bf463ff.entry.js +1 -0
- package/dist/web-components/p-838e43d4.entry.js +1 -0
- package/dist/web-components/p-8c16d038.entry.js +1 -0
- package/dist/web-components/p-8f8313de.entry.js +1 -0
- package/dist/web-components/p-9026d5a2.entry.js +1 -0
- package/dist/web-components/p-95396b5c.entry.js +1 -0
- package/dist/web-components/p-9c31c7c4.entry.js +1 -0
- package/dist/web-components/p-9c415b9c.entry.js +1 -0
- package/dist/web-components/p-9f583ed1.entry.js +1 -0
- package/dist/web-components/p-B9rsR6cQ.js +1 -0
- package/dist/web-components/p-CTxpqopm.js +2 -0
- package/dist/web-components/p-DQuL1Twl.js +1 -0
- package/dist/web-components/p-DvLT8-y3.js +1 -0
- package/dist/web-components/p-b303b2cc.entry.js +1 -0
- package/dist/web-components/p-b8df041d.entry.js +1 -0
- package/dist/web-components/p-bc30844f.entry.js +1 -0
- package/dist/web-components/p-c4a77a65.entry.js +1 -0
- package/dist/web-components/p-c549addf.entry.js +1 -0
- package/dist/web-components/p-c65df19f.entry.js +1 -0
- package/dist/web-components/p-c80a5541.entry.js +1 -0
- package/dist/web-components/p-c96ee61a.entry.js +1 -0
- package/dist/web-components/p-cf3f044d.entry.js +1 -0
- package/dist/web-components/p-d1412932.entry.js +1 -0
- package/dist/web-components/p-d9778cfa.entry.js +1 -0
- package/dist/web-components/p-dbe4ccb8.entry.js +1 -0
- package/dist/web-components/p-ded50850.entry.js +1 -0
- package/dist/web-components/p-e5be895b.entry.js +1 -0
- package/dist/web-components/p-e6b34c1e.entry.js +1 -0
- package/dist/web-components/p-ec3c4800.entry.js +1 -0
- package/dist/web-components/p-f670fd87.entry.js +1 -0
- package/dist/web-components/p-f867e4c3.entry.js +1 -0
- package/dist/web-components/p-ff6b1b8f.entry.js +1 -0
- package/dist/web-components/p-ky1yonnS.js +1 -0
- package/dist/web-components/web-components.esm.js +1 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
async function checkForUpdates(packageName, currentVersion) {
|
|
4
|
+
if (typeof window === 'undefined' || !window.localStorage)
|
|
5
|
+
return;
|
|
6
|
+
const storageKey = `riverty-version-check:${packageName}`;
|
|
7
|
+
const lastCheck = localStorage.getItem(storageKey);
|
|
8
|
+
const oneDay = 24 * 60 * 60 * 1000;
|
|
9
|
+
if (lastCheck && Date.now() - parseInt(lastCheck, 10) < oneDay) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
localStorage.setItem(storageKey, Date.now().toString());
|
|
13
|
+
const registryUrl = 'https://registry.npmjs.org';
|
|
14
|
+
try {
|
|
15
|
+
const response = await fetch(`${registryUrl}/${packageName}/latest`, {
|
|
16
|
+
signal: AbortSignal.timeout(5000)
|
|
17
|
+
});
|
|
18
|
+
if (!response.ok)
|
|
19
|
+
return;
|
|
20
|
+
const data = await response.json();
|
|
21
|
+
const latestVersion = data.version;
|
|
22
|
+
if (!latestVersion || latestVersion === currentVersion)
|
|
23
|
+
return;
|
|
24
|
+
const currentParts = currentVersion.split('.').map(Number);
|
|
25
|
+
const latestParts = latestVersion.split('.').map(Number);
|
|
26
|
+
const isMajorUpdate = latestParts[0] > currentParts[0];
|
|
27
|
+
console.warn(`%c⚠️ ${packageName} update available\n` +
|
|
28
|
+
`%c Current: ${currentVersion} → Latest: ${latestVersion}\n` +
|
|
29
|
+
(isMajorUpdate ? `%c ⚠️ This is a MAJOR version with breaking changes!\n` : '') +
|
|
30
|
+
`%c Run: npm install ${packageName}@latest`, 'color: #f59e0b; font-weight: bold; font-size: 14px;', 'color: #6b7280;', isMajorUpdate ? 'color: #ef4444; font-weight: bold;' : '', 'color: #3b82f6;');
|
|
31
|
+
}
|
|
32
|
+
catch (_a) {
|
|
33
|
+
// Silently fail - version check is non-critical
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
checkForUpdates('@riverty/web-components', '6.2.1');
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
|
+
|
|
6
|
+
const defineCustomElements = async (win, options) => {
|
|
7
|
+
if (typeof window === 'undefined') return undefined;
|
|
8
|
+
await appGlobals.globalScripts();
|
|
9
|
+
return index.bootstrapLazy(JSON.parse("[[\"r-pagination.cjs\",[[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\"],\"previousPageButtonLabel\":[1,\"previous-page-button-label\"],\"nextPageButtonLabel\":[1,\"next-page-button-label\"],\"firstPageButtonLabel\":[1,\"first-page-button-label\"],\"lastPageButtonLabel\":[1,\"last-page-button-label\"],\"pageLabel\":[1,\"page-label\"],\"ellipsisLabel\":[1,\"ellipsis-label\"],\"itemsPerPageLabel\":[1,\"items-per-page-label\"],\"total\":[32],\"active\":[32],\"previous\":[32],\"next\":[32],\"first\":[32],\"last\":[32]},null,{\"totalResults\":[\"handlePropsChange\"],\"itemsPerPage\":[\"handlePropsChange\"],\"variant\":[\"handlePropsChange\"],\"pageActive\":[\"handlePropsChange\"]}]]],[\"r-input-password.cjs\",[[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],\"setCustomValidity\":[64],\"checkValidity\":[64]}]]],[\"r-alert.cjs\",[[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.cjs\",[[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],\"setCustomValidity\":[64],\"checkValidity\":[64],\"resetValidity\":[64],\"checkAll\":[64],\"uncheckAll\":[64]},[[0,\"rChange\",\"handleCheckboxChange\"]]]]],[\"r-input-phone-number.cjs\",[[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\"],\"invalidPhoneNumberMessage\":[1,\"invalid-phone-number-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.cjs\",[[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],\"measureAndPrepareHeight\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-dialog.cjs\",[[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.cjs\",[[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],\"wasComplete\":[32],\"lastCompletedValue\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"focusSegment\":[64],\"getSegmentValue\":[64],\"setSegmentValue\":[64]},null,{\"values\":[\"handleValuesChange\"],\"length\":[\"handleLengthChange\"]}]]],[\"r-input-date.cjs\",[[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],\"setCustomValidity\":[64],\"checkValidity\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-popover.cjs\",[[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.cjs\",[[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],\"parentValue\":[1,\"parent-value\"],\"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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2],\"label\":[513],\"completedStepsLabel\":[513,\"completed-steps-label\"]},[[9,\"resize\",\"onResize\"]],{\"completedStepsLabel\":[\"handleCompletedStepsLabelChange\"]}]]],[\"r-accordion-trigger.cjs\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge.cjs\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item.cjs\",[[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.cjs\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-accordion.cjs\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel.cjs\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section.cjs\",[[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.cjs\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-illustration.cjs\",[[257,\"r-illustration\",{\"name\":[513],\"width\":[513],\"theme\":[513],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"errorMessage\":[1,\"error-message\"],\"emptyImageTitle\":[1,\"empty-image-title\"],\"emptyMarkerTitle\":[1,\"empty-marker-title\"],\"detectedTheme\":[32],\"error\":[32]}]]],[\"r-popover-action.cjs\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content.cjs\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline.cjs\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger.cjs\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar.cjs\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description.cjs\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading.cjs\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title.cjs\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing.cjs\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link.cjs\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab-panel.cjs\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs.cjs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-toast-group.cjs\",[[257,\"r-toast-group\"]]],[\"r-icon.cjs\",[[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.cjs\",[[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],\"setCustomValidity\":[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.cjs\",[[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],\"setCustomValidity\":[64],\"checkValidity\":[64]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item.cjs\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"],\"label\":[513]}]]],[\"r-input.cjs\",[[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],\"spellcheck\":[1540],\"autocapitalize\":[1],\"passwordrules\":[1],\"autofocus\":[516],\"readonly\":[516],\"inputmode\":[1],\"validityMarker\":[516,\"validity-marker\"],\"slottedOptions\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64]},null,{\"value\":[\"handleValueChange\"],\"type\":[\"handleTypeChange\"]}]]],[\"r-select-option.cjs\",[[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.cjs\",[[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],\"rAriaCurrent\":[1,\"r-aria-current\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-icon-button_2.cjs\",[[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.cjs\",[[257,\"r-label\",{\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}]]]]"), options);
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.setNonce = index.setNonce;
|
|
13
|
+
exports.defineCustomElements = defineCustomElements;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
|
|
5
|
+
const accordionPanelCss = ":host([expanded]:not([expanded=false])){max-height:fit-content;--r-accordion-panel--display:block;--r-accordion-panel--transform:translateY(0);--r-accordion-panel--opacity:1}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host{display:block;position:relative;overflow:hidden;font-family:var(--r-font-family-text, system-ui);box-sizing:border-box;max-height:0;padding-top:var(--r-accordion-panel--padding-top, 0);transition:all 0.25s ease-out}:host slot{display:contents}:host ::slotted(a){color:inherit}@media (prefers-reduced-motion){:host{transition:none}}.r-accordion-panel{position:var(--r-accordion-panel--position, relative);display:var(--r-accordion-panel--display, none);line-height:var(--r-accordion-panel--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-400, 1rem));box-sizing:var(--r-accordion-panel--box-sizing, border-box);margin-top:var(--r-accordion-panel--margin-top, 0);margin-right:var(--r-accordion-panel--margin-right, 0);margin-bottom:var(--r-accordion-panel--margin-bottom, 0);margin-left:var(--r-accordion-panel--margin-left, 0);padding-right:var(--r-accordion-panel--padding-right, var(--r-spacing-100, 1rem));padding-bottom:var(--r-accordion-panel--padding-bottom, var(--r-spacing-150, 2rem));padding-left:var(--r-accordion-panel--padding-left, var(--r-spacing-100, 1rem));transform:var(--r-accordion-panel--transform, translateY(-30%));transition:var(--r-accordion-panel--transition, all 0.25s ease-out);opacity:var(--r-accordion-panel--opacity, 0)}";
|
|
6
|
+
|
|
7
|
+
const AccordionPanel = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
}
|
|
11
|
+
render() {
|
|
12
|
+
const hostAttrs = {
|
|
13
|
+
role: 'region',
|
|
14
|
+
slot: 'accordion-panel',
|
|
15
|
+
'aria-labelledby': this.trigger,
|
|
16
|
+
'aria-disabled': `${this.disabled || false}`
|
|
17
|
+
};
|
|
18
|
+
return (index.h(index.Host, Object.assign({ key: 'af44b5edf84a5c1e031bee5fd9b5501993e2fa4e' }, hostAttrs), index.h("div", { key: 'e885aace8251b940637bde22098627be23650ac7', class: "r-accordion-panel" }, index.h("slot", { key: '8d548a077a42730e50436554c44d3162edb02ebe' }))));
|
|
19
|
+
}
|
|
20
|
+
get host() { return index.getElement(this); }
|
|
21
|
+
};
|
|
22
|
+
AccordionPanel.style = accordionPanelCss;
|
|
23
|
+
|
|
24
|
+
exports.r_accordion_panel = AccordionPanel;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
|
|
5
|
+
const accordionSectionCss = ":host{display:var(--display, flex);flex-direction:var(--flex-direction, column);font-family:var(--font-family, var(--r-font-family-text, system-ui));background-color:var(--background-color, transparent)}:host slot{display:contents}:host([expanded]){--r-accordion-panel--margin-top:0}:host([expanded]) ::slotted(r-accordion-panel){display:block;max-height:fit-content;--r-accordion-panel--display:block;--r-accordion-panel--transform:translateY(0);--r-accordion-panel--opacity:1}.r-accordion-section{border-width:var(--r-accordion-section--border-width, 1px);border-style:var(--r-accordion-section--border-style, solid);border-color:var(--r-accordion-section--border-color, transparent);border-bottom-color:var(--r-accordion-section--border-bottom-color, var(--r-border-soft, #686868))}";
|
|
6
|
+
|
|
7
|
+
const AccordionSection = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.rChangeExpanded = index.createEvent(this, "rChangeExpanded");
|
|
11
|
+
/** Defines heading level for accordion header */
|
|
12
|
+
this.headingAriaLevel = 2;
|
|
13
|
+
this.isExpanded = this.expanded || this.hasExpandedChild || false;
|
|
14
|
+
this.uniqueId = `r-accordion-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
|
|
15
|
+
this._linkElements = () => {
|
|
16
|
+
var _a, _b, _c, _d;
|
|
17
|
+
const isTriggerId = this.hasTrigger && this.triggerElement.hasAttribute('id');
|
|
18
|
+
const isPanelId = this.hasPanel && this.panelElement.hasAttribute('id');
|
|
19
|
+
(_a = this.panelElement) === null || _a === void 0 ? void 0 : _a.setAttribute('id', !isPanelId && `${this.uniqueId}-panel`);
|
|
20
|
+
(_b = this.panelElement) === null || _b === void 0 ? void 0 : _b.setAttribute('trigger', !isTriggerId && `${this.uniqueId}-trigger`);
|
|
21
|
+
(_c = this.triggerElement) === null || _c === void 0 ? void 0 : _c.setAttribute('id', !isTriggerId && `${this.uniqueId}-trigger`);
|
|
22
|
+
(_d = this.triggerElement) === null || _d === void 0 ? void 0 : _d.setAttribute('panel', !isPanelId && `${this.uniqueId}-panel`);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
get hasExpandedChild() {
|
|
26
|
+
return this.host.querySelector(`
|
|
27
|
+
r-accordion-trigger[expanded]:not([expanded="false"]),
|
|
28
|
+
r-accordion-panel[expanded]:not([expanded="false"])
|
|
29
|
+
`) !== null;
|
|
30
|
+
}
|
|
31
|
+
rClickTriggerAction() {
|
|
32
|
+
if (this.complete)
|
|
33
|
+
this._switchExpanded();
|
|
34
|
+
}
|
|
35
|
+
rKeyupTriggerAction() {
|
|
36
|
+
if (this.complete)
|
|
37
|
+
this._switchExpanded();
|
|
38
|
+
}
|
|
39
|
+
get accordionElement() {
|
|
40
|
+
return this.host.closest('r-accordion') || null;
|
|
41
|
+
}
|
|
42
|
+
get triggerElement() {
|
|
43
|
+
return this.host.querySelector('r-accordion-trigger') || null;
|
|
44
|
+
}
|
|
45
|
+
get panelElement() {
|
|
46
|
+
return this.host.querySelector('r-accordion-panel') || null;
|
|
47
|
+
}
|
|
48
|
+
get hasTrigger() {
|
|
49
|
+
return this.triggerElement !== null;
|
|
50
|
+
}
|
|
51
|
+
get hasPanel() {
|
|
52
|
+
return this.panelElement !== null;
|
|
53
|
+
}
|
|
54
|
+
get complete() {
|
|
55
|
+
return this.hasTrigger && this.hasPanel;
|
|
56
|
+
}
|
|
57
|
+
_checkStructure() {
|
|
58
|
+
// If structure is complete --> no actions required
|
|
59
|
+
if (this.complete)
|
|
60
|
+
return;
|
|
61
|
+
// Mark section, trigger and panel
|
|
62
|
+
if (this.hasPanel)
|
|
63
|
+
this.panelElement.dataset.hasTrigger = `${this.hasTrigger}`;
|
|
64
|
+
if (this.hasTrigger)
|
|
65
|
+
this.triggerElement.dataset.hasPanel = `${this.hasPanel}`;
|
|
66
|
+
// If structure of section is not complete --> section must be expanded
|
|
67
|
+
this.host.expanded = true;
|
|
68
|
+
}
|
|
69
|
+
_checkDisabled() {
|
|
70
|
+
var _a, _b;
|
|
71
|
+
const isDisabled = ((_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.panelElement) === null || _b === void 0 ? void 0 : _b.disabled) || this.disabled;
|
|
72
|
+
this.disabled = isDisabled;
|
|
73
|
+
this._updateProp('disabled');
|
|
74
|
+
}
|
|
75
|
+
_checkExpanded() {
|
|
76
|
+
this.expanded = this.isExpanded;
|
|
77
|
+
this._updateProp('expanded');
|
|
78
|
+
}
|
|
79
|
+
_resetExpanded() {
|
|
80
|
+
this.host.classList.add('triggered');
|
|
81
|
+
const sectionElements = this.accordionElement.querySelectorAll(`r-accordion-section:not(.triggered)`);
|
|
82
|
+
sectionElements.forEach((section) => {
|
|
83
|
+
var _a, _b;
|
|
84
|
+
section.removeAttribute('expanded');
|
|
85
|
+
(_a = section.querySelector('r-accordion-trigger')) === null || _a === void 0 ? void 0 : _a.removeAttribute('expanded');
|
|
86
|
+
(_b = section.querySelector('r-accordion-panel')) === null || _b === void 0 ? void 0 : _b.removeAttribute('expanded');
|
|
87
|
+
});
|
|
88
|
+
this.host.classList.remove('triggered');
|
|
89
|
+
}
|
|
90
|
+
_switchExpanded() {
|
|
91
|
+
var _a;
|
|
92
|
+
if (!((_a = this.accordionElement) === null || _a === void 0 ? void 0 : _a.multiple) && this.complete)
|
|
93
|
+
this._resetExpanded();
|
|
94
|
+
this.expanded = !this.expanded;
|
|
95
|
+
this._updateProp('expanded');
|
|
96
|
+
}
|
|
97
|
+
_updateProp(name) {
|
|
98
|
+
if (this.triggerElement)
|
|
99
|
+
this.triggerElement[name] = this[name];
|
|
100
|
+
if (this.panelElement)
|
|
101
|
+
this.panelElement[name] = this[name];
|
|
102
|
+
}
|
|
103
|
+
expandedAction() {
|
|
104
|
+
this.rChangeExpanded.emit({
|
|
105
|
+
element: this.host,
|
|
106
|
+
expanded: this.expanded
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
componentWillLoad() {
|
|
110
|
+
this._checkDisabled();
|
|
111
|
+
this._checkExpanded();
|
|
112
|
+
this._checkStructure();
|
|
113
|
+
this._linkElements();
|
|
114
|
+
}
|
|
115
|
+
render() {
|
|
116
|
+
return (index.h(index.Host, { key: '7d2d81fddab0d5115b7412e087a8924a01fb8f68' }, index.h("div", { key: '84261f6c1065910e468ca570c9f68fc800705fc5', class: "r-accordion-section" }, index.h("div", { key: 'dc84a18a2a356fd52adf0c49cfa7008f053c3ebd', role: "heading", "aria-level": this.headingAriaLevel }, index.h("slot", { key: '312ad3f397910f86911c8f23f36ac5b4f5112d16', name: "accordion-trigger" })), index.h("slot", { key: '0aab606a6c07f0b4c7e132e68eeba70967b7be6e', name: "accordion-panel" }))));
|
|
117
|
+
}
|
|
118
|
+
get host() { return index.getElement(this); }
|
|
119
|
+
static get watchers() { return {
|
|
120
|
+
"expanded": ["expandedAction"]
|
|
121
|
+
}; }
|
|
122
|
+
};
|
|
123
|
+
AccordionSection.style = accordionSectionCss;
|
|
124
|
+
|
|
125
|
+
exports.r_accordion_section = AccordionSection;
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
|
|
5
|
+
const accordionTriggerCss = ":host{display:block;cursor:pointer;font-family:var(--r-font-family-text, system-ui);outline:none}:host slot{display:contents}:host(:focus-visible){box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}:host(:hover:not([data-has-panel=false]):not([disabled]:not([disabled=false]))){--r-accordion-trigger--background-color:var(--r-background-interactive-hovered, rgba(40,40,40,0.04))}:host(:active:not([data-has-panel=false]):not([disabled]:not([disabled=false]))){--r-accordion-trigger--background-color:var(--r-background-interactive-pressed, rgba(40,40,40,0.12))}:host([expanded]:not([expanded=false]):not([splitted])){--r-accordion-trigger--icon--background-color:var(--r-color-white-haze-400);--r-accordion-trigger--icon--transform:rotate(180deg)}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-accordion-trigger--content--leading-slot--opacity:0.4;--r-accordion-trigger--icon--opacity:0.4;--r-accordion-trigger--background-color:transparent}:host([data-has-panel=false]){cursor:default;--r-accordion-trigger--icon--display:none}.r-accordion-trigger{display:var(--r-accordion-trigger--display, flex);align-items:var(--r-accordion-trigger--align-items, center);flex-direction:var(--r-accordion-trigger--flex-direction, end);justify-content:var(--r-accordion-trigger--justify-content, space-between);gap:var(--r-accordion-trigger--gap, var(--r-spacing-150, 1.5rem));color:var(--r-accordion-trigger--color, var(--r-text-regular, #282828));padding-right:var(--r-accordion-trigger--padding-right, var(--r-spacing-100, 1rem));padding-left:var(--r-accordion-trigger--padding-left, var(--r-spacing-100, 1rem));padding-top:var(--r-accordion-trigger--padding-top, var(--r-spacing-150, 1.5rem));padding-bottom:var(--r-accordion-trigger--padding-bottom, var(--r-spacing-150, 1.5rem));background-color:var(--r-accordion-trigger--background-color, transparent)}.r-accordion-trigger--content{box-sizing:var(--r-accordion-trigger--content--box-sizing, border-box);width:var(--r-accordion-trigger--content--width, 100%);display:var(--r-accordion-trigger--content--display, flex);align-items:var(--r-accordion-trigger--content--align-items, center);gap:var(--r-accordion-trigger--content--gap, var(--r-spacing-100, 1rem));border-width:var(--r-accordion-trigger--content--border-width, 0);background-color:var(--r-accordion-trigger--content--background-color, transparent);color:var(--r-accordion-trigger--content--color, inherit);text-align:var(--r-accordion-trigger--content--text-align, left);text-transform:var(--r-accordion-trigger--content--text-transform, none);font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-500));font-weight:var(--r-accordion-trigger--content--font-weight, var(--r-font-weight-regular));letter-spacing:var(--r-accordion-trigger--content--letter-spacing, normal)}.r-accordion-trigger--content ::slotted([slot=leading-icon]){color:var(--r-accordion-trigger--content--leading-slot--color, var(--r-icon-soft, #686868));opacity:var(--r-accordion-trigger--content--leading-slot--opacity, 1)}.r-accordion-trigger--icon{display:var(--r-accordion-trigger--icon--display, flex);align-items:var(--r-accordion-trigger--icon--align-items, center);justify-content:var(--r-accordion-trigger--icon--justify-content, center);min-width:var(--r-accordion-trigger--icon--min-width, var(--r-spacing-150, 1.5rem));width:var(--r-accordion-trigger--icon--width, var(--r-spacing-150, 1.5rem));height:var(--r-accordion-trigger--icon--height, var(--r-spacing-150, 1.5rem));transition:var(--r-accordion-trigger--icon--transition, transform 0.25s cubic-bezier(0.25, 0.8, 0.5, 1) 0s);transform:var(--r-accordion-trigger--icon--transform, rotate(0deg));color:var(--r-accordion-trigger--icon--color, var(--r-text-regular, #282828));opacity:var(--r-accordion-trigger--icon--opacity, 1)}@media (prefers-reduced-motion){.r-accordion-trigger--icon{transition:none}}";
|
|
6
|
+
|
|
7
|
+
const AccordionTrigger = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.rClickTrigger = index.createEvent(this, "rClickTrigger");
|
|
11
|
+
this.rKeyupTrigger = index.createEvent(this, "rKeyupTrigger");
|
|
12
|
+
this.handleClick = (event) => {
|
|
13
|
+
if (this.disabled)
|
|
14
|
+
return;
|
|
15
|
+
event.stopPropagation();
|
|
16
|
+
event.preventDefault();
|
|
17
|
+
this.rClickTrigger.emit({
|
|
18
|
+
element: this.host,
|
|
19
|
+
panelId: this.panel,
|
|
20
|
+
expanded: this.expanded
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
this.handleKeyup = (event) => {
|
|
24
|
+
if (this.disabled)
|
|
25
|
+
return;
|
|
26
|
+
const isSpace = event.code === 'Space';
|
|
27
|
+
const isEnter = event.code === 'Enter';
|
|
28
|
+
if (isSpace || isEnter) {
|
|
29
|
+
event.stopPropagation();
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
this.rKeyupTrigger.emit({
|
|
32
|
+
element: this.host,
|
|
33
|
+
panelId: this.panel,
|
|
34
|
+
expanded: this.expanded
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
this.handleKeydown = (event) => {
|
|
39
|
+
if (this.disabled)
|
|
40
|
+
return;
|
|
41
|
+
const isSpace = event.code === 'Space';
|
|
42
|
+
if (isSpace) {
|
|
43
|
+
event.preventDefault();
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
this._replaceSlotName = elementName => {
|
|
47
|
+
var _a, _b;
|
|
48
|
+
const selector = `.r-accordion-trigger--${elementName}`;
|
|
49
|
+
const element = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
|
|
50
|
+
(_b = element === null || element === void 0 ? void 0 : element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.setAttribute('name', `${elementName}-${this.nameAddition}`);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
get hasPanel() {
|
|
54
|
+
const sectionElement = this.host.closest('r-accordion-section');
|
|
55
|
+
const panelElement = sectionElement === null || sectionElement === void 0 ? void 0 : sectionElement.querySelector('r-accordion-panel');
|
|
56
|
+
return panelElement !== null;
|
|
57
|
+
}
|
|
58
|
+
get nameAddition() {
|
|
59
|
+
return this.expanded ? 'expanded' : 'collapsed';
|
|
60
|
+
}
|
|
61
|
+
updateExpanded() {
|
|
62
|
+
if (!this.splitted)
|
|
63
|
+
return;
|
|
64
|
+
this._replaceSlotName('icon');
|
|
65
|
+
this._replaceSlotName('content');
|
|
66
|
+
}
|
|
67
|
+
render() {
|
|
68
|
+
const hostAttrs = {
|
|
69
|
+
role: 'button',
|
|
70
|
+
tabindex: `${this.disabled ? '-1' : '0'}`,
|
|
71
|
+
slot: 'accordion-trigger',
|
|
72
|
+
'aria-controls': `${this.panel || ''}`,
|
|
73
|
+
'aria-expanded': `${this.expanded || false}`,
|
|
74
|
+
'aria-disabled': `${this.disabled || false}`,
|
|
75
|
+
'data-has-panel': `${this.hasPanel}`
|
|
76
|
+
};
|
|
77
|
+
hostAttrs['aria-controls'] = this.panel ? `${this.panel}` : null;
|
|
78
|
+
return (index.h(index.Host, Object.assign({ key: 'e823c4799fa51824a6de4db7bf857385b0558ec4', onClick: this.handleClick, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown }, hostAttrs), index.h("span", { key: '55249e964a4eb164a4f842567f8cf14c9c58fee5', class: "r-accordion-trigger" }, index.h("span", { key: '37ffd053c1af48ff23ee9d1c22b6a0b6c92a3110', class: "r-accordion-trigger--content" }, index.h("slot", { key: 'b4583e319fd62bb98c2f2b312cd2edcfc646ddb5', name: "leading-icon" }), this.splitted ?
|
|
79
|
+
index.h("slot", { name: `content-${this.nameAddition}` }, index.h("slot", null))
|
|
80
|
+
:
|
|
81
|
+
index.h("slot", null)), index.h("span", { key: '190013be64d4239d80be83ae9fb581b1d1e64f83', class: "r-accordion-trigger--icon" }, this.splitted ?
|
|
82
|
+
index.h("slot", { name: `icon-${this.nameAddition}` }, index.h("r-icon", { name: this.expanded ? 'angle-up' : 'angle-down', size: "m" }))
|
|
83
|
+
:
|
|
84
|
+
index.h("slot", { name: "icon" }, index.h("r-icon", { name: "angle-down", size: "m" }))))));
|
|
85
|
+
}
|
|
86
|
+
get host() { return index.getElement(this); }
|
|
87
|
+
static get watchers() { return {
|
|
88
|
+
"expanded": ["updateExpanded"]
|
|
89
|
+
}; }
|
|
90
|
+
};
|
|
91
|
+
AccordionTrigger.style = accordionTriggerCss;
|
|
92
|
+
|
|
93
|
+
exports.r_accordion_trigger = AccordionTrigger;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
|
|
5
|
+
const accordionCss = ":host{--r-accordion--display:block}:host slot{display:contents}:host ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-150, 1.5rem);--r-accordion-panel--padding-bottom:var(--r-spacing-200, 2rem)}:host([size=s]){--r-accordion-trigger--content--font-size:var(--r-font-size-400, 1rem);--r-accordion-trigger--padding-top:var(--r-spacing-100, 1rem);--r-accordion-trigger--padding-bottom:var(--r-spacing-100, 1rem)}:host([size=s]) ::slotted(r-accordion-section[expanded]){--r-accordion-panel--padding-top:var(--r-spacing-100, 1rem);--r-accordion-panel--padding-bottom:var(--r-spacing-150, 1.5rem)}.r-accordion{display:var(--r-accordion--display)}";
|
|
6
|
+
|
|
7
|
+
const Accordion = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
/** Defines the size of an accordion UI. */
|
|
11
|
+
this.size = 'l';
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (index.h(index.Host, { key: '09de7ec91fc9aab3dfb6705f23aa5035c6aab622' }, index.h("div", { key: '9152451f26122074076a6b7654a76312027309eb', class: "r-accordion" }, index.h("slot", { key: '6c89250f9146fe4d18f550f8d0853188187daf0c' }))));
|
|
15
|
+
}
|
|
16
|
+
get host() { return index.getElement(this); }
|
|
17
|
+
};
|
|
18
|
+
Accordion.style = accordionCss;
|
|
19
|
+
|
|
20
|
+
exports.r_accordion = Accordion;
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
|
|
5
|
+
const alertCss = ":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--color:var(--r-text-warning, #000000);--r-alert--leading-icon--color:var(--r-icon-warning, #000000);--background-color:var(--r-status-warning-regular, #ff7429)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #b00c15)}:host([status=error]) r-icon-button:hover,:host([status=info]) r-icon-button:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) r-icon-button:active,:host([status=info]) r-icon-button:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([status=error]) .r-alert--link:hover,:host([status=error]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:hover,:host([status=info]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) .r-alert--link:active,:host([status=error]) ::slotted(r-button:active:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:active,:host([status=info]) ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color--active:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([aria-hidden=true]){--transition:all 0.5s;--opacity:0;--display:none}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #3e5c73));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);transition-behavior:var(--transition-behavior, allow-discrete);visibility:var(--visibility, visible);opacity:var(--opacity, 1);z-index:var(--z-index, unset);font-family:var(--font-family, var(--r-font-family-text, system-ui));font-size:var(--font-size, var(--r-font-size-400, 1rem));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}@media (prefers-reduced-motion){:host{transition:none}}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);align-items:var(--r-alert--align-items, start);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, 16px);box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert[data-has-headline=false]{--r-alert--align-items:center}.r-alert:empty{--r-alert--display:none}.r-alert--main{display:var(--r-alert--main--display, flex);flex-flow:var(--r-alert--main--flex-flow, column);gap:var(--r-alert--main--gap, var(--r-spacing-050))}.r-alert--headline{color:var(--r-alert--headline--color, var(--color));font-size:var(--r-alert--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-alert--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-alert--headline--margin, 0)}.r-alert--leading{color:var(--r-alert--leading-icon--color, var(--color))}.r-alert--trailing r-icon-button{--r-button--padding:0;--r-button--color:var(--color)}.r-alert--content{margin-top:var(--r-alert--content--margin-top, 0);line-height:var(--r-alert--content--line-height, 1.5)}.r-alert--link,.r-alert ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-alert--link--color, var(--color));--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-alert--link:hover,.r-alert ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-alert--link:active,.r-alert ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--color--active:var(--r-alert--link--color, var(--color));--r-button--background-color--active:var(--r-background-interactive-pressed)}";
|
|
6
|
+
|
|
7
|
+
const Alert = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
this.rClickAlertTrailingIcon = index.createEvent(this, "rClickAlertTrailingIcon");
|
|
11
|
+
/** Alert status controls apperance according to the status */
|
|
12
|
+
this.status = 'info';
|
|
13
|
+
/** Sets role="alert" and will be announced to screen reader users */
|
|
14
|
+
this.announced = true;
|
|
15
|
+
/** Defines an icon size to be presented in leading slot*/
|
|
16
|
+
this.leadingIconSize = 'm';
|
|
17
|
+
/**
|
|
18
|
+
* Defines whether the leading icon is visible.
|
|
19
|
+
* @default true
|
|
20
|
+
* */
|
|
21
|
+
this.leadingIconVisible = true;
|
|
22
|
+
/** Defines an icon to be presented in trailing slot */
|
|
23
|
+
this.trailingIcon = 'cross';
|
|
24
|
+
/** Defines an icon size to be presented in trailing slot*/
|
|
25
|
+
this.trailingIconSize = 'm';
|
|
26
|
+
/**
|
|
27
|
+
* Defines the target for the linked URL when `href` is provided.
|
|
28
|
+
* Options: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
|
|
29
|
+
*/
|
|
30
|
+
this.target = '_self';
|
|
31
|
+
/** Text content for an alert dismiss button */
|
|
32
|
+
this.dismissButtonAriaLabel = 'Dismiss alert';
|
|
33
|
+
this.isElContent = (selector) => {
|
|
34
|
+
const el = this.host.querySelector(selector);
|
|
35
|
+
return el !== null && (el === null || el === void 0 ? void 0 : el.textContent.trim().length) > 0;
|
|
36
|
+
};
|
|
37
|
+
this.collapseAlert = () => {
|
|
38
|
+
this.host.setAttribute('aria-hidden', 'true');
|
|
39
|
+
};
|
|
40
|
+
this.startCollapseTimer = () => {
|
|
41
|
+
const time = this.delay * 1000;
|
|
42
|
+
this.delayTimer = setTimeout(() => {
|
|
43
|
+
this.collapseAlert();
|
|
44
|
+
clearTimeout(this.delayTimer);
|
|
45
|
+
}, time);
|
|
46
|
+
};
|
|
47
|
+
this.handleTrailingButtonClick = () => {
|
|
48
|
+
this.rClickAlertTrailingIcon.emit();
|
|
49
|
+
this.collapseAlert();
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
get isLeadingSlot() {
|
|
53
|
+
return this.isElContent('[slot="leading"]');
|
|
54
|
+
}
|
|
55
|
+
get isLeading() {
|
|
56
|
+
return this.leadingIconVisible || this.isLeadingSlot;
|
|
57
|
+
}
|
|
58
|
+
get isTrailingIcon() {
|
|
59
|
+
var _a, _b;
|
|
60
|
+
return ((_a = this.trailingIcon) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_b = this.trailingIconSrc) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
61
|
+
}
|
|
62
|
+
get isTrailingSlot() {
|
|
63
|
+
return this.isElContent('[slot="trailing"]');
|
|
64
|
+
}
|
|
65
|
+
get isTrailing() {
|
|
66
|
+
return this.isTrailingIcon || this.isTrailingSlot;
|
|
67
|
+
}
|
|
68
|
+
get isHeadline() {
|
|
69
|
+
var _a;
|
|
70
|
+
return ((_a = this.headline) === null || _a === void 0 ? void 0 : _a.length) > 0;
|
|
71
|
+
}
|
|
72
|
+
get isContent() {
|
|
73
|
+
var _a;
|
|
74
|
+
return ((_a = this.content) === null || _a === void 0 ? void 0 : _a.length) > 0;
|
|
75
|
+
}
|
|
76
|
+
get isLink() {
|
|
77
|
+
var _a, _b;
|
|
78
|
+
return ((_a = this.href) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.linkText) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
79
|
+
}
|
|
80
|
+
get isSlot() {
|
|
81
|
+
return this.host.textContent.trim().length > 0;
|
|
82
|
+
}
|
|
83
|
+
get isMain() {
|
|
84
|
+
return this.isHeadline || this.isContent || this.isLink || this.isSlot;
|
|
85
|
+
}
|
|
86
|
+
get isDelay() {
|
|
87
|
+
return this.delay && this.delay >= 0;
|
|
88
|
+
}
|
|
89
|
+
get headlineSlotContent() {
|
|
90
|
+
var _a;
|
|
91
|
+
const el = this.host.querySelector('[slot="headline"]');
|
|
92
|
+
return (_a = el === null || el === void 0 ? void 0 : el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
|
|
93
|
+
}
|
|
94
|
+
get hasHeadlineContent() {
|
|
95
|
+
return !!this.headlineSlotContent || !!this.headline;
|
|
96
|
+
}
|
|
97
|
+
get statusBasedLeadingIconName() {
|
|
98
|
+
if (this.leadingIcon)
|
|
99
|
+
return this.leadingIcon;
|
|
100
|
+
switch (this.status) {
|
|
101
|
+
case 'info':
|
|
102
|
+
return 'circled-information-i';
|
|
103
|
+
case 'warning':
|
|
104
|
+
return 'circled-exclamation-mark';
|
|
105
|
+
case 'error':
|
|
106
|
+
return 'triangle-with-exclamation-mark';
|
|
107
|
+
default:
|
|
108
|
+
return 'circled-information-i';
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
componentDidLoad() {
|
|
112
|
+
if (this.isDelay)
|
|
113
|
+
this.startCollapseTimer();
|
|
114
|
+
}
|
|
115
|
+
render() {
|
|
116
|
+
const hostAttrs = this.announced ? {
|
|
117
|
+
role: 'alert',
|
|
118
|
+
'aria-live': this.status === 'info' ? 'polite' : 'assertive'
|
|
119
|
+
} : {
|
|
120
|
+
role: 'region',
|
|
121
|
+
'aria-label': this.headlineSlotContent || this.headline || null
|
|
122
|
+
};
|
|
123
|
+
const leadingIconAttrs = {
|
|
124
|
+
name: this.statusBasedLeadingIconName,
|
|
125
|
+
src: this.leadingIconSrc,
|
|
126
|
+
size: this.leadingIconSize
|
|
127
|
+
};
|
|
128
|
+
const trailingIconAttrs = {
|
|
129
|
+
name: this.trailingIcon,
|
|
130
|
+
src: this.trailingIconSrc,
|
|
131
|
+
size: this.trailingIconSize
|
|
132
|
+
};
|
|
133
|
+
return (index.h(index.Host, Object.assign({ key: 'c15688c07ce4e954025a36400b922735b347e95f' }, hostAttrs), index.h("div", { key: '26babb75b7e859b21e59345c601d385662908d1d', class: "r-alert", "data-has-headline": `${this.hasHeadlineContent}` }, this.isLeading &&
|
|
134
|
+
index.h("div", { key: '694567d018738c0e8a3eca4a084b38bfd7e81c91', class: "r-alert--leading" }, index.h("slot", { key: 'cfc91101ce17b01b76a4d860012e91a06e536d75', name: "leading" }, this.leadingIconVisible && index.h("r-icon", Object.assign({ key: 'bbbeaa680cd6e44e22d955896b7b20b37fdbbd7b' }, leadingIconAttrs)))), this.isMain ?
|
|
135
|
+
index.h("div", { class: "r-alert--main" }, index.h("slot", { name: "headline" }, this.isHeadline && index.h("h3", { class: "r-alert--headline" }, this.headline)), index.h("slot", { name: "content" }, this.isContent && index.h("div", { class: "r-alert--content" }, this.content)), index.h("slot", { name: "link" }, this.isLink &&
|
|
136
|
+
index.h("r-button", { class: "r-alert--link", variant: "text-inline", size: "small", href: this.href, target: this.target }, this.linkText)), index.h("slot", null))
|
|
137
|
+
:
|
|
138
|
+
index.h("slot", null), this.isTrailing &&
|
|
139
|
+
index.h("div", { key: 'd75e4568127a9c493b998cb8b0b475c3009d007a', class: "r-alert--trailing" }, index.h("slot", { key: 'a8d14fb3e1b275e750505ca25124b61503addf1e', name: "trailing" }, this.isTrailingIcon &&
|
|
140
|
+
index.h("r-icon-button", { key: '2d259fdda1b57874d6e1430893798bdfe047d60a', name: !this.trailingIconSrc ? this.trailingIcon : null, onClick: this.handleTrailingButtonClick, label: this.dismissButtonAriaLabel }, this.trailingIconSrc && index.h("r-icon", Object.assign({ key: '4e3ba02d4a2926c2f76000a685476cafad783d23' }, trailingIconAttrs))))))));
|
|
141
|
+
}
|
|
142
|
+
get host() { return index.getElement(this); }
|
|
143
|
+
};
|
|
144
|
+
Alert.style = alertCss;
|
|
145
|
+
|
|
146
|
+
exports.r_alert = Alert;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BnETQtSf.js');
|
|
4
|
+
|
|
5
|
+
const badgeCss = ":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #3e5c73);--r-badge--border-color:var(--r-status-info-regular, #3e5c73);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #ff7429);--r-badge--border-color:var(--r-status-warning-regular, #ff7429);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #b00c15);--r-badge--border-color:var(--r-status-error-regular, #b00c15);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73))}.r-badge--icon{display:var(--r-badge--icon--display, inline-flex)}.r-badge--content{min-width:var(--r-badge--content--min-width, none);max-width:var(--r-badge--content--max-width, none);overflow:var(--r-badge--content--overflow, hidden);white-space:var(--r-badge--content--white-space, nowrap);text-overflow:var(--r-badge--content--text-overflow, ellipsis)}";
|
|
6
|
+
|
|
7
|
+
const RBadge = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
index.registerInstance(this, hostRef);
|
|
10
|
+
/**
|
|
11
|
+
* Defines if badge icon should be visible
|
|
12
|
+
* @default false
|
|
13
|
+
* */
|
|
14
|
+
this.iconVisible = false;
|
|
15
|
+
}
|
|
16
|
+
get iconName() {
|
|
17
|
+
switch (this.variant) {
|
|
18
|
+
case 'information':
|
|
19
|
+
return 'circled-information-i';
|
|
20
|
+
case 'success':
|
|
21
|
+
return 'circled-check';
|
|
22
|
+
case 'warning':
|
|
23
|
+
return 'triangle-with-exclamation-mark';
|
|
24
|
+
case 'error':
|
|
25
|
+
return 'circled-exclamation-mark';
|
|
26
|
+
default:
|
|
27
|
+
return 'circled-information-i';
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
const { variant, iconVisible, iconAriaLabel } = this;
|
|
32
|
+
const hostAttrs = {
|
|
33
|
+
variant
|
|
34
|
+
};
|
|
35
|
+
return (index.h(index.Host, Object.assign({ key: 'eb69bab38f6edbd2b7bf39167636d856df4f2f4f' }, hostAttrs), index.h("div", { key: 'fb717045162261e2bc4b43c8a146017318506208', class: "r-badge", part: "base" }, iconVisible &&
|
|
36
|
+
index.h("div", { key: '2788afca3d65d02882322ef792c6f3621c59fdab', class: "r-badge--icon", part: "icon" }, index.h("slot", { key: '2b0f42fb2b94f4fb6a5dbf0af84ce4dfc9c3c683', name: "icon" }, index.h("r-icon", { key: '75c78bae30a4da3678b9d22279e120a391032a0e', size: "s", name: this.iconName, iconAriaLabel: iconAriaLabel }))), index.h("div", { key: '42d2f9703df945d460b42cce8d1be78bbc7a196a', class: "r-badge--content", part: "content" }, index.h("slot", { key: '62841850b79a7fb617a29b6280d00ddeb2158399' })))));
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
RBadge.style = badgeCss;
|
|
40
|
+
|
|
41
|
+
exports.r_badge = RBadge;
|