@govbr-ds/webcomponents 2.1.3 → 2.2.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/README.md +87 -46
- package/cem/custom-elements.json +6359 -1133
- package/cem/webcomponents.html-custom-data.json +398 -285
- package/dist/cjs/br-avatar.cjs.entry.js +21 -14
- package/dist/cjs/br-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/br-breadcrumb.cjs.entry.js +49 -22
- package/dist/cjs/br-button_2.cjs.entry.js +72 -35
- package/dist/cjs/br-card.cjs.entry.js +6 -5
- package/dist/cjs/br-carousel-page.cjs.entry.js +3 -3
- package/dist/cjs/br-carousel.cjs.entry.js +77 -21
- package/dist/cjs/br-checkbox-group.cjs.entry.js +157 -27
- package/dist/cjs/br-checkbox.cjs.entry.js +85 -15
- package/dist/cjs/br-checkgroup.cjs.entry.js +5 -2
- package/dist/cjs/br-collapse_2.cjs.entry.js +85 -26
- package/dist/cjs/br-cookiebar-cookie.cjs.entry.js +4 -4
- package/dist/cjs/br-cookiebar-group.cjs.entry.js +4 -4
- package/dist/cjs/br-cookiebar-header.cjs.entry.js +4 -4
- package/dist/cjs/br-cookiebar-link.cjs.entry.js +14 -6
- package/dist/cjs/br-cookiebar-note-group.cjs.entry.js +3 -5
- package/dist/cjs/br-cookiebar-note.cjs.entry.js +4 -4
- package/dist/cjs/br-cookiebar.cjs.entry.js +38 -25
- package/dist/cjs/br-crumb.cjs.entry.js +2 -2
- package/dist/cjs/br-date-picker_3.cjs.entry.js +246 -88
- package/dist/cjs/br-datetime-picker.cjs.entry.js +115 -527
- package/dist/cjs/br-divider.cjs.entry.js +70 -17
- package/dist/cjs/br-dropdown_2.cjs.entry.js +301 -128
- package/dist/cjs/br-footer-category.cjs.entry.js +10 -6
- package/dist/cjs/br-footer-item.cjs.entry.js +9 -4
- package/dist/cjs/br-footer-legal.cjs.entry.js +4 -4
- package/dist/cjs/br-footer-logo.cjs.entry.js +22 -10
- package/dist/cjs/br-footer-social.cjs.entry.js +14 -6
- package/dist/cjs/br-footer.cjs.entry.js +16 -7
- package/dist/cjs/br-header-function.cjs.entry.js +28 -7
- package/dist/cjs/br-header-link.cjs.entry.js +25 -4
- package/dist/cjs/br-header-list.cjs.entry.js +6 -17
- package/dist/cjs/br-header-logo.cjs.entry.js +18 -7
- package/dist/cjs/br-header.cjs.entry.js +72 -17
- package/dist/cjs/br-icon.cjs.entry.js +160 -23
- package/dist/cjs/br-input.cjs.entry.js +130 -39
- package/dist/cjs/br-item.cjs.entry.js +96 -48
- package/dist/cjs/br-link.cjs.entry.js +20 -7
- package/dist/cjs/br-loading.cjs.entry.js +100 -38
- package/dist/cjs/br-magic-button.cjs.entry.js +26 -9
- package/dist/cjs/br-menu-group.cjs.entry.js +14 -3
- package/dist/cjs/br-menu-header.cjs.entry.js +4 -4
- package/dist/cjs/br-menu-info.cjs.entry.js +4 -4
- package/dist/cjs/br-menu-item.cjs.entry.js +27 -5
- package/dist/cjs/br-menu-link.cjs.entry.js +14 -6
- package/dist/cjs/br-menu-list.cjs.entry.js +23 -27
- package/dist/cjs/br-menu-logo.cjs.entry.js +4 -4
- package/dist/cjs/br-menu-social.cjs.entry.js +16 -6
- package/dist/cjs/br-menu.cjs.entry.js +38 -57
- package/dist/cjs/br-modal.cjs.entry.js +26 -40
- package/dist/cjs/br-notification-body.cjs.entry.js +4 -4
- package/dist/cjs/br-notification-header.cjs.entry.js +4 -4
- package/dist/cjs/br-notification-item.cjs.entry.js +14 -8
- package/dist/cjs/br-notification.cjs.entry.js +23 -8
- package/dist/cjs/br-pagination.cjs.entry.js +119 -87
- package/dist/cjs/br-radio-group.cjs.entry.js +106 -57
- package/dist/cjs/br-radio.cjs.entry.js +61 -11
- package/dist/cjs/br-scrim.cjs.entry.js +161 -67
- package/dist/cjs/br-select-input_3.cjs.entry.js +283 -90
- package/dist/cjs/br-sign-in.cjs.entry.js +34 -15
- package/dist/cjs/br-skip-link-item.cjs.entry.js +39 -2
- package/dist/cjs/br-skip-link.cjs.entry.js +50 -33
- package/dist/cjs/br-skiplink-item.cjs.entry.js +22 -6
- package/dist/cjs/br-slider.cjs.entry.js +521 -99
- package/dist/cjs/br-step_2.cjs.entry.js +98 -44
- package/dist/cjs/br-switch.cjs.entry.js +20 -11
- package/dist/cjs/br-tab-item.cjs.entry.js +38 -14
- package/dist/cjs/br-tab.cjs.entry.js +57 -44
- package/dist/cjs/br-table-body.cjs.entry.js +3 -3
- package/dist/cjs/br-table-cell.cjs.entry.js +30 -13
- package/dist/cjs/br-table-header-cell.cjs.entry.js +23 -7
- package/dist/cjs/br-table-header.cjs.entry.js +3 -3
- package/dist/cjs/br-table-row.cjs.entry.js +17 -3
- package/dist/cjs/br-table.cjs.entry.js +67 -21
- package/dist/cjs/br-tag.cjs.entry.js +48 -30
- package/dist/cjs/br-textarea.cjs.entry.js +117 -12
- package/dist/cjs/br-tooltip.cjs.entry.js +87 -41
- package/dist/cjs/br-upload.cjs.entry.js +83 -24
- package/dist/cjs/br-wizard-panel.cjs.entry.js +16 -3
- package/dist/cjs/br-wizard.cjs.entry.js +52 -28
- package/dist/cjs/{isValid-Fu3kaWNn.js → datetime-picker-props-validation-DmNKSXsy.js} +481 -4
- package/dist/cjs/{floating-ui-MBI1osio.js → floating-ui-B6nsdYUU.js} +24 -1
- package/dist/cjs/{floating-ui.dom-BUSTaaxR.js → floating-ui.dom-wzdGZjyG.js} +201 -113
- package/dist/cjs/{focus-DuywwJPR.js → focus-BhfJnFgJ.js} +21 -0
- package/dist/cjs/header-context-CdawuLsH.js +17 -0
- package/dist/cjs/id-DE4jSi-L.js +36 -0
- package/dist/cjs/{index-CRdcutym.js → index-CGgZBuyy.js} +68 -752
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/motion-CgIooxWS.js +29 -0
- package/dist/cjs/ownership-UnpufyCx.js +116 -0
- package/dist/cjs/prop-warning-xvEHQz8H.js +60 -0
- package/dist/cjs/props-D8dybmr0.js +124 -0
- package/dist/cjs/{swipe-BU8_XE9f.js → swipe-BGF-h9WY.js} +11 -1
- package/dist/cjs/webcomponents.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/avatar/avatar.css +1 -1
- package/dist/collection/components/avatar/avatar.js +48 -16
- package/dist/collection/components/breadcrumb/breadcrumb-item/breadcrumb-item.js +15 -3
- package/dist/collection/components/breadcrumb/breadcrumb.css +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +107 -22
- package/dist/collection/components/breadcrumb/crumb/crumb.js +14 -2
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/button/button.js +88 -24
- package/dist/collection/components/card/card.css +1 -1
- package/dist/collection/components/card/card.js +33 -5
- package/dist/collection/components/carousel/carousel-page/carousel-page.css +1 -1
- package/dist/collection/components/carousel/carousel-page/carousel-page.js +11 -4
- package/dist/collection/components/carousel/carousel.css +1 -1
- package/dist/collection/components/carousel/carousel.js +107 -21
- package/dist/collection/components/checkbox/checkbox.css +1 -1
- package/dist/collection/components/checkbox/checkbox.js +134 -20
- package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
- package/dist/collection/components/checkbox-group/checkbox-group.js +210 -30
- package/dist/collection/components/checkgroup/checkgroup.js +42 -4
- package/dist/collection/components/collapse/collapse.css +1 -1
- package/dist/collection/components/collapse/collapse.js +48 -8
- package/dist/collection/components/cookiebar/cookiebar-cookie/cookiebar-cookie.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-cookie/cookiebar-cookie.js +17 -4
- package/dist/collection/components/cookiebar/cookiebar-group/cookiebar-group.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-group/cookiebar-group.js +16 -7
- package/dist/collection/components/cookiebar/cookiebar-header/cookiebar-header.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-header/cookiebar-header.js +15 -9
- package/dist/collection/components/cookiebar/cookiebar-link/cookiebar-link.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-link/cookiebar-link.js +24 -8
- package/dist/collection/components/cookiebar/cookiebar-note/cookiebar-note.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-note/cookiebar-note.js +14 -4
- package/dist/collection/components/cookiebar/cookiebar-note-group/cookiebar-note-group.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-note-group/cookiebar-note-group.js +13 -5
- package/dist/collection/components/cookiebar/cookiebar.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar.js +67 -32
- package/dist/collection/components/datetime-picker/date-picker/date-picker.css +1 -1
- package/dist/collection/components/datetime-picker/date-picker/date-picker.js +134 -35
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input.css +1 -1
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input.js +112 -22
- package/dist/collection/components/datetime-picker/datetime-picker-props-validation.js +13 -5
- package/dist/collection/components/datetime-picker/datetime-picker.css +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js +158 -42
- package/dist/collection/components/datetime-picker/time-picker/time-picker.css +1 -1
- package/dist/collection/components/datetime-picker/time-picker/time-picker.js +78 -9
- package/dist/collection/components/divider/divider.css +1 -1
- package/dist/collection/components/divider/divider.js +101 -26
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown/dropdown.js +166 -18
- package/dist/collection/components/footer/footer-category/footer-category.css +1 -1
- package/dist/collection/components/footer/footer-category/footer-category.js +23 -4
- package/dist/collection/components/footer/footer-item/footer-item.css +1 -1
- package/dist/collection/components/footer/footer-item/footer-item.js +21 -2
- package/dist/collection/components/footer/footer-legal/footer-legal.css +1 -1
- package/dist/collection/components/footer/footer-legal/footer-legal.js +16 -2
- package/dist/collection/components/footer/footer-logo/footer-logo.css +1 -1
- package/dist/collection/components/footer/footer-logo/footer-logo.js +35 -9
- package/dist/collection/components/footer/footer-social/footer-social.css +1 -1
- package/dist/collection/components/footer/footer-social/footer-social.js +26 -6
- package/dist/collection/components/footer/footer.css +1 -1
- package/dist/collection/components/footer/footer.js +48 -7
- package/dist/collection/components/header/header-context.js +13 -0
- package/dist/collection/components/header/header-function/header-function.css +1 -1
- package/dist/collection/components/header/header-function/header-function.js +51 -8
- package/dist/collection/components/header/header-link/header-link.css +1 -1
- package/dist/collection/components/header/header-link/header-link.js +52 -2
- package/dist/collection/components/header/header-list/header-list.css +1 -1
- package/dist/collection/components/header/header-list/header-list.js +20 -23
- package/dist/collection/components/header/header-logo/header-logo.css +1 -1
- package/dist/collection/components/header/header-logo/header-logo.js +33 -8
- package/dist/collection/components/header/header.css +1 -1
- package/dist/collection/components/header/header.js +110 -24
- package/dist/collection/components/icon/default-icons-cache.js +111 -3
- package/dist/collection/components/icon/icon.css +1 -1
- package/dist/collection/components/icon/icon.js +80 -33
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/input/input.js +169 -54
- package/dist/collection/components/item/item.css +1 -1
- package/dist/collection/components/item/item.js +134 -51
- package/dist/collection/components/link/link.css +1 -1
- package/dist/collection/components/link/link.js +48 -15
- package/dist/collection/components/list/list.css +1 -1
- package/dist/collection/components/list/list.js +106 -25
- package/dist/collection/components/loading/loading.css +1 -1
- package/dist/collection/components/loading/loading.js +131 -43
- package/dist/collection/components/magic-button/magic-button.css +1 -1
- package/dist/collection/components/magic-button/magic-button.js +51 -9
- package/dist/collection/components/menu/menu-group/menu-group.css +1 -1
- package/dist/collection/components/menu/menu-group/menu-group.js +60 -2
- package/dist/collection/components/menu/menu-header/menu-header.css +1 -1
- package/dist/collection/components/menu/menu-header/menu-header.js +17 -2
- package/dist/collection/components/menu/menu-info/menu-info.css +1 -1
- package/dist/collection/components/menu/menu-info/menu-info.js +15 -2
- package/dist/collection/components/menu/menu-item/menu-item.css +1 -1
- package/dist/collection/components/menu/menu-item/menu-item.js +72 -8
- package/dist/collection/components/menu/menu-link/menu-link.css +1 -1
- package/dist/collection/components/menu/menu-link/menu-link.js +25 -4
- package/dist/collection/components/menu/menu-list/menu-list.css +1 -1
- package/dist/collection/components/menu/menu-list/menu-list.js +64 -29
- package/dist/collection/components/menu/menu-logo/menu-logo.css +1 -1
- package/dist/collection/components/menu/menu-logo/menu-logo.js +15 -2
- package/dist/collection/components/menu/menu-social/menu-social.css +1 -1
- package/dist/collection/components/menu/menu-social/menu-social.js +29 -7
- package/dist/collection/components/menu/menu.css +1 -1
- package/dist/collection/components/menu/menu.js +71 -60
- package/dist/collection/components/menu/menu.utils.js +8 -18
- package/dist/collection/components/message/message.css +1 -1
- package/dist/collection/components/message/message.js +50 -24
- package/dist/collection/components/modal/modal.css +1 -1
- package/dist/collection/components/modal/modal.js +54 -41
- package/dist/collection/components/notification/notification-body/notification-body.css +1 -1
- package/dist/collection/components/notification/notification-body/notification-body.js +13 -4
- package/dist/collection/components/notification/notification-header/notification-header.css +1 -1
- package/dist/collection/components/notification/notification-header/notification-header.js +13 -4
- package/dist/collection/components/notification/notification-item/notification-item.css +1 -1
- package/dist/collection/components/notification/notification-item/notification-item.js +23 -9
- package/dist/collection/components/notification/notification.css +1 -1
- package/dist/collection/components/notification/notification.js +54 -10
- package/dist/collection/components/pagination/pagination.css +1 -1
- package/dist/collection/components/pagination/pagination.js +161 -74
- package/dist/collection/components/radio/radio.css +1 -1
- package/dist/collection/components/radio/radio.js +109 -14
- package/dist/collection/components/radio-group/radio-group.css +1 -1
- package/dist/collection/components/radio-group/radio-group.js +153 -63
- package/dist/collection/components/scrim/scrim.css +1 -1
- package/dist/collection/components/scrim/scrim.js +215 -74
- package/dist/collection/components/scrim/scrim.utils.js +5 -51
- package/dist/collection/components/select/select-input/select-input.css +1 -1
- package/dist/collection/components/select/select-input/select-input.js +58 -5
- package/dist/collection/components/select/select-list/select-list.css +1 -1
- package/dist/collection/components/select/select-list/select-list.js +247 -52
- package/dist/collection/components/select/select-option/select-option.css +1 -1
- package/dist/collection/components/select/select-option/select-option.js +108 -46
- package/dist/collection/components/select/select.css +1 -1
- package/dist/collection/components/select/select.js +320 -124
- package/dist/collection/components/sign-in/sign-in.css +1 -1
- package/dist/collection/components/sign-in/sign-in.js +55 -16
- package/dist/collection/components/skip-link/skip-link-item/skip-link-item-alias.js +112 -3
- package/dist/collection/components/skip-link/skip-link-item/skip-link-item.css +1 -1
- package/dist/collection/components/skip-link/skip-link-item/skip-link-item.js +58 -5
- package/dist/collection/components/skip-link/skip-link.css +1 -1
- package/dist/collection/components/skip-link/skip-link.js +78 -39
- package/dist/collection/components/slider/slider.css +1 -1
- package/dist/collection/components/slider/slider.js +530 -132
- package/dist/collection/components/slider/slider.utils.js +178 -0
- package/dist/collection/components/step/step-item/step-item.css +1 -1
- package/dist/collection/components/step/step-item/step-item.js +29 -12
- package/dist/collection/components/step/step.css +1 -1
- package/dist/collection/components/step/step.js +119 -44
- package/dist/collection/components/switch/switch.css +1 -1
- package/dist/collection/components/switch/switch.js +48 -15
- package/dist/collection/components/tab/tab-item/tab-item.css +1 -1
- package/dist/collection/components/tab/tab-item/tab-item.js +49 -14
- package/dist/collection/components/tab/tab.css +1 -1
- package/dist/collection/components/tab/tab.js +89 -46
- package/dist/collection/components/table/table-body/table-body.css +1 -1
- package/dist/collection/components/table/table-body/table-body.js +11 -7
- package/dist/collection/components/table/table-cell/table-cell.css +1 -1
- package/dist/collection/components/table/table-cell/table-cell.js +36 -17
- package/dist/collection/components/table/table-header/table-header.css +1 -1
- package/dist/collection/components/table/table-header/table-header.js +11 -7
- package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -1
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +35 -13
- package/dist/collection/components/table/table-row/table-row.css +1 -1
- package/dist/collection/components/table/table-row/table-row.js +24 -7
- package/dist/collection/components/table/table.css +1 -1
- package/dist/collection/components/table/table.js +107 -31
- package/dist/collection/components/tag/tag.css +1 -1
- package/dist/collection/components/tag/tag.js +86 -36
- package/dist/collection/components/textarea/textarea.css +1 -1
- package/dist/collection/components/textarea/textarea.js +222 -19
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/collection/components/tooltip/tooltip.js +134 -45
- package/dist/collection/components/upload/upload.css +1 -1
- package/dist/collection/components/upload/upload.js +135 -33
- package/dist/collection/components/wizard/wizard-panel/wizard-panel.css +1 -1
- package/dist/collection/components/wizard/wizard-panel/wizard-panel.js +54 -3
- package/dist/collection/components/wizard/wizard.css +1 -1
- package/dist/collection/components/wizard/wizard.js +82 -28
- package/dist/collection/pages/scripts/component-controls-core.js +95 -0
- package/dist/collection/pages/scripts/component-controls.js +217 -153
- package/dist/collection/pages/scripts/dev-event-console.js +5 -1
- package/dist/collection/pages/scripts/menu.js +90 -5
- package/dist/collection/pages/scripts/pageLoader.js +1470 -584
- package/dist/collection/pages/scripts/pageloader-preview.js +787 -0
- package/dist/collection/pages/scripts/playground-core.js +173 -0
- package/dist/collection/shared/utils/cssVariables.js +2 -0
- package/dist/collection/shared/utils/date.js +8 -4
- package/dist/collection/shared/utils/floating-ui.js +24 -1
- package/dist/collection/shared/utils/focus.js +31 -0
- package/dist/collection/shared/utils/getRandom.js +16 -1
- package/dist/collection/shared/utils/helpers.js +4 -11
- package/dist/collection/shared/utils/id.js +23 -7
- package/dist/collection/shared/utils/index.js +6 -1
- package/dist/collection/shared/utils/isEmpty.js +5 -3
- package/dist/collection/shared/utils/motion.js +25 -0
- package/dist/collection/shared/utils/ownership.js +113 -0
- package/dist/collection/shared/utils/prop-warning.js +47 -0
- package/dist/collection/shared/utils/props.js +79 -0
- package/dist/collection/shared/utils/swipe.js +11 -1
- package/dist/collection/shared/utils/transition.js +3 -0
- package/dist/collection/shared/utils/virtual-scroll.js +24 -0
- package/dist/components/br-avatar.d.ts +1 -1
- package/dist/components/br-avatar.js +1 -1
- package/dist/components/br-breadcrumb-item.d.ts +1 -1
- package/dist/components/br-breadcrumb-item.js +1 -1
- package/dist/components/br-breadcrumb.d.ts +1 -1
- package/dist/components/br-breadcrumb.js +1 -1
- package/dist/components/br-button.d.ts +1 -1
- package/dist/components/br-button.js +1 -1
- package/dist/components/br-card.d.ts +1 -1
- package/dist/components/br-card.js +1 -1
- package/dist/components/br-carousel-page.d.ts +1 -1
- package/dist/components/br-carousel-page.js +1 -1
- package/dist/components/br-carousel.d.ts +1 -1
- package/dist/components/br-carousel.js +1 -1
- package/dist/components/br-checkbox-group.d.ts +1 -1
- package/dist/components/br-checkbox-group.js +1 -1
- package/dist/components/br-checkbox.d.ts +1 -1
- package/dist/components/br-checkbox.js +1 -1
- package/dist/components/br-checkgroup.d.ts +1 -1
- package/dist/components/br-checkgroup.js +1 -1
- package/dist/components/br-collapse.d.ts +1 -1
- package/dist/components/br-collapse.js +1 -1
- package/dist/components/br-cookiebar-cookie.d.ts +1 -1
- package/dist/components/br-cookiebar-cookie.js +1 -1
- package/dist/components/br-cookiebar-group.d.ts +1 -1
- package/dist/components/br-cookiebar-group.js +1 -1
- package/dist/components/br-cookiebar-header.d.ts +1 -1
- package/dist/components/br-cookiebar-header.js +1 -1
- package/dist/components/br-cookiebar-link.d.ts +1 -1
- package/dist/components/br-cookiebar-link.js +1 -1
- package/dist/components/br-cookiebar-note-group.d.ts +1 -1
- package/dist/components/br-cookiebar-note-group.js +1 -1
- package/dist/components/br-cookiebar-note.d.ts +1 -1
- package/dist/components/br-cookiebar-note.js +1 -1
- package/dist/components/br-cookiebar.d.ts +1 -1
- package/dist/components/br-cookiebar.js +1 -1
- package/dist/components/br-crumb.d.ts +1 -1
- package/dist/components/br-crumb.js +1 -1
- package/dist/components/br-date-picker.d.ts +1 -1
- package/dist/components/br-date-picker.js +1 -1
- package/dist/components/br-datetime-input.d.ts +1 -1
- package/dist/components/br-datetime-input.js +1 -1
- package/dist/components/br-datetime-picker.d.ts +1 -1
- package/dist/components/br-datetime-picker.js +1 -1
- package/dist/components/br-divider.d.ts +1 -1
- package/dist/components/br-divider.js +1 -1
- package/dist/components/br-dropdown.d.ts +1 -1
- package/dist/components/br-dropdown.js +1 -1
- package/dist/components/br-footer-category.d.ts +1 -1
- package/dist/components/br-footer-category.js +1 -1
- package/dist/components/br-footer-item.d.ts +1 -1
- package/dist/components/br-footer-item.js +1 -1
- package/dist/components/br-footer-legal.d.ts +1 -1
- package/dist/components/br-footer-legal.js +1 -1
- package/dist/components/br-footer-logo.d.ts +1 -1
- package/dist/components/br-footer-logo.js +1 -1
- package/dist/components/br-footer-social.d.ts +1 -1
- package/dist/components/br-footer-social.js +1 -1
- package/dist/components/br-footer.d.ts +1 -1
- package/dist/components/br-footer.js +1 -1
- package/dist/components/br-header-function.d.ts +1 -1
- package/dist/components/br-header-function.js +1 -1
- package/dist/components/br-header-link.d.ts +1 -1
- package/dist/components/br-header-link.js +1 -1
- package/dist/components/br-header-list.d.ts +1 -1
- package/dist/components/br-header-list.js +1 -1
- package/dist/components/br-header-logo.d.ts +1 -1
- package/dist/components/br-header-logo.js +1 -1
- package/dist/components/br-header.d.ts +1 -1
- package/dist/components/br-header.js +1 -1
- package/dist/components/br-icon.d.ts +1 -1
- package/dist/components/br-icon.js +1 -1
- package/dist/components/br-input.d.ts +1 -1
- package/dist/components/br-input.js +1 -1
- package/dist/components/br-item.d.ts +1 -1
- package/dist/components/br-item.js +1 -1
- package/dist/components/br-link.d.ts +1 -1
- package/dist/components/br-link.js +1 -1
- package/dist/components/br-list.d.ts +1 -1
- package/dist/components/br-list.js +1 -1
- package/dist/components/br-loading.d.ts +1 -1
- package/dist/components/br-loading.js +1 -1
- package/dist/components/br-magic-button.d.ts +1 -1
- package/dist/components/br-magic-button.js +1 -1
- package/dist/components/br-menu-group.d.ts +1 -1
- package/dist/components/br-menu-group.js +1 -1
- package/dist/components/br-menu-header.d.ts +1 -1
- package/dist/components/br-menu-header.js +1 -1
- package/dist/components/br-menu-info.d.ts +1 -1
- package/dist/components/br-menu-info.js +1 -1
- package/dist/components/br-menu-item.d.ts +1 -1
- package/dist/components/br-menu-item.js +1 -1
- package/dist/components/br-menu-link.d.ts +1 -1
- package/dist/components/br-menu-link.js +1 -1
- package/dist/components/br-menu-list.d.ts +1 -1
- package/dist/components/br-menu-list.js +1 -1
- package/dist/components/br-menu-logo.d.ts +1 -1
- package/dist/components/br-menu-logo.js +1 -1
- package/dist/components/br-menu-social.d.ts +1 -1
- package/dist/components/br-menu-social.js +1 -1
- package/dist/components/br-menu.d.ts +1 -1
- package/dist/components/br-menu.js +1 -1
- package/dist/components/br-message.d.ts +1 -1
- package/dist/components/br-message.js +1 -1
- package/dist/components/br-modal.d.ts +1 -1
- package/dist/components/br-modal.js +1 -1
- package/dist/components/br-notification-body.d.ts +1 -1
- package/dist/components/br-notification-body.js +1 -1
- package/dist/components/br-notification-header.d.ts +1 -1
- package/dist/components/br-notification-header.js +1 -1
- package/dist/components/br-notification-item.d.ts +1 -1
- package/dist/components/br-notification-item.js +1 -1
- package/dist/components/br-notification.d.ts +1 -1
- package/dist/components/br-notification.js +1 -1
- package/dist/components/br-pagination.d.ts +1 -1
- package/dist/components/br-pagination.js +1 -1
- package/dist/components/br-radio-group.d.ts +1 -1
- package/dist/components/br-radio-group.js +1 -1
- package/dist/components/br-radio.d.ts +1 -1
- package/dist/components/br-radio.js +1 -1
- package/dist/components/br-scrim.d.ts +1 -1
- package/dist/components/br-scrim.js +1 -1
- package/dist/components/br-select-input.d.ts +1 -1
- package/dist/components/br-select-input.js +1 -1
- package/dist/components/br-select-list.d.ts +1 -1
- package/dist/components/br-select-list.js +1 -1
- package/dist/components/br-select-option.d.ts +1 -1
- package/dist/components/br-select-option.js +1 -1
- package/dist/components/br-select.d.ts +1 -1
- package/dist/components/br-select.js +1 -1
- package/dist/components/br-sign-in.d.ts +1 -1
- package/dist/components/br-sign-in.js +1 -1
- package/dist/components/br-skip-link-item.d.ts +1 -1
- package/dist/components/br-skip-link-item.js +1 -1
- package/dist/components/br-skip-link.d.ts +1 -1
- package/dist/components/br-skip-link.js +1 -1
- package/dist/components/br-skiplink-item.d.ts +1 -1
- package/dist/components/br-skiplink-item.js +1 -1
- package/dist/components/br-slider.d.ts +1 -1
- package/dist/components/br-slider.js +1 -1
- package/dist/components/br-step-item.d.ts +1 -1
- package/dist/components/br-step-item.js +1 -1
- package/dist/components/br-step.d.ts +1 -1
- package/dist/components/br-step.js +1 -1
- package/dist/components/br-switch.d.ts +1 -1
- package/dist/components/br-switch.js +1 -1
- package/dist/components/br-tab-item.d.ts +1 -1
- package/dist/components/br-tab-item.js +1 -1
- package/dist/components/br-tab.d.ts +1 -1
- package/dist/components/br-tab.js +1 -1
- package/dist/components/br-table-body.d.ts +1 -1
- package/dist/components/br-table-body.js +1 -1
- package/dist/components/br-table-cell.d.ts +1 -1
- package/dist/components/br-table-cell.js +1 -1
- package/dist/components/br-table-header-cell.d.ts +1 -1
- package/dist/components/br-table-header-cell.js +1 -1
- package/dist/components/br-table-header.d.ts +1 -1
- package/dist/components/br-table-header.js +1 -1
- package/dist/components/br-table-row.d.ts +1 -1
- package/dist/components/br-table-row.js +1 -1
- package/dist/components/br-table.d.ts +1 -1
- package/dist/components/br-table.js +1 -1
- package/dist/components/br-tag.d.ts +1 -1
- package/dist/components/br-tag.js +1 -1
- package/dist/components/br-textarea.d.ts +1 -1
- package/dist/components/br-textarea.js +1 -1
- package/dist/components/br-time-picker.d.ts +1 -1
- package/dist/components/br-time-picker.js +1 -1
- package/dist/components/br-tooltip.d.ts +1 -1
- package/dist/components/br-tooltip.js +1 -1
- package/dist/components/br-upload.d.ts +1 -1
- package/dist/components/br-upload.js +1 -1
- package/dist/components/br-wizard-panel.d.ts +1 -1
- package/dist/components/br-wizard-panel.js +1 -1
- package/dist/components/br-wizard.d.ts +1 -1
- package/dist/components/br-wizard.js +1 -1
- package/dist/components/index.d.ts +89 -89
- package/dist/components/index.js +1 -1
- package/dist/components/p-B0o70fWP.js +5 -0
- package/dist/components/p-B96LROz9.js +5 -0
- package/dist/components/p-BDqef5-y.js +5 -0
- package/dist/components/p-BEJGB0Nd.js +5 -0
- package/dist/{webcomponents/p-Dmfk7eEe.js → components/p-BJZC_NuV.js} +1 -1
- package/dist/components/p-BJtdabsr.js +5 -0
- package/dist/components/p-BP5zMCxG.js +5 -0
- package/dist/components/p-BRaphxoP.js +5 -0
- package/dist/components/p-BUzBa9L1.js +5 -0
- package/dist/components/{p-DA5GS53D.js → p-BblZlUp2.js} +1 -1
- package/dist/components/p-Bc4nAk5i.js +5 -0
- package/dist/components/{p-C1yRmdso.js → p-BcqVlof7.js} +1 -1
- package/dist/components/p-BeJxz5TQ.js +5 -0
- package/dist/components/p-Bezou5CQ.js +5 -0
- package/dist/components/p-BrNh9KdF.js +5 -0
- package/dist/components/p-C5th2dxu.js +5 -0
- package/dist/components/p-CDtFCbKp.js +5 -0
- package/dist/components/p-CEdUp183.js +5 -0
- package/dist/components/p-CF7t0uxQ.js +5 -0
- package/dist/components/p-CFzHx6zV.js +5 -0
- package/dist/components/p-CG4em0S6.js +5 -0
- package/dist/components/p-CI4D3-pf.js +5 -0
- package/dist/components/p-CIrVPkVg.js +5 -0
- package/dist/components/p-CNwZRgyL.js +5 -0
- package/dist/components/p-CppRJiyC.js +5 -0
- package/dist/components/p-Cvk1Ggs5.js +5 -0
- package/dist/components/p-D12US39c.js +5 -0
- package/dist/components/p-D9Zo6FlV.js +5 -0
- package/dist/components/p-DGPJkJsj.js +5 -0
- package/dist/components/p-DSHbttu9.js +5 -0
- package/dist/components/p-DTGNra9m.js +5 -0
- package/dist/components/p-DWhzxlCx.js +5 -0
- package/dist/components/p-DX1wAFn4.js +5 -0
- package/dist/components/p-DiLI514I.js +5 -0
- package/dist/components/p-Dma14GVa.js +5 -0
- package/dist/components/p-DpRZ4B0d.js +5 -0
- package/dist/components/p-G35qEQZd.js +5 -0
- package/dist/components/p-Ho_IybzR.js +5 -0
- package/dist/components/p-SvVnvJdC.js +5 -0
- package/dist/components/p-emAWunES.js +5 -0
- package/dist/components/p-fB79wKCm.js +5 -0
- package/dist/components/p-k7p4QJ8a.js +5 -0
- package/dist/esm/br-avatar.entry.js +21 -14
- package/dist/esm/br-breadcrumb-item.entry.js +2 -2
- package/dist/esm/br-breadcrumb.entry.js +49 -22
- package/dist/esm/br-button_2.entry.js +72 -35
- package/dist/esm/br-card.entry.js +6 -5
- package/dist/esm/br-carousel-page.entry.js +3 -3
- package/dist/esm/br-carousel.entry.js +78 -22
- package/dist/esm/br-checkbox-group.entry.js +157 -27
- package/dist/esm/br-checkbox.entry.js +86 -16
- package/dist/esm/br-checkgroup.entry.js +5 -2
- package/dist/esm/br-collapse_2.entry.js +86 -27
- package/dist/esm/br-cookiebar-cookie.entry.js +4 -4
- package/dist/esm/br-cookiebar-group.entry.js +4 -4
- package/dist/esm/br-cookiebar-header.entry.js +4 -4
- package/dist/esm/br-cookiebar-link.entry.js +14 -6
- package/dist/esm/br-cookiebar-note-group.entry.js +3 -5
- package/dist/esm/br-cookiebar-note.entry.js +4 -4
- package/dist/esm/br-cookiebar.entry.js +39 -26
- package/dist/esm/br-crumb.entry.js +2 -2
- package/dist/esm/br-date-picker_3.entry.js +207 -49
- package/dist/esm/br-datetime-picker.entry.js +82 -494
- package/dist/esm/br-divider.entry.js +70 -17
- package/dist/esm/br-dropdown_2.entry.js +302 -129
- package/dist/esm/br-footer-category.entry.js +10 -6
- package/dist/esm/br-footer-item.entry.js +9 -4
- package/dist/esm/br-footer-legal.entry.js +4 -4
- package/dist/esm/br-footer-logo.entry.js +22 -10
- package/dist/esm/br-footer-social.entry.js +14 -6
- package/dist/esm/br-footer.entry.js +16 -7
- package/dist/esm/br-header-function.entry.js +28 -7
- package/dist/esm/br-header-link.entry.js +25 -4
- package/dist/esm/br-header-list.entry.js +7 -18
- package/dist/esm/br-header-logo.entry.js +18 -7
- package/dist/esm/br-header.entry.js +72 -17
- package/dist/esm/br-icon.entry.js +160 -23
- package/dist/esm/br-input.entry.js +132 -41
- package/dist/esm/br-item.entry.js +96 -48
- package/dist/esm/br-link.entry.js +20 -7
- package/dist/esm/br-loading.entry.js +100 -38
- package/dist/esm/br-magic-button.entry.js +26 -9
- package/dist/esm/br-menu-group.entry.js +14 -3
- package/dist/esm/br-menu-header.entry.js +4 -4
- package/dist/esm/br-menu-info.entry.js +4 -4
- package/dist/esm/br-menu-item.entry.js +27 -5
- package/dist/esm/br-menu-link.entry.js +14 -6
- package/dist/esm/br-menu-list.entry.js +23 -27
- package/dist/esm/br-menu-logo.entry.js +4 -4
- package/dist/esm/br-menu-social.entry.js +16 -6
- package/dist/esm/br-menu.entry.js +39 -58
- package/dist/esm/br-modal.entry.js +26 -40
- package/dist/esm/br-notification-body.entry.js +4 -4
- package/dist/esm/br-notification-header.entry.js +4 -4
- package/dist/esm/br-notification-item.entry.js +14 -8
- package/dist/esm/br-notification.entry.js +24 -9
- package/dist/esm/br-pagination.entry.js +119 -87
- package/dist/esm/br-radio-group.entry.js +107 -58
- package/dist/esm/br-radio.entry.js +62 -12
- package/dist/esm/br-scrim.entry.js +161 -67
- package/dist/esm/br-select-input_3.entry.js +283 -90
- package/dist/esm/br-sign-in.entry.js +34 -15
- package/dist/esm/br-skip-link-item.entry.js +39 -2
- package/dist/esm/br-skip-link.entry.js +50 -33
- package/dist/esm/br-skiplink-item.entry.js +22 -6
- package/dist/esm/br-slider.entry.js +519 -97
- package/dist/esm/br-step_2.entry.js +98 -44
- package/dist/esm/br-switch.entry.js +21 -12
- package/dist/esm/br-tab-item.entry.js +38 -14
- package/dist/esm/br-tab.entry.js +57 -44
- package/dist/esm/br-table-body.entry.js +3 -3
- package/dist/esm/br-table-cell.entry.js +30 -13
- package/dist/esm/br-table-header-cell.entry.js +23 -7
- package/dist/esm/br-table-header.entry.js +3 -3
- package/dist/esm/br-table-row.entry.js +17 -3
- package/dist/esm/br-table.entry.js +68 -22
- package/dist/esm/br-tag.entry.js +49 -31
- package/dist/esm/br-textarea.entry.js +118 -13
- package/dist/esm/br-tooltip.entry.js +88 -42
- package/dist/esm/br-upload.entry.js +84 -25
- package/dist/esm/br-wizard-panel.entry.js +16 -3
- package/dist/esm/br-wizard.entry.js +52 -28
- package/dist/esm/{datetime-picker-constants-Bfm58jO6.js → datetime-picker-constants-BtRPYRvA.js} +1 -1
- package/dist/esm/{isValid-DIUZX1qS.js → datetime-picker-props-validation-BeTcUTnE.js} +476 -5
- package/dist/esm/{event-DFN_so7I.js → event-CfuJQ1DY.js} +1 -1
- package/dist/esm/{floating-ui-BavFwMnx.js → floating-ui-CskvaxD5.js} +24 -1
- package/dist/esm/{floating-ui.dom-DIK54tTj.js → floating-ui.dom-D9Zo6FlV.js} +201 -114
- package/dist/esm/{focus-DxZJrIyL.js → focus-CNwZRgyL.js} +20 -1
- package/dist/esm/header-context-BEJGB0Nd.js +15 -0
- package/dist/esm/id-BeJxz5TQ.js +34 -0
- package/dist/esm/{index-Bo-2igoO.js → index-BQPOWxe5.js} +1 -1
- package/dist/esm/{index-C2RBydfd.js → index-Dcn7tRST.js} +68 -752
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/motion-DWhzxlCx.js +27 -0
- package/dist/esm/ownership-CDtFCbKp.js +111 -0
- package/dist/esm/prop-warning-BlGV-x0w.js +56 -0
- package/dist/esm/props-D07GjR4_.js +116 -0
- package/dist/esm/{swipe-Dmfk7eEe.js → swipe-BJZC_NuV.js} +11 -1
- package/dist/esm/webcomponents.js +4 -4
- package/dist/hydrate/index.js +7364 -2602
- package/dist/hydrate/index.mjs +7364 -2602
- package/dist/loader/index.d.ts +1 -1
- package/dist/types/components/avatar/avatar.d.ts +34 -4
- package/dist/types/components/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +14 -2
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +66 -5
- package/dist/types/components/breadcrumb/crumb/crumb.d.ts +13 -1
- package/dist/types/components/button/button.d.ts +45 -9
- package/dist/types/components/card/card.d.ts +31 -3
- package/dist/types/components/carousel/carousel-page/carousel-page.d.ts +10 -3
- package/dist/types/components/carousel/carousel.d.ts +46 -3
- package/dist/types/components/checkbox/checkbox.d.ts +59 -6
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +47 -5
- package/dist/types/components/checkgroup/checkgroup.d.ts +27 -5
- package/dist/types/components/collapse/collapse.d.ts +33 -4
- package/dist/types/components/cookiebar/cookiebar-cookie/cookiebar-cookie.d.ts +16 -3
- package/dist/types/components/cookiebar/cookiebar-group/cookiebar-group.d.ts +15 -6
- package/dist/types/components/cookiebar/cookiebar-header/cookiebar-header.d.ts +14 -8
- package/dist/types/components/cookiebar/cookiebar-link/cookiebar-link.d.ts +16 -5
- package/dist/types/components/cookiebar/cookiebar-note/cookiebar-note.d.ts +13 -3
- package/dist/types/components/cookiebar/cookiebar-note-group/cookiebar-note-group.d.ts +13 -3
- package/dist/types/components/cookiebar/cookiebar.d.ts +35 -10
- package/dist/types/components/datetime-picker/date-picker/date-picker.d.ts +63 -7
- package/dist/types/components/datetime-picker/datetime-input/datetime-input.d.ts +51 -9
- package/dist/types/components/datetime-picker/datetime-picker-props-validation.d.ts +4 -2
- package/dist/types/components/datetime-picker/datetime-picker.d.ts +118 -12
- package/dist/types/components/datetime-picker/time-picker/time-picker.d.ts +38 -4
- package/dist/types/components/divider/divider.d.ts +45 -8
- package/dist/types/components/dropdown/dropdown.d.ts +41 -3
- package/dist/types/components/footer/footer-category/footer-category.d.ts +16 -1
- package/dist/types/components/footer/footer-item/footer-item.d.ts +17 -1
- package/dist/types/components/footer/footer-legal/footer-legal.d.ts +15 -1
- package/dist/types/components/footer/footer-logo/footer-logo.d.ts +21 -2
- package/dist/types/components/footer/footer-social/footer-social.d.ts +20 -3
- package/dist/types/components/footer/footer.d.ts +39 -3
- package/dist/types/components/header/header-context.d.ts +1 -0
- package/dist/types/components/header/header-function/header-function.d.ts +24 -2
- package/dist/types/components/header/header-link/header-link.d.ts +22 -1
- package/dist/types/components/header/header-list/header-list.d.ts +16 -8
- package/dist/types/components/header/header-logo/header-logo.d.ts +20 -1
- package/dist/types/components/header/header.d.ts +45 -7
- package/dist/types/components/icon/icon.d.ts +44 -13
- package/dist/types/components/input/input.d.ts +65 -15
- package/dist/types/components/item/item.d.ts +38 -5
- package/dist/types/components/link/link.d.ts +41 -9
- package/dist/types/components/list/list.d.ts +58 -8
- package/dist/types/components/loading/loading.d.ts +48 -8
- package/dist/types/components/magic-button/magic-button.d.ts +37 -3
- package/dist/types/components/menu/menu-group/menu-group.d.ts +19 -1
- package/dist/types/components/menu/menu-header/menu-header.d.ts +16 -1
- package/dist/types/components/menu/menu-info/menu-info.d.ts +14 -1
- package/dist/types/components/menu/menu-item/menu-item.d.ts +27 -3
- package/dist/types/components/menu/menu-link/menu-link.d.ts +17 -1
- package/dist/types/components/menu/menu-list/menu-list.d.ts +22 -4
- package/dist/types/components/menu/menu-logo/menu-logo.d.ts +14 -1
- package/dist/types/components/menu/menu-social/menu-social.d.ts +21 -2
- package/dist/types/components/menu/menu.d.ts +39 -6
- package/dist/types/components/menu/menu.utils.d.ts +2 -6
- package/dist/types/components/message/message.d.ts +38 -9
- package/dist/types/components/modal/modal.d.ts +34 -4
- package/dist/types/components/notification/notification-body/notification-body.d.ts +12 -3
- package/dist/types/components/notification/notification-header/notification-header.d.ts +12 -3
- package/dist/types/components/notification/notification-item/notification-item.d.ts +15 -3
- package/dist/types/components/notification/notification.d.ts +36 -5
- package/dist/types/components/pagination/pagination.d.ts +56 -20
- package/dist/types/components/radio/radio.d.ts +49 -4
- package/dist/types/components/radio-group/radio-group.d.ts +52 -10
- package/dist/types/components/scrim/scrim.d.ts +72 -11
- package/dist/types/components/scrim/scrim.utils.d.ts +2 -17
- package/dist/types/components/select/select-input/select-input.d.ts +22 -4
- package/dist/types/components/select/select-list/select-list.d.ts +51 -5
- package/dist/types/components/select/select-option/select-option.d.ts +31 -8
- package/dist/types/components/select/select.d.ts +152 -13
- package/dist/types/components/select/select.types.d.ts +5 -0
- package/dist/types/components/sign-in/sign-in.d.ts +30 -3
- package/dist/types/components/skip-link/skip-link-item/skip-link-item-alias.d.ts +15 -2
- package/dist/types/components/skip-link/skip-link-item/skip-link-item.d.ts +22 -1
- package/dist/types/components/skip-link/skip-link.d.ts +37 -3
- package/dist/types/components/slider/slider.d.ts +147 -21
- package/dist/types/components/slider/slider.types.d.ts +7 -2
- package/dist/types/components/slider/slider.utils.d.ts +27 -0
- package/dist/types/components/step/step-item/step-item.d.ts +15 -3
- package/dist/types/components/step/step.d.ts +47 -12
- package/dist/types/components/switch/switch.d.ts +39 -6
- package/dist/types/components/tab/tab-item/tab-item.d.ts +20 -4
- package/dist/types/components/tab/tab.d.ts +41 -11
- package/dist/types/components/table/table-body/table-body.d.ts +10 -6
- package/dist/types/components/table/table-cell/table-cell.d.ts +10 -6
- package/dist/types/components/table/table-header/table-header.d.ts +10 -6
- package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +18 -6
- package/dist/types/components/table/table-row/table-row.d.ts +11 -6
- package/dist/types/components/table/table.d.ts +49 -11
- package/dist/types/components/tag/tag.d.ts +55 -7
- package/dist/types/components/textarea/textarea.d.ts +75 -5
- package/dist/types/components/textarea/textarea.types.d.ts +4 -0
- package/dist/types/components/tooltip/tooltip.d.ts +46 -8
- package/dist/types/components/upload/upload.d.ts +78 -10
- package/dist/types/components/wizard/wizard-panel/wizard-panel.d.ts +20 -2
- package/dist/types/components/wizard/wizard.d.ts +44 -7
- package/dist/types/components.d.ts +5823 -1350
- package/dist/types/shared/utils/floating-ui.d.ts +4 -0
- package/dist/types/shared/utils/focus.d.ts +14 -0
- package/dist/types/shared/utils/getRandom.d.ts +1 -0
- package/dist/types/shared/utils/id.d.ts +1 -1
- package/dist/types/shared/utils/index.d.ts +6 -1
- package/dist/types/shared/utils/motion.d.ts +14 -0
- package/dist/types/shared/utils/ownership.d.ts +33 -0
- package/dist/types/shared/utils/prop-warning.d.ts +7 -0
- package/dist/types/shared/utils/props.d.ts +38 -0
- package/dist/types/shared/utils/swipe.d.ts +5 -0
- package/dist/types/shared/utils/virtual-scroll.d.ts +25 -0
- package/dist/types/stencil-public-runtime.d.ts +12 -0
- package/dist/webcomponents/index.esm.js +1 -1
- package/dist/webcomponents/p-01baafce.entry.js +5 -0
- package/dist/webcomponents/p-01fb0754.entry.js +5 -0
- package/dist/webcomponents/p-030c02f8.entry.js +5 -0
- package/dist/webcomponents/p-03359c92.entry.js +5 -0
- package/dist/webcomponents/p-09770c98.entry.js +5 -0
- package/dist/webcomponents/p-0b9714f1.entry.js +5 -0
- package/dist/webcomponents/p-12aa36a8.entry.js +5 -0
- package/dist/webcomponents/p-130b6e06.entry.js +5 -0
- package/dist/webcomponents/p-144f8c8d.entry.js +5 -0
- package/dist/webcomponents/p-14fe22e2.entry.js +5 -0
- package/dist/webcomponents/p-1ff9210a.entry.js +5 -0
- package/dist/webcomponents/p-2605cdc3.entry.js +5 -0
- package/dist/webcomponents/p-27afaec9.entry.js +5 -0
- package/dist/webcomponents/p-2a50e42d.entry.js +5 -0
- package/dist/webcomponents/p-327f034f.entry.js +5 -0
- package/dist/webcomponents/p-342650b8.entry.js +5 -0
- package/dist/webcomponents/p-38f6a78b.entry.js +5 -0
- package/dist/webcomponents/p-3920fe3a.entry.js +5 -0
- package/dist/webcomponents/p-3ae97345.entry.js +5 -0
- package/dist/webcomponents/p-3cce767c.entry.js +5 -0
- package/dist/webcomponents/p-3df6c5d2.entry.js +5 -0
- package/dist/webcomponents/p-3e287899.entry.js +5 -0
- package/dist/webcomponents/p-3e5580ba.entry.js +5 -0
- package/dist/webcomponents/p-403637dd.entry.js +5 -0
- package/dist/webcomponents/p-435c8ef2.entry.js +5 -0
- package/dist/webcomponents/p-59da5b55.entry.js +5 -0
- package/dist/webcomponents/p-5dd4314c.entry.js +5 -0
- package/dist/webcomponents/p-646af6a5.entry.js +5 -0
- package/dist/webcomponents/p-670e8fec.entry.js +5 -0
- package/dist/webcomponents/p-68046544.entry.js +5 -0
- package/dist/webcomponents/p-68ec76b8.entry.js +5 -0
- package/dist/webcomponents/p-6c0ea20c.entry.js +5 -0
- package/dist/webcomponents/p-6c2fe5e4.entry.js +5 -0
- package/dist/webcomponents/p-707df9b9.entry.js +5 -0
- package/dist/webcomponents/p-72b839fe.entry.js +5 -0
- package/dist/webcomponents/p-73dcc05b.entry.js +5 -0
- package/dist/webcomponents/p-7acf20d3.entry.js +5 -0
- package/dist/webcomponents/p-7b01bddb.entry.js +5 -0
- package/dist/webcomponents/p-7cd38850.entry.js +5 -0
- package/dist/webcomponents/p-82454383.entry.js +5 -0
- package/dist/webcomponents/p-91e959a8.entry.js +5 -0
- package/dist/webcomponents/p-964c01e6.entry.js +5 -0
- package/dist/webcomponents/p-9858e42a.entry.js +5 -0
- package/dist/webcomponents/p-9c4200b0.entry.js +5 -0
- package/dist/webcomponents/p-9d9c87b1.entry.js +5 -0
- package/dist/webcomponents/p-B0PbhaxL.js +5 -0
- package/dist/webcomponents/p-BEJGB0Nd.js +5 -0
- package/dist/{components/p-Dmfk7eEe.js → webcomponents/p-BJZC_NuV.js} +1 -1
- package/dist/webcomponents/p-BJtdabsr.js +5 -0
- package/dist/webcomponents/p-BeJxz5TQ.js +5 -0
- package/dist/webcomponents/p-BlGV-x0w.js +5 -0
- package/dist/webcomponents/{p-Bfm58jO6.js → p-BtRPYRvA.js} +1 -1
- package/dist/webcomponents/p-CDtFCbKp.js +5 -0
- package/dist/webcomponents/p-CNwZRgyL.js +5 -0
- package/dist/webcomponents/{p-DFN_so7I.js → p-CfuJQ1DY.js} +1 -1
- package/dist/webcomponents/p-D9Zo6FlV.js +5 -0
- package/dist/webcomponents/{p-BhMVJQ4-.js → p-DV-iW9Aj.js} +1 -1
- package/dist/webcomponents/p-DWhzxlCx.js +5 -0
- package/dist/webcomponents/p-Dcn7tRST.js +7 -0
- package/dist/webcomponents/p-EbtQZm5s.js +5 -0
- package/dist/webcomponents/p-a0931550.entry.js +5 -0
- package/dist/webcomponents/p-a212fd85.entry.js +5 -0
- package/dist/webcomponents/p-a2e75143.entry.js +5 -0
- package/dist/webcomponents/p-a3bb98c9.entry.js +5 -0
- package/dist/webcomponents/p-a8b5dba0.entry.js +5 -0
- package/dist/webcomponents/p-aa909443.entry.js +5 -0
- package/dist/webcomponents/p-abaf2365.entry.js +5 -0
- package/dist/webcomponents/p-aeb16645.entry.js +5 -0
- package/dist/webcomponents/p-b287c384.entry.js +5 -0
- package/dist/webcomponents/p-b506b0a1.entry.js +5 -0
- package/dist/webcomponents/p-b520c08c.entry.js +5 -0
- package/dist/webcomponents/p-b94c3f84.entry.js +5 -0
- package/dist/webcomponents/p-bda62f90.entry.js +5 -0
- package/dist/webcomponents/p-c201ae16.entry.js +5 -0
- package/dist/webcomponents/p-c7e899a1.entry.js +5 -0
- package/dist/webcomponents/p-c8b7bbab.entry.js +5 -0
- package/dist/webcomponents/p-cbf3e251.entry.js +5 -0
- package/dist/webcomponents/{p-7f7506f0.entry.js → p-cff24492.entry.js} +1 -1
- package/dist/webcomponents/p-d35cf5b4.entry.js +5 -0
- package/dist/webcomponents/p-d45ffe9c.entry.js +5 -0
- package/dist/webcomponents/p-d719a4af.entry.js +5 -0
- package/dist/webcomponents/p-d826c052.entry.js +5 -0
- package/dist/webcomponents/p-da21a60d.entry.js +5 -0
- package/dist/webcomponents/p-de0c7f26.entry.js +5 -0
- package/dist/webcomponents/p-e20188c0.entry.js +5 -0
- package/dist/webcomponents/p-e27882e1.entry.js +5 -0
- package/dist/webcomponents/p-e3de5bb3.entry.js +5 -0
- package/dist/webcomponents/p-e624ff04.entry.js +5 -0
- package/dist/webcomponents/p-ed5af0e4.entry.js +5 -0
- package/dist/webcomponents/p-edc6da0e.entry.js +5 -0
- package/dist/webcomponents/p-f24fcf3d.entry.js +5 -0
- package/dist/webcomponents/p-f52ef0dc.entry.js +5 -0
- package/dist/webcomponents/{p-12286e73.entry.js → p-f558d7b9.entry.js} +1 -1
- package/dist/webcomponents/p-fcab1428.entry.js +5 -0
- package/dist/webcomponents/p-fe1729a7.entry.js +5 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +18 -3
- package/dist/cjs/clamp-Co_hWptd.js +0 -25
- package/dist/cjs/id-CjRFMzf6.js +0 -20
- package/dist/cjs/props-CScmBvKd.js +0 -24
- package/dist/collection/pages/components/cookiebar/index.js +0 -26
- package/dist/collection/pages/components/link/index.js +0 -29
- package/dist/collection/pages/components/pagination/index.js +0 -12
- package/dist/collection/pages/components/slider/index.js +0 -18
- package/dist/components/p-6OdfnwnK.js +0 -5
- package/dist/components/p-AmOh1cks.js +0 -5
- package/dist/components/p-B4ylcipx.js +0 -5
- package/dist/components/p-BCv4PCOx.js +0 -5
- package/dist/components/p-BLOyd_iF.js +0 -5
- package/dist/components/p-BODem6tr.js +0 -5
- package/dist/components/p-Bb-nLtTG.js +0 -5
- package/dist/components/p-BeFK-82z.js +0 -5
- package/dist/components/p-BkS6ujyf.js +0 -5
- package/dist/components/p-BloE-KAN.js +0 -5
- package/dist/components/p-BoSc_kmY.js +0 -5
- package/dist/components/p-BrH3r7eL.js +0 -5
- package/dist/components/p-BsZ0Ny88.js +0 -5
- package/dist/components/p-ByHVf7zy.js +0 -5
- package/dist/components/p-CdF-gmk1.js +0 -5
- package/dist/components/p-CfyjGPGI.js +0 -5
- package/dist/components/p-CjF7pBVQ.js +0 -5
- package/dist/components/p-ClqtllDH.js +0 -5
- package/dist/components/p-CqW2Yh34.js +0 -5
- package/dist/components/p-DIK54tTj.js +0 -5
- package/dist/components/p-DLE5ioJN.js +0 -5
- package/dist/components/p-DQRSHR-D.js +0 -5
- package/dist/components/p-DRVMm1Py.js +0 -5
- package/dist/components/p-DRnCpVrL.js +0 -5
- package/dist/components/p-DVdlaP7z.js +0 -5
- package/dist/components/p-DeeF6ok0.js +0 -5
- package/dist/components/p-Dim2PnUm.js +0 -5
- package/dist/components/p-Dk8rfQjL.js +0 -5
- package/dist/components/p-DkmEpoef.js +0 -5
- package/dist/components/p-DwfAYaEv.js +0 -5
- package/dist/components/p-DxZJrIyL.js +0 -5
- package/dist/components/p-P2Z_MmH6.js +0 -5
- package/dist/components/p-Xa0Mj4pP.js +0 -5
- package/dist/components/p-_vsQvdxD.js +0 -5
- package/dist/components/p-aNjo4Alx.js +0 -5
- package/dist/components/p-gvnfuTjd.js +0 -5
- package/dist/components/p-rB-s1M3Q.js +0 -5
- package/dist/esm/clamp-gvnfuTjd.js +0 -23
- package/dist/esm/id-BkS6ujyf.js +0 -18
- package/dist/esm/props-DRVMm1Py.js +0 -22
- package/dist/webcomponents/p-00cc31f9.entry.js +0 -5
- package/dist/webcomponents/p-026475bd.entry.js +0 -5
- package/dist/webcomponents/p-0291ab28.entry.js +0 -5
- package/dist/webcomponents/p-03e5a7dc.entry.js +0 -5
- package/dist/webcomponents/p-060df8ee.entry.js +0 -5
- package/dist/webcomponents/p-09fce2a5.entry.js +0 -5
- package/dist/webcomponents/p-1002bbff.entry.js +0 -5
- package/dist/webcomponents/p-1124de33.entry.js +0 -5
- package/dist/webcomponents/p-12e97d80.entry.js +0 -5
- package/dist/webcomponents/p-1580beee.entry.js +0 -5
- package/dist/webcomponents/p-1b19b191.entry.js +0 -5
- package/dist/webcomponents/p-2baf353b.entry.js +0 -5
- package/dist/webcomponents/p-2eb9a42c.entry.js +0 -5
- package/dist/webcomponents/p-30c82805.entry.js +0 -5
- package/dist/webcomponents/p-31bd1c74.entry.js +0 -5
- package/dist/webcomponents/p-31db2313.entry.js +0 -5
- package/dist/webcomponents/p-33a3dc63.entry.js +0 -5
- package/dist/webcomponents/p-3889c51f.entry.js +0 -5
- package/dist/webcomponents/p-3f2c179a.entry.js +0 -5
- package/dist/webcomponents/p-470eb770.entry.js +0 -5
- package/dist/webcomponents/p-4ae387ae.entry.js +0 -5
- package/dist/webcomponents/p-4e65df84.entry.js +0 -5
- package/dist/webcomponents/p-51a62876.entry.js +0 -5
- package/dist/webcomponents/p-5860b96b.entry.js +0 -5
- package/dist/webcomponents/p-5b9c01e9.entry.js +0 -5
- package/dist/webcomponents/p-5df2f1dd.entry.js +0 -5
- package/dist/webcomponents/p-5f3f7b3f.entry.js +0 -5
- package/dist/webcomponents/p-5f6afb79.entry.js +0 -5
- package/dist/webcomponents/p-5f9c28a7.entry.js +0 -5
- package/dist/webcomponents/p-62511921.entry.js +0 -5
- package/dist/webcomponents/p-63b52947.entry.js +0 -5
- package/dist/webcomponents/p-67a8e0b7.entry.js +0 -5
- package/dist/webcomponents/p-6OdfnwnK.js +0 -5
- package/dist/webcomponents/p-7b2a5fec.entry.js +0 -5
- package/dist/webcomponents/p-7f95e2f5.entry.js +0 -5
- package/dist/webcomponents/p-8128833c.entry.js +0 -5
- package/dist/webcomponents/p-8200ccb1.entry.js +0 -5
- package/dist/webcomponents/p-82b100fd.entry.js +0 -5
- package/dist/webcomponents/p-8806df15.entry.js +0 -5
- package/dist/webcomponents/p-881eb81a.entry.js +0 -5
- package/dist/webcomponents/p-8bd3d541.entry.js +0 -5
- package/dist/webcomponents/p-90648343.entry.js +0 -5
- package/dist/webcomponents/p-9100a5f7.entry.js +0 -5
- package/dist/webcomponents/p-91313d77.entry.js +0 -5
- package/dist/webcomponents/p-946b2ac0.entry.js +0 -5
- package/dist/webcomponents/p-98e7ccb9.entry.js +0 -5
- package/dist/webcomponents/p-99f2bddb.entry.js +0 -5
- package/dist/webcomponents/p-9adbdb0a.entry.js +0 -5
- package/dist/webcomponents/p-9c260049.entry.js +0 -5
- package/dist/webcomponents/p-9ed51017.entry.js +0 -5
- package/dist/webcomponents/p-BkS6ujyf.js +0 -5
- package/dist/webcomponents/p-C2RBydfd.js +0 -6
- package/dist/webcomponents/p-CO5cOQQU.js +0 -5
- package/dist/webcomponents/p-DIK54tTj.js +0 -5
- package/dist/webcomponents/p-DRVMm1Py.js +0 -5
- package/dist/webcomponents/p-DxZJrIyL.js +0 -5
- package/dist/webcomponents/p-a0b299dd.entry.js +0 -5
- package/dist/webcomponents/p-a2c5fad0.entry.js +0 -5
- package/dist/webcomponents/p-a3e044d7.entry.js +0 -5
- package/dist/webcomponents/p-a9f23aa7.entry.js +0 -5
- package/dist/webcomponents/p-a9f2fcbc.entry.js +0 -5
- package/dist/webcomponents/p-b6c68136.entry.js +0 -5
- package/dist/webcomponents/p-b6e9b8d1.entry.js +0 -5
- package/dist/webcomponents/p-c333eac6.entry.js +0 -5
- package/dist/webcomponents/p-c3732fd6.entry.js +0 -5
- package/dist/webcomponents/p-c458ed0e.entry.js +0 -5
- package/dist/webcomponents/p-c91000ff.entry.js +0 -5
- package/dist/webcomponents/p-c9c6ab2d.entry.js +0 -5
- package/dist/webcomponents/p-cd2550d6.entry.js +0 -5
- package/dist/webcomponents/p-cf42613f.entry.js +0 -5
- package/dist/webcomponents/p-d0b0b420.entry.js +0 -5
- package/dist/webcomponents/p-d1b32ee8.entry.js +0 -5
- package/dist/webcomponents/p-db65b083.entry.js +0 -5
- package/dist/webcomponents/p-de7c101d.entry.js +0 -5
- package/dist/webcomponents/p-dfb77dd0.entry.js +0 -5
- package/dist/webcomponents/p-e258da78.entry.js +0 -5
- package/dist/webcomponents/p-e31ddd42.entry.js +0 -5
- package/dist/webcomponents/p-e8d82227.entry.js +0 -5
- package/dist/webcomponents/p-e988cf1d.entry.js +0 -5
- package/dist/webcomponents/p-ed9122a1.entry.js +0 -5
- package/dist/webcomponents/p-ee347d2e.entry.js +0 -5
- package/dist/webcomponents/p-f1c01d52.entry.js +0 -5
- package/dist/webcomponents/p-f5baf8be.entry.js +0 -5
- package/dist/webcomponents/p-fb593739.entry.js +0 -5
- package/dist/webcomponents/p-fff9acd4.entry.js +0 -5
- package/dist/webcomponents/p-gvnfuTjd.js +0 -5
|
@@ -2,10 +2,24 @@
|
|
|
2
2
|
* Construído por SERPRO
|
|
3
3
|
* © https://serpro.gov.br/ - MIT License.
|
|
4
4
|
*/
|
|
5
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-
|
|
5
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Dcn7tRST.js';
|
|
6
|
+
import { f as findComposedOwner } from './ownership-CDtFCbKp.js';
|
|
7
|
+
import { b as resolveIntegerPropValue, r as resolveAllowedPropValue } from './props-D07GjR4_.js';
|
|
8
|
+
import './prop-warning-BlGV-x0w.js';
|
|
6
9
|
|
|
7
|
-
const stepCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-step{--step-empty:16px;--step-empty-border:4px;--step-line:1px;--step-size:var(--step-medium);--step-small:32px;--step-medium:40px;--step-large:48px;--step-simple-size:var(--step-simple-medium);--step-simple-medium:8px;--step-simple-large:12px;--step-alert-success-icon:"\\f00c";--step-alert-warning-icon:"\\f071";--step-alert-info-icon:"\\f12a";--step-alert-danger-icon:"\\f00d";display:flex;padding:var(--spacing-scale-base)}.br-step .step-progress{display:flex;flex-grow:1}.br-step.vertical{flex-direction:column}.br-step.vertical .step-progress{flex-direction:column}.br-step .step-progress-btn{align-items:center;background-color:rgba(0,0,0,0);border:0;display:flex;flex-grow:1;justify-content:center;min-height:var(--step-size);padding:0;position:relative}.br-step[data-label=left] .step-progress-btn{justify-content:end}.br-step[data-label=right] .step-progress-btn{justify-content:start}.br-step.vertical .step-progress-btn{justify-content:start}.br-step.vertical[data-label=left] .step-progress-btn{justify-content:end}.br-step.vertical[data-label=right] .step-progress-btn{justify-content:start}.br-step .step-progress-btn::before{align-items:center;background-color:var(--background);border:var(--step-line) solid var(--interactive);border-radius:50%;color:var(--interactive);content:attr(step-num);display:inline-flex;font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-medium);height:var(--step-size);justify-content:center;left:0;margin:auto;position:absolute;right:0;width:var(--step-size);z-index:2}.br-step .step-icon{align-items:center;color:var(--interactive);display:inline-flex;height:var(--step-size);justify-content:center;position:absolute;width:var(--step-size);z-index:4}.br-step .step-alert{align-items:center;border-radius:50%;color:var(--color-dark);display:flex;height:var(--font-size-scale-up-04);justify-content:center;position:absolute;width:var(--font-size-scale-up-04);z-index:4}.br-step .step-alert::after{display:flex;font-family:"Font Awesome 5 Free";font-size:var(--font-size-scale-up-01);font-weight:900}.br-step[data-label=bottom] .step-progress-btn::before{top:0}.br-step[data-label=bottom] .step-icon{top:0}.br-step[data-label=bottom] .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75))}.br-step[data-label=top] .step-progress-btn::before{bottom:0}.br-step[data-label=top] .step-icon{bottom:0}.br-step[data-label=top] .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25))}.br-step[data-label=left] .step-progress-btn::before{left:auto;right:0}.br-step[data-label=left] .step-alert{transform:translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25))}.br-step[data-label=right] .step-progress-btn::before{left:0;right:auto}.br-step[data-label=right] .step-alert{transform:translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25))}.br-step.vertical .step-progress-btn::before{bottom:0;left:auto;right:auto;top:0}.br-step.vertical[data-label=left] .step-progress-btn::before{right:0}.br-step.vertical[data-label=right] .step-progress-btn::before{left:0}.br-step .step-progress-btn::after{background-color:var(--interactive);content:"";display:block;height:var(--step-line);left:0;position:absolute;right:0;z-index:1}.br-step .step-progress-btn:first-child::after{left:50%}.br-step .step-progress-btn:last-child::after{right:50%}.br-step[data-label=bottom] .step-progress-btn::after{top:calc(var(--step-size)*.5)}.br-step[data-label=top] .step-progress-btn::after{bottom:calc(var(--step-size)*.5)}.br-step[data-label=left] .step-progress-btn::after{left:0}.br-step[data-label=left] .step-progress-btn:first-child::after{left:100%}.br-step[data-label=left] .step-progress-btn:last-child::after{right:0}.br-step[data-label=right] .step-progress-btn::after{right:0}.br-step[data-label=right] .step-progress-btn:first-child::after{left:0}.br-step[data-label=right] .step-progress-btn:last-child::after{right:100%}.br-step.vertical .step-progress-btn::after{bottom:0;height:auto;left:auto;right:auto;top:0;width:var(--step-line)}.br-step.vertical .step-progress-btn:first-child::after{left:auto;top:50%}.br-step.vertical .step-progress-btn:last-child::after{bottom:50%;right:auto}.br-step.vertical[data-label=left] .step-progress-btn::after{right:calc(var(--step-size)*.5)}.br-step.vertical[data-label=right] .step-progress-btn::after{left:calc(var(--step-size)*.5)}.br-step .step-info{color:var(--interactive);display:inline-block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium)}.br-step[data-label=bottom] .step-info{margin-top:var(--step-size);padding-top:var(--spacing-scale-2x)}.br-step[data-label=top] .step-info{margin-bottom:var(--step-size);padding-bottom:var(--spacing-scale-2x)}.br-step[data-label=left] .step-info{display:none}@media (min-width: 576px){.br-step[data-label=left] .step-info{background-color:var(--background);display:inline-block;margin-right:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}.br-step[data-label=right] .step-info{display:none}@media (min-width: 576px){.br-step[data-label=right] .step-info{background-color:var(--background);display:inline-block;margin-left:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}.br-step.vertical[data-label=left] .step-info{display:inline-block;margin-left:0;margin-right:var(--step-size);padding:var(--spacing-scale-2x)}.br-step.vertical[data-label=right] .step-info{display:inline-block;margin-left:var(--step-size);margin-right:0;padding:var(--spacing-scale-2x)}.br-step[data-type=void] .step-progress-btn::before{content:"";height:var(--step-empty);width:var(--step-empty)}.br-step[data-type=void] .step-info{height:0;overflow:hidden;position:absolute;width:0}.br-step[data-type=simple]{align-items:center;display:flex;justify-content:center}.br-step[data-type=simple] .step-progress{align-items:center;display:flex;justify-content:center}.br-step[data-type=simple] .step-progress-btn{flex-grow:0;width:24px}.br-step[data-type=simple] .step-progress-btn::before{background-color:var(--gray-20);border-color:var(--gray-20);content:"";height:var(--step-simple-size);width:var(--step-simple-size)}.br-step[data-type=simple] .step-progress-btn::after{content:none}.br-step[data-type=simple] .step-info{height:0;overflow:hidden;position:absolute;width:0}.br-step[data-type=text]{align-items:center;display:flex;justify-content:center}.br-step[data-type=text] .step-progress{align-items:center;display:flex;justify-content:center}.br-step[data-type=text] .step-progress-btn{height:0;min-height:var(--font-size-scale-base);overflow:hidden;position:absolute;width:0}.br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);border:0;color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);width:auto}.br-step[data-type=text] .step-progress-btn::after{content:none}.br-step[data-type=text] .step-info{height:0;overflow:hidden;position:absolute;width:0}.br-step[scroll]{overflow-x:auto;overflow-y:hidden}.br-step[scroll]::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-step[scroll]::-webkit-scrollbar-track{background:var(--gray-10)}.br-step[scroll]::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-step[scroll]:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-step[scroll] .step-progress-btn{min-width:200px}.br-step[scroll].vertical{overflow-x:hidden;overflow-y:auto}.br-step[scroll].vertical .step-progress-btn{min-height:100px;min-width:auto}.br-step .step-progress-btn[data-alert=success]{color:var(--success)}.br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success)}.br-step .step-progress-btn[data-alert=success] .step-alert{background-color:var(--success)}.br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-step .step-progress-btn[data-alert=info]{color:var(--info)}.br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info)}.br-step .step-progress-btn[data-alert=info] .step-alert{background-color:var(--info)}.br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-step .step-progress-btn[data-alert=warning]{color:var(--color-light)}.br-step .step-progress-btn[data-alert=warning] .step-info{color:var(--color)}.br-step .step-progress-btn[data-alert=warning] .step-alert{background-color:var(--warning)}.br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon);color:var(--color-light)}.br-step .step-progress-btn[data-alert=danger]{color:var(--danger)}.br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger)}.br-step .step-progress-btn[data-alert=danger] .step-alert{background-color:var(--danger)}.br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-step .step-progress-btn.active::before,.br-step .step-progress-btn[active]::before{background-color:var(--active);border-color:var(--active);color:var(--background)}.br-step .step-progress-btn.active .step-icon,.br-step .step-progress-btn[active] .step-icon{color:var(--background)}.br-step .step-progress-btn:focus{outline:none}.br-step .step-progress-btn.focus-visible::before,.br-step .step-progress-btn:focus-visible::before{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width);z-index:4}.br-step .step-progress-btn:hover:not(:disabled)::before{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-step .step-progress-btn:disabled{opacity:1}.br-step .step-progress-btn:disabled::before{border-color:rgba(var(--interactive-rgb), var(--disabled))}.br-step .step-progress-btn:disabled .step-icon{color:rgba(var(--interactive-rgb), var(--disabled))}.br-step[data-type=void] .step-progress-btn.active .step-alert,.br-step[data-type=void] .step-progress-btn[active] .step-alert{border:var(--step-empty-border) solid var(--active);height:calc(var(--font-size-scale-up-04) + var(--step-empty-border));width:calc(var(--font-size-scale-up-04) + var(--step-empty-border))}.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible::before,.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible::before{outline:none}.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible .step-alert,.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible .step-alert{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width);z-index:4}.br-step[data-type=text] .step-progress-btn{cursor:default}.br-step[data-type=text] .step-progress-btn.active,.br-step[data-type=text] .step-progress-btn[active]{height:auto;position:static;width:auto}.br-step[data-type=text] .step-progress-btn.active::before,.br-step[data-type=text] .step-progress-btn[active]::before{background-color:rgba(0,0,0,0);border:0;color:var(--color);position:static}.br-step[data-type=text] .step-progress-btn:focus::before,.br-step[data-type=text] .step-progress-btn.focus-visible::before,.br-step[data-type=text] .step-progress-btn:focus-visible::before{outline:none}.br-step[data-type=text] .step-progress-btn:hover::before{background-image:none}.br-step.inverted,.br-step.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-step.inverted .step-progress-btn[data-alert=success],.br-step.dark-mode .step-progress-btn[data-alert=success]{color:var(--success-alternative)}.br-step.inverted .step-progress-btn[data-alert=success] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}.br-step.inverted .step-progress-btn[data-alert=success] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-step.inverted .step-progress-btn[data-alert=info],.br-step.dark-mode .step-progress-btn[data-alert=info]{color:var(--info-alternative)}.br-step.inverted .step-progress-btn[data-alert=info] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}.br-step.inverted .step-progress-btn[data-alert=info] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-step.inverted .step-progress-btn[data-alert=warning] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}.br-step.inverted .step-progress-btn[data-alert=danger],.br-step.dark-mode .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}.br-step.inverted .step-progress-btn[data-alert=danger] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}.br-step.inverted .step-progress-btn[data-alert=danger] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-step.inverted .step-progress-btn.active,.br-step.inverted .step-progress-btn[active],.br-step.dark-mode .step-progress-btn.active,.br-step.dark-mode .step-progress-btn[active]{color:var(--color-dark)}.br-step.inverted .step-progress-btn.active::before,.br-step.inverted .step-progress-btn[active]::before,.br-step.dark-mode .step-progress-btn.active::before,.br-step.dark-mode .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}.br-step.inverted .step-progress-btn.active .step-icon,.br-step.inverted .step-progress-btn[active] .step-icon,.br-step.dark-mode .step-progress-btn.active .step-icon,.br-step.dark-mode .step-progress-btn[active] .step-icon{color:var(--active)}.br-step.inverted[data-type=void] .step-progress-btn.active .step-alert,.br-step.inverted[data-type=void] .step-progress-btn[active] .step-alert,.br-step.dark-mode[data-type=void] .step-progress-btn.active .step-alert,.br-step.dark-mode[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}.br-step.inverted[data-type=text] .step-progress-btn::before,.br-step.dark-mode[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}:host .br-step{display:flex;width:100%}:host .br-step.vertical{flex-direction:column;align-items:flex-start}:host .br-step.horizontal{flex-direction:row;justify-content:center}:host .br-step:focus,:host .br-step:focus-visible{outline:none}:host .br-step.vertical.content-side{align-items:flex-start}:host .br-step.vertical.content-side[data-label=bottom]{align-items:stretch}:host .br-step.vertical.content-between[data-label=top],:host .br-step.vertical.content-between[data-label=bottom]{align-items:stretch}::slotted([disabled]){opacity:1 !important}`;
|
|
10
|
+
const stepCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.br-step{--step-empty:16px;--step-empty-border:4px;--step-line:1px;--step-size:var(--step-medium);--step-small:32px;--step-medium:40px;--step-large:48px;--step-simple-size:var(--step-simple-medium);--step-simple-medium:8px;--step-simple-large:12px;--step-alert-success-icon:"\\f00c";--step-alert-warning-icon:"\\f071";--step-alert-info-icon:"\\f12a";--step-alert-danger-icon:"\\f00d";display:flex;padding:var(--spacing-scale-base)}.br-step .step-progress{display:flex;flex-grow:1}.br-step.vertical{flex-direction:column}.br-step.vertical .step-progress{flex-direction:column}.br-step .step-progress-btn{align-items:center;background-color:rgba(0,0,0,0);border:0;display:flex;flex-grow:1;justify-content:center;min-height:var(--step-size);padding:0;position:relative}.br-step[data-label=left] .step-progress-btn{justify-content:end}.br-step[data-label=right] .step-progress-btn{justify-content:start}.br-step.vertical .step-progress-btn{justify-content:start}.br-step.vertical[data-label=left] .step-progress-btn{justify-content:end}.br-step.vertical[data-label=right] .step-progress-btn{justify-content:start}.br-step .step-progress-btn::before{align-items:center;background-color:var(--background);border:var(--step-line) solid var(--interactive);border-radius:50%;color:var(--interactive);content:attr(step-num);display:inline-flex;font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-medium);height:var(--step-size);justify-content:center;left:0;margin:auto;position:absolute;right:0;width:var(--step-size);z-index:2}.br-step .step-icon{align-items:center;color:var(--interactive);display:inline-flex;height:var(--step-size);justify-content:center;position:absolute;width:var(--step-size);z-index:4}.br-step .step-alert{align-items:center;border-radius:50%;color:var(--color-dark);display:flex;height:var(--font-size-scale-up-04);justify-content:center;position:absolute;width:var(--font-size-scale-up-04);z-index:4}.br-step .step-alert::after{display:flex;font-family:"Font Awesome 5 Free";font-size:var(--font-size-scale-up-01);font-weight:900}.br-step[data-label=bottom] .step-progress-btn::before{top:0}.br-step[data-label=bottom] .step-icon{top:0}.br-step[data-label=bottom] .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75))}.br-step[data-label=top] .step-progress-btn::before{bottom:0}.br-step[data-label=top] .step-icon{bottom:0}.br-step[data-label=top] .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25))}.br-step[data-label=left] .step-progress-btn::before{left:auto;right:0}.br-step[data-label=left] .step-alert{transform:translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25))}.br-step[data-label=right] .step-progress-btn::before{left:0;right:auto}.br-step[data-label=right] .step-alert{transform:translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25))}.br-step.vertical .step-progress-btn::before{bottom:0;left:auto;right:auto;top:0}.br-step.vertical[data-label=left] .step-progress-btn::before{right:0}.br-step.vertical[data-label=right] .step-progress-btn::before{left:0}.br-step .step-progress-btn::after{background-color:var(--interactive);content:"";display:block;height:var(--step-line);left:0;position:absolute;right:0;z-index:1}.br-step .step-progress-btn:first-child::after{left:50%}.br-step .step-progress-btn:last-child::after{right:50%}.br-step[data-label=bottom] .step-progress-btn::after{top:calc(var(--step-size)*.5)}.br-step[data-label=top] .step-progress-btn::after{bottom:calc(var(--step-size)*.5)}.br-step[data-label=left] .step-progress-btn::after{left:0}.br-step[data-label=left] .step-progress-btn:first-child::after{left:100%}.br-step[data-label=left] .step-progress-btn:last-child::after{right:0}.br-step[data-label=right] .step-progress-btn::after{right:0}.br-step[data-label=right] .step-progress-btn:first-child::after{left:0}.br-step[data-label=right] .step-progress-btn:last-child::after{right:100%}.br-step.vertical .step-progress-btn::after{bottom:0;height:auto;left:auto;right:auto;top:0;width:var(--step-line)}.br-step.vertical .step-progress-btn:first-child::after{left:auto;top:50%}.br-step.vertical .step-progress-btn:last-child::after{bottom:50%;right:auto}.br-step.vertical[data-label=left] .step-progress-btn::after{right:calc(var(--step-size)*.5)}.br-step.vertical[data-label=right] .step-progress-btn::after{left:calc(var(--step-size)*.5)}.br-step .step-info{color:var(--interactive);display:inline-block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium)}.br-step[data-label=bottom] .step-info{margin-top:var(--step-size);padding-top:var(--spacing-scale-2x)}.br-step[data-label=top] .step-info{margin-bottom:var(--step-size);padding-bottom:var(--spacing-scale-2x)}.br-step[data-label=left] .step-info{display:none}@media (min-width: 576px){.br-step[data-label=left] .step-info{background-color:var(--background);display:inline-block;margin-right:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}.br-step[data-label=right] .step-info{display:none}@media (min-width: 576px){.br-step[data-label=right] .step-info{background-color:var(--background);display:inline-block;margin-left:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}.br-step.vertical[data-label=left] .step-info{display:inline-block;margin-left:0;margin-right:var(--step-size);padding:var(--spacing-scale-2x)}.br-step.vertical[data-label=right] .step-info{display:inline-block;margin-left:var(--step-size);margin-right:0;padding:var(--spacing-scale-2x)}.br-step[data-type=void] .step-progress-btn::before{content:"";height:var(--step-empty);width:var(--step-empty)}.br-step[data-type=void] .step-info{height:0;overflow:hidden;position:absolute;width:0}.br-step[data-type=simple]{align-items:center;display:flex;justify-content:center}.br-step[data-type=simple] .step-progress{align-items:center;display:flex;justify-content:center}.br-step[data-type=simple] .step-progress-btn{flex-grow:0;width:24px}.br-step[data-type=simple] .step-progress-btn::before{background-color:var(--gray-20);border-color:var(--gray-20);content:"";height:var(--step-simple-size);width:var(--step-simple-size)}.br-step[data-type=simple] .step-progress-btn::after{content:none}.br-step[data-type=simple] .step-info{height:0;overflow:hidden;position:absolute;width:0}.br-step[data-type=text]{align-items:center;display:flex;justify-content:center}.br-step[data-type=text] .step-progress{align-items:center;display:flex;justify-content:center}.br-step[data-type=text] .step-progress-btn{height:0;min-height:var(--font-size-scale-base);overflow:hidden;position:absolute;width:0}.br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);border:0;color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);width:auto}.br-step[data-type=text] .step-progress-btn::after{content:none}.br-step[data-type=text] .step-info{height:0;overflow:hidden;position:absolute;width:0}.br-step[scroll]{overflow-x:auto;overflow-y:hidden}.br-step[scroll]::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-step[scroll]::-webkit-scrollbar-track{background:var(--gray-10)}.br-step[scroll]::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-step[scroll]:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-step[scroll] .step-progress-btn{min-width:200px}.br-step[scroll].vertical{overflow-x:hidden;overflow-y:auto}.br-step[scroll].vertical .step-progress-btn{min-height:100px;min-width:auto}.br-step .step-progress-btn[data-alert=success]{color:var(--success)}.br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success)}.br-step .step-progress-btn[data-alert=success] .step-alert{background-color:var(--success)}.br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-step .step-progress-btn[data-alert=info]{color:var(--info)}.br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info)}.br-step .step-progress-btn[data-alert=info] .step-alert{background-color:var(--info)}.br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-step .step-progress-btn[data-alert=warning]{color:var(--color-light)}.br-step .step-progress-btn[data-alert=warning] .step-info{color:var(--color)}.br-step .step-progress-btn[data-alert=warning] .step-alert{background-color:var(--warning)}.br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon);color:var(--color-light)}.br-step .step-progress-btn[data-alert=danger]{color:var(--danger)}.br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger)}.br-step .step-progress-btn[data-alert=danger] .step-alert{background-color:var(--danger)}.br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-step .step-progress-btn.active::before,.br-step .step-progress-btn[active]::before{background-color:var(--active);border-color:var(--active);color:var(--background)}.br-step .step-progress-btn.active .step-icon,.br-step .step-progress-btn[active] .step-icon{color:var(--background)}.br-step .step-progress-btn:focus{outline:none}.br-step .step-progress-btn.focus-visible::before,.br-step .step-progress-btn:focus-visible::before{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width);z-index:4}.br-step .step-progress-btn:hover:not(:disabled)::before{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-step .step-progress-btn:disabled{opacity:1}.br-step .step-progress-btn:disabled::before{border-color:rgba(var(--interactive-rgb), var(--disabled))}.br-step .step-progress-btn:disabled .step-icon{color:rgba(var(--interactive-rgb), var(--disabled))}.br-step[data-type=void] .step-progress-btn.active .step-alert,.br-step[data-type=void] .step-progress-btn[active] .step-alert{border:var(--step-empty-border) solid var(--active);height:calc(var(--font-size-scale-up-04) + var(--step-empty-border));width:calc(var(--font-size-scale-up-04) + var(--step-empty-border))}.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible::before,.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible::before{outline:none}.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible .step-alert,.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible .step-alert{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width);z-index:4}.br-step[data-type=text] .step-progress-btn{cursor:default}.br-step[data-type=text] .step-progress-btn.active,.br-step[data-type=text] .step-progress-btn[active]{height:auto;position:static;width:auto}.br-step[data-type=text] .step-progress-btn.active::before,.br-step[data-type=text] .step-progress-btn[active]::before{background-color:rgba(0,0,0,0);border:0;color:var(--color);position:static}.br-step[data-type=text] .step-progress-btn:focus::before,.br-step[data-type=text] .step-progress-btn.focus-visible::before,.br-step[data-type=text] .step-progress-btn:focus-visible::before{outline:none}.br-step[data-type=text] .step-progress-btn:hover::before{background-image:none}.br-step.inverted,.br-step.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-step.inverted .step-progress-btn[data-alert=success],.br-step.dark-mode .step-progress-btn[data-alert=success]{color:var(--success-alternative)}.br-step.inverted .step-progress-btn[data-alert=success] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}.br-step.inverted .step-progress-btn[data-alert=success] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-step.inverted .step-progress-btn[data-alert=info],.br-step.dark-mode .step-progress-btn[data-alert=info]{color:var(--info-alternative)}.br-step.inverted .step-progress-btn[data-alert=info] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}.br-step.inverted .step-progress-btn[data-alert=info] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-step.inverted .step-progress-btn[data-alert=warning] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}.br-step.inverted .step-progress-btn[data-alert=danger],.br-step.dark-mode .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}.br-step.inverted .step-progress-btn[data-alert=danger] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}.br-step.inverted .step-progress-btn[data-alert=danger] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-step.inverted .step-progress-btn.active,.br-step.inverted .step-progress-btn[active],.br-step.dark-mode .step-progress-btn.active,.br-step.dark-mode .step-progress-btn[active]{color:var(--color-dark)}.br-step.inverted .step-progress-btn.active::before,.br-step.inverted .step-progress-btn[active]::before,.br-step.dark-mode .step-progress-btn.active::before,.br-step.dark-mode .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}.br-step.inverted .step-progress-btn.active .step-icon,.br-step.inverted .step-progress-btn[active] .step-icon,.br-step.dark-mode .step-progress-btn.active .step-icon,.br-step.dark-mode .step-progress-btn[active] .step-icon{color:var(--active)}.br-step.inverted[data-type=void] .step-progress-btn.active .step-alert,.br-step.inverted[data-type=void] .step-progress-btn[active] .step-alert,.br-step.dark-mode[data-type=void] .step-progress-btn.active .step-alert,.br-step.dark-mode[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}.br-step.inverted[data-type=text] .step-progress-btn::before,.br-step.dark-mode[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}:host .br-step{display:flex;width:100%}:host .br-step.vertical{flex-direction:column;align-items:flex-start}:host .br-step.horizontal{flex-direction:row;justify-content:center}:host .br-step:focus,:host .br-step:focus-visible{outline:none}:host .br-step.vertical.content-side{align-items:flex-start}:host .br-step.vertical.content-side[data-label=bottom]{align-items:stretch}:host .br-step.vertical.content-between[data-label=top],:host .br-step.vertical.content-between[data-label=bottom]{align-items:stretch}::slotted([disabled]){opacity:1 !important}`;
|
|
8
11
|
|
|
12
|
+
const STEP_ORIENTATIONS = ['horizontal', 'vertical'];
|
|
13
|
+
const STEP_LABEL_POSITIONS = ['top', 'right', 'bottom', 'left'];
|
|
14
|
+
const STEP_CONTENT_TYPES = [
|
|
15
|
+
'default',
|
|
16
|
+
'br-icon',
|
|
17
|
+
'no-content',
|
|
18
|
+
'slotted',
|
|
19
|
+
];
|
|
20
|
+
const STEP_MODES = ['controller', 'step'];
|
|
21
|
+
const STEP_PROGRESSION_TYPES = ['linear', 'nonlinear'];
|
|
22
|
+
const STEP_VERTICAL_CONTENT_PLACEMENTS = ['between', 'side'];
|
|
9
23
|
const Step = class {
|
|
10
24
|
constructor(hostRef) {
|
|
11
25
|
registerInstance(this, hostRef);
|
|
@@ -20,40 +34,41 @@ const Step = class {
|
|
|
20
34
|
this.isTablist = false;
|
|
21
35
|
this.stepItems = [];
|
|
22
36
|
/**
|
|
23
|
-
* propriedade responsável por definir a orientação do componente Step
|
|
37
|
+
* propriedade responsável por definir a orientação do componente Step. Valores inválidos usam `horizontal`.
|
|
24
38
|
* @deprecated Use `orientation`.
|
|
25
39
|
*/
|
|
26
40
|
this.layout = 'horizontal';
|
|
27
41
|
/**
|
|
28
42
|
*
|
|
29
|
-
* define o passo que começará destacado
|
|
43
|
+
* define o passo que começará destacado. Valores inválidos usam 0.
|
|
30
44
|
* @deprecated Use `initialIndex`.
|
|
31
45
|
*/
|
|
32
46
|
this.initialStep = '0';
|
|
33
47
|
/**
|
|
34
48
|
*
|
|
35
|
-
* Propriedade que
|
|
49
|
+
* Propriedade que define a posição onde o texto de destaque, label, ficará localizado no stepItem. Valores inválidos usam `bottom`.
|
|
36
50
|
*/
|
|
37
51
|
this.labelPosition = 'bottom';
|
|
38
52
|
/**
|
|
39
53
|
*
|
|
40
|
-
* Propriedade que define o tipo de conteúdo a ser exibido dentro do componente step
|
|
54
|
+
* Propriedade que define o tipo de conteúdo a ser exibido dentro do componente step e stepItem. Valores inválidos usam `default`.
|
|
41
55
|
*/
|
|
42
56
|
this.contentType = 'default';
|
|
43
57
|
/**
|
|
44
58
|
*
|
|
45
|
-
* Propriedade que define o tipo de comportamento que o componente Step deverá seguir
|
|
59
|
+
* Propriedade que define o tipo de comportamento que o componente Step deverá seguir. Valores inválidos usam `step`.
|
|
46
60
|
*/
|
|
47
61
|
this.mode = 'step';
|
|
48
62
|
/**
|
|
49
63
|
*
|
|
50
|
-
* Propriedade que define o tipo de progressão de etapas que o step vai executar
|
|
64
|
+
* Propriedade que define o tipo de progressão de etapas que o step vai executar. Valores inválidos usam `nonlinear`.
|
|
51
65
|
*/
|
|
52
66
|
this.progressionType = 'nonlinear';
|
|
53
67
|
/**
|
|
54
68
|
* Define a posição do conteúdo de cada etapa no layout vertical.
|
|
55
69
|
* - `between`: conteúdo abaixo do indicador/rótulo, entre as etapas.
|
|
56
70
|
* - `side`: conteúdo em coluna lateral à linha de indicadores.
|
|
71
|
+
* Valores inválidos usam `between`.
|
|
57
72
|
*/
|
|
58
73
|
this.verticalContentPlacement = 'between';
|
|
59
74
|
this.ariaObjectContent = {
|
|
@@ -76,7 +91,7 @@ const Step = class {
|
|
|
76
91
|
if (oldValue === newValue || !this.isValidStepIndex(newValue))
|
|
77
92
|
return;
|
|
78
93
|
this.updateStepItemsActiveState(oldValue);
|
|
79
|
-
if (this.
|
|
94
|
+
if (this.effectiveProgressionType === 'linear') {
|
|
80
95
|
this.configureLinearProgression();
|
|
81
96
|
}
|
|
82
97
|
this.brStepChange.emit({ activeStep: newValue });
|
|
@@ -107,8 +122,8 @@ const Step = class {
|
|
|
107
122
|
/**
|
|
108
123
|
* Observa mudanças no modo e propaga aos itens.
|
|
109
124
|
*/
|
|
110
|
-
modeChanged(
|
|
111
|
-
this.setStepItemsMode(
|
|
125
|
+
modeChanged(_newValue) {
|
|
126
|
+
this.setStepItemsMode(this.effectiveMode);
|
|
112
127
|
this.configureStepItems();
|
|
113
128
|
}
|
|
114
129
|
/**
|
|
@@ -129,8 +144,16 @@ const Step = class {
|
|
|
129
144
|
verticalContentPlacementChanged() {
|
|
130
145
|
this.setStepItemsVerticalContentPlacement();
|
|
131
146
|
}
|
|
147
|
+
get effectiveInitialIndex() {
|
|
148
|
+
const initialIndex = resolveIntegerPropValue(this.el, 'initialIndex', this.initialIndex, 0, Number.MAX_SAFE_INTEGER, 0, {
|
|
149
|
+
allowUndefined: true,
|
|
150
|
+
});
|
|
151
|
+
if (initialIndex !== undefined)
|
|
152
|
+
return initialIndex;
|
|
153
|
+
return resolveIntegerPropValue(this.el, 'initialStep', Number(this.initialStep), 0, Number.MAX_SAFE_INTEGER, 0);
|
|
154
|
+
}
|
|
132
155
|
componentWillLoad() {
|
|
133
|
-
this.activeStep = this.
|
|
156
|
+
this.activeStep = this.effectiveInitialIndex;
|
|
134
157
|
this.getStepItemsElements();
|
|
135
158
|
const root = this.el.getRootNode();
|
|
136
159
|
this.isTablist = root instanceof ShadowRoot && root.host?.tagName?.toLowerCase() === 'br-carousel';
|
|
@@ -139,7 +162,7 @@ const Step = class {
|
|
|
139
162
|
this.setStepItemsLabelPosition();
|
|
140
163
|
this.setStepItemsContentType();
|
|
141
164
|
this.setStepItemsDefaultContent();
|
|
142
|
-
this.setStepItemsMode(this.
|
|
165
|
+
this.setStepItemsMode(this.effectiveMode);
|
|
143
166
|
this.setStepItemsVerticalContentPlacement();
|
|
144
167
|
this.configureStepItems();
|
|
145
168
|
if (this.isValidStepIndex(this.activeStep)) {
|
|
@@ -154,9 +177,10 @@ const Step = class {
|
|
|
154
177
|
* Através desse listener o componente define qual será o proximo passo do step que terá o estado ativo
|
|
155
178
|
*/
|
|
156
179
|
handleClick(event) {
|
|
157
|
-
const
|
|
158
|
-
|
|
159
|
-
|
|
180
|
+
const targetStepItem = event
|
|
181
|
+
.composedPath()
|
|
182
|
+
.find((node) => node.tagName?.toLowerCase() === 'br-step-item');
|
|
183
|
+
if (!targetStepItem || findComposedOwner(targetStepItem, 'br-step') !== this.el)
|
|
160
184
|
return;
|
|
161
185
|
this.setActiveStep(this.stepItems.indexOf(targetStepItem));
|
|
162
186
|
}
|
|
@@ -170,7 +194,7 @@ const Step = class {
|
|
|
170
194
|
this.getStepItemsElements();
|
|
171
195
|
if (this.activeStep + 1 < this.stepItems.length) {
|
|
172
196
|
this.setActiveStep(this.activeStep + 1);
|
|
173
|
-
if (this.
|
|
197
|
+
if (this.effectiveProgressionType === 'linear') {
|
|
174
198
|
this.configureLinearProgression();
|
|
175
199
|
}
|
|
176
200
|
}
|
|
@@ -216,7 +240,25 @@ const Step = class {
|
|
|
216
240
|
return this.activeStep;
|
|
217
241
|
}
|
|
218
242
|
get effectiveOrientation() {
|
|
219
|
-
|
|
243
|
+
if (this.orientation !== undefined) {
|
|
244
|
+
return resolveAllowedPropValue(this.el, 'orientation', this.orientation, STEP_ORIENTATIONS, 'horizontal');
|
|
245
|
+
}
|
|
246
|
+
return resolveAllowedPropValue(this.el, 'layout', this.layout, STEP_ORIENTATIONS, 'horizontal');
|
|
247
|
+
}
|
|
248
|
+
get effectiveLabelPosition() {
|
|
249
|
+
return resolveAllowedPropValue(this.el, 'labelPosition', this.labelPosition, STEP_LABEL_POSITIONS, 'bottom');
|
|
250
|
+
}
|
|
251
|
+
get effectiveContentType() {
|
|
252
|
+
return resolveAllowedPropValue(this.el, 'contentType', this.contentType, STEP_CONTENT_TYPES, 'default');
|
|
253
|
+
}
|
|
254
|
+
get effectiveMode() {
|
|
255
|
+
return resolveAllowedPropValue(this.el, 'mode', this.mode, STEP_MODES, 'step');
|
|
256
|
+
}
|
|
257
|
+
get effectiveProgressionType() {
|
|
258
|
+
return resolveAllowedPropValue(this.el, 'progressionType', this.progressionType, STEP_PROGRESSION_TYPES, 'nonlinear');
|
|
259
|
+
}
|
|
260
|
+
get effectiveVerticalContentPlacement() {
|
|
261
|
+
return resolveAllowedPropValue(this.el, 'verticalContentPlacement', this.verticalContentPlacement, STEP_VERTICAL_CONTENT_PLACEMENTS, 'between');
|
|
220
262
|
}
|
|
221
263
|
/**
|
|
222
264
|
* Atualiza os atributos 'active' dos step-items de forma segura
|
|
@@ -231,7 +273,9 @@ const Step = class {
|
|
|
231
273
|
getStepItemsElements() {
|
|
232
274
|
const rawChildren = Array.from(this.el.children).filter((child) => child.tagName.toLowerCase() !== 'style' && child.tagName.toLowerCase() !== 'script');
|
|
233
275
|
if (rawChildren.length === 0) {
|
|
234
|
-
this.stepItems
|
|
276
|
+
if (this.stepItems.length > 0) {
|
|
277
|
+
this.stepItems = [];
|
|
278
|
+
}
|
|
235
279
|
return;
|
|
236
280
|
}
|
|
237
281
|
const childrenHaveConsistentTagName = rawChildren.every((item) => item.tagName.toLowerCase() === 'br-step-item');
|
|
@@ -244,6 +288,9 @@ const Step = class {
|
|
|
244
288
|
if (!childrenHaveConsistentContentType) {
|
|
245
289
|
throw new Error('br-step must have all child elements with same content type attribute value');
|
|
246
290
|
}
|
|
291
|
+
const stepItemsDidNotChange = this.stepItems.length === slotItems.length && this.stepItems.every((item, index) => item === slotItems[index]);
|
|
292
|
+
if (stepItemsDidNotChange)
|
|
293
|
+
return;
|
|
247
294
|
this.stepItems = slotItems;
|
|
248
295
|
}
|
|
249
296
|
getStepItems() {
|
|
@@ -257,7 +304,7 @@ const Step = class {
|
|
|
257
304
|
const slotItems = this.getStepItems();
|
|
258
305
|
slotItems.forEach((elements) => {
|
|
259
306
|
if (this.labelPosition !== undefined) {
|
|
260
|
-
elements.setLabelPosition(this.
|
|
307
|
+
elements.setLabelPosition(this.effectiveLabelPosition);
|
|
261
308
|
}
|
|
262
309
|
});
|
|
263
310
|
}
|
|
@@ -270,13 +317,13 @@ const Step = class {
|
|
|
270
317
|
}
|
|
271
318
|
async setStepItemsContentType() {
|
|
272
319
|
const slotItems = this.getStepItems();
|
|
273
|
-
await Promise.all(slotItems.map((element) => element.setContentType(this.
|
|
320
|
+
await Promise.all(slotItems.map((element) => element.setContentType(this.effectiveContentType)));
|
|
274
321
|
slotItems.forEach((elements, index) => {
|
|
275
322
|
elements.setAttribute('aria-posinset', `${index + 1}`);
|
|
276
323
|
elements.setAttribute('aria-setsize', `${slotItems.length}`);
|
|
277
324
|
});
|
|
278
325
|
}
|
|
279
|
-
setStepItemsMode(mode) {
|
|
326
|
+
setStepItemsMode(mode = this.effectiveMode) {
|
|
280
327
|
const slotItems = this.getStepItems();
|
|
281
328
|
slotItems.forEach((elements) => {
|
|
282
329
|
elements.setMode(mode);
|
|
@@ -295,13 +342,13 @@ const Step = class {
|
|
|
295
342
|
setStepItemsVerticalContentPlacement() {
|
|
296
343
|
const slotItems = this.getStepItems();
|
|
297
344
|
slotItems.forEach((element) => {
|
|
298
|
-
element.setVerticalContentPlacement(this.
|
|
345
|
+
element.setVerticalContentPlacement(this.effectiveVerticalContentPlacement);
|
|
299
346
|
});
|
|
300
347
|
}
|
|
301
348
|
setActiveStep(value) {
|
|
302
349
|
if (!this.isValidStepIndex(value))
|
|
303
350
|
return;
|
|
304
|
-
if (this.
|
|
351
|
+
if (this.effectiveProgressionType !== 'linear' && this.stepItems[value]?.hasAttribute('disabled'))
|
|
305
352
|
return;
|
|
306
353
|
this.activeStep = value;
|
|
307
354
|
}
|
|
@@ -313,10 +360,10 @@ const Step = class {
|
|
|
313
360
|
this.configureTablistMode();
|
|
314
361
|
return;
|
|
315
362
|
}
|
|
316
|
-
if (this.
|
|
363
|
+
if (this.effectiveMode === 'step') {
|
|
317
364
|
this.configureTimeLine();
|
|
318
365
|
}
|
|
319
|
-
if (this.
|
|
366
|
+
if (this.effectiveProgressionType === 'linear') {
|
|
320
367
|
this.configureLinearProgression();
|
|
321
368
|
}
|
|
322
369
|
else {
|
|
@@ -375,6 +422,7 @@ const Step = class {
|
|
|
375
422
|
clearLinearProgression() {
|
|
376
423
|
const slotItems = this.getStepItems();
|
|
377
424
|
slotItems.forEach((elements) => {
|
|
425
|
+
elements.disabled = false;
|
|
378
426
|
elements.removeAttribute('disabled');
|
|
379
427
|
});
|
|
380
428
|
}
|
|
@@ -390,29 +438,29 @@ const Step = class {
|
|
|
390
438
|
return 'Slides';
|
|
391
439
|
}
|
|
392
440
|
let ariaLabel = ' Lista de Opções ';
|
|
393
|
-
if (this.
|
|
441
|
+
if (this.effectiveMode !== 'controller') {
|
|
394
442
|
ariaLabel +=
|
|
395
|
-
this.ariaObjectContent[this.
|
|
396
|
-
this.ariaObjectContent[this.
|
|
397
|
-
this.ariaObjectContent[this.
|
|
443
|
+
this.ariaObjectContent[this.effectiveMode] +
|
|
444
|
+
this.ariaObjectContent[this.effectiveContentType] +
|
|
445
|
+
this.ariaObjectContent[this.effectiveProgressionType] +
|
|
398
446
|
this.ariaObjectContent[this.effectiveOrientation];
|
|
399
447
|
}
|
|
400
448
|
else {
|
|
401
|
-
ariaLabel += this.ariaObjectContent[this.
|
|
449
|
+
ariaLabel += this.ariaObjectContent[this.effectiveMode];
|
|
402
450
|
}
|
|
403
451
|
return ariaLabel;
|
|
404
452
|
}
|
|
405
453
|
render() {
|
|
406
454
|
const isTablist = this.isTablist;
|
|
407
|
-
return (h(Host, { key: '
|
|
408
|
-
(isTablist ? (h("div", { part: "container", role: "tablist", "aria-orientation": this.effectiveOrientation, "aria-label": this.getAreaLabel(), class: this.getCssClassMap(), "data-label": this.
|
|
455
|
+
return (h(Host, { key: '9c911332978824aeef3be291bcda9d0f411efbb5' }, this.stepItems.length > 0 &&
|
|
456
|
+
(isTablist ? (h("div", { part: "container", role: "tablist", "aria-orientation": this.effectiveOrientation, "aria-label": this.getAreaLabel(), class: this.getCssClassMap(), "data-label": this.effectiveLabelPosition }, h("div", { class: "step-progress" }, h("slot", { onSlotchange: () => this.handleSlotChange() })))) : (h("div", { part: "container", role: "group", "aria-label": this.getAreaLabel(), class: this.getCssClassMap(), "data-label": this.effectiveLabelPosition }, h("div", { class: "step-progress" }, h("slot", { onSlotchange: () => this.handleSlotChange() })))))));
|
|
409
457
|
}
|
|
410
458
|
handleSlotChange() {
|
|
411
459
|
this.getStepItemsElements();
|
|
412
460
|
this.setStepItemsLabelPosition();
|
|
413
461
|
void this.setStepItemsContentType();
|
|
414
462
|
this.setStepItemsDefaultContent();
|
|
415
|
-
this.setStepItemsMode(this.
|
|
463
|
+
this.setStepItemsMode(this.effectiveMode);
|
|
416
464
|
this.setStepItemsVerticalContentPlacement();
|
|
417
465
|
this.configureStepItems();
|
|
418
466
|
}
|
|
@@ -446,7 +494,7 @@ const Step = class {
|
|
|
446
494
|
};
|
|
447
495
|
Step.style = stepCss();
|
|
448
496
|
|
|
449
|
-
const stepItemCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.help{font-size:var(--font-size-scale-base)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{--step-empty:16px;--step-empty-border:4px;align-items:center;background-color:rgba(0,0,0,0);border:0;display:flex;flex-grow:1;justify-content:center;min-height:var(--step-size);padding:0;position:relative}:host.vertical{justify-content:start}:host.vertical[data-label=left]{justify-content:end}:host.vertical[data-label=right]{justify-content:start}:host[data-label=left]:not(.vertical){justify-content:end}:host[data-label=right]:not(.vertical){justify-content:start}:host.mode-controller{min-width:20px;min-height:20px}:host.role-tab{outline:none}:host.disabled-host{cursor:not-allowed}.step-progress-btn{align-items:center;background-color:rgba(0,0,0,0);border:0;cursor:pointer;display:flex;flex-grow:1;justify-content:center;min-height:var(--step-size);padding:0;position:relative}.step-progress-btn::before{align-items:center;background-color:var(--background);border:var(--step-line) solid var(--interactive);border-radius:50%;color:var(--interactive);content:attr(step-num);display:inline-flex;font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-medium);height:var(--step-size);justify-content:center;left:0;margin:auto;position:absolute;right:0;width:var(--step-size);z-index:2}.step-progress-btn::after{background-color:var(--interactive);content:"";display:block;height:var(--step-line);left:0;position:absolute;right:0;z-index:1}:host([data-label=left]) .step-progress-btn{justify-content:end}:host([data-label=right]) .step-progress-btn{justify-content:start}:host(.vertical[data-label=top]),:host(.vertical[data-label=bottom]){width:100%}:host(.vertical) .step-progress-btn{justify-content:start}:host(.vertical[data-label=left]) .step-progress-btn{justify-content:end}:host(.vertical[data-label=right]) .step-progress-btn{justify-content:start}.step-icon{align-items:center;color:var(--interactive);display:inline-flex;height:var(--step-size);justify-content:center;position:absolute;width:var(--step-size);z-index:4}.step-alert{align-items:center;border-radius:50%;color:var(--color-dark);display:flex;height:var(--font-size-scale-up-04);justify-content:center;position:absolute;width:var(--font-size-scale-up-04);z-index:4}.step-alert.no-content{width:calc(var(--font-size-scale-up-04) + var(--step-empty-border));height:calc(var(--font-size-scale-up-04) + var(--step-empty-border))}:host([data-label=bottom]) .step-progress-btn::before{top:0}:host([data-label=top]) .step-progress-btn::before{bottom:0}:host([data-label=left]) .step-progress-btn::before{left:auto;right:0}:host([data-label=right]) .step-progress-btn::before{left:0;right:auto}:host(.vertical) .step-progress-btn::before{inset:0 auto 0 50%;margin:auto;transform:translateX(-50%)}:host(.vertical[data-label=left]) .step-progress-btn::before{left:auto;right:0;transform:none}:host(.vertical[data-label=right]) .step-progress-btn::before{left:0;right:auto;transform:none}:host(.mode-controller) .step-progress-btn::before{inset:0;margin:auto}:host(.role-tab) .step-progress-btn{outline:none}.step-content-area{display:none}:host(.vertical[data-vertical-content-placement=between]){flex-direction:column;align-items:stretch;flex-grow:0}:host(.vertical[data-vertical-content-placement=between]) .step-progress-btn{flex-grow:0;align-self:stretch}:host(.vertical[data-vertical-content-placement=between]) .step-content-area{display:none;position:relative;padding-left:calc(var(--step-size) + var(--spacing-scale-2x, 16px))}:host(.vertical[data-vertical-content-placement=between][active]) .step-content-area,:host(.vertical[data-vertical-content-placement=between][active=true]) .step-content-area{display:block}:host(.vertical[data-vertical-content-placement=between][data-label=top]),:host(.vertical[data-vertical-content-placement=between][data-label=bottom]){display:grid;grid-template-columns:1fr 1fr;flex-grow:0}:host(.vertical[data-vertical-content-placement=between][data-label=top]) .step-progress-btn,:host(.vertical[data-vertical-content-placement=between][data-label=bottom]) .step-progress-btn{grid-column:1/-1;grid-row:1;flex-grow:0;align-self:stretch}:host(.vertical[data-vertical-content-placement=between][data-label=top]) .step-content-area,:host(.vertical[data-vertical-content-placement=between][data-label=bottom]) .step-content-area{grid-column:2;grid-row:2;padding-left:var(--spacing-scale-2x, 16px)}:host(.vertical[data-vertical-content-placement=between][data-label=left]) .step-content-area{padding-left:0;padding-right:calc(var(--step-size) + var(--spacing-scale-2x, 16px))}:host(.timeline.vertical[data-vertical-content-placement=between][data-label=right]) .step-content-area::before{content:"";position:absolute;background-color:var(--interactive);width:var(--step-line);top:0;bottom:0;left:calc(var(--step-size)*.5);transform:translateX(-50%);z-index:1}:host(.timeline.vertical[data-vertical-content-placement=between][data-label=left]) .step-content-area::before{content:"";position:absolute;background-color:var(--interactive);width:var(--step-line);top:0;bottom:0;right:calc(var(--step-size)*.5);left:auto;transform:translateX(-50%);z-index:1}:host(.timeline.vertical[data-vertical-content-placement=between][data-label=top]) .step-content-area::before,:host(.timeline.vertical[data-vertical-content-placement=between][data-label=bottom]) .step-content-area::before{content:"";position:absolute;background-color:var(--interactive);width:var(--step-line);top:0;bottom:0;left:0;transform:translateX(-50%);z-index:1}:host(.timeline.vertical:last-of-type[data-vertical-content-placement=between]) .step-content-area::before{display:none}:host(.vertical[data-vertical-content-placement=side]){display:grid;grid-template-columns:auto 1fr;column-gap:var(--spacing-scale-2x, 16px);align-items:start}:host(.vertical[data-vertical-content-placement=side]) .step-progress-btn{grid-column:1;grid-row:1;flex-grow:0;align-items:flex-start;align-self:stretch}:host(.vertical[data-vertical-content-placement=side]) .step-content-area{grid-column:2;grid-row:1;display:none;align-self:start}:host(.vertical[data-vertical-content-placement=side]) .step-progress-btn::before{top:0;bottom:auto;margin:0}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-info,:host(.vertical[data-vertical-content-placement=side][data-label=right]) .step-info{padding-top:calc(var(--step-size)/2 - .75em)}:host(.vertical[data-vertical-content-placement=side]) .step-progress-btn::after{top:calc(var(--step-size)*.5);bottom:0;left:50%;right:auto;transform:translateX(-50%)}:host(.vertical[data-vertical-content-placement=side][data-label=bottom]) .step-content-area ::slotted([slot=step-content]){padding-top:calc(var(--font-size-scale-up-01) + var(--spacing-scale-2x))}:host(.vertical[data-vertical-content-placement=side][data-label=bottom]) .step-info{padding-top:0;margin-bottom:var(--spacing-scale-2x)}:host(.vertical:first-of-type[data-vertical-content-placement=side][data-label=bottom]) .step-progress-btn::after{top:calc(var(--font-size-scale-up-01, 14px) + var(--spacing-scale-2x, 16px) + var(--step-size)*.75)}:host(.vertical[data-vertical-content-placement=side][data-label=bottom]) .step-progress-btn::after{top:calc(var(--font-size-scale-up-01, 14px) + var(--spacing-scale-2x, 16px) + var(--step-size)*.75);bottom:0}:host(.vertical[data-vertical-content-placement=side][data-label=top]) .step-progress-btn::before{bottom:auto;left:50%;right:auto;transform:translateX(-50%);margin:0}:host(.vertical[data-vertical-content-placement=side][data-label=top]) .step-progress-btn::before{margin-top:calc(var(--step-size)/2)}:host(.vertical[data-vertical-content-placement=side][data-label=right]) .step-progress-btn::after{left:calc(var(--step-size)*.5);transform:translateX(-50%)}:host(.vertical[data-vertical-content-placement=side][data-label=left]){grid-template-columns:minmax(0, 1fr) max-content}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-content-area{justify-self:end}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-progress-btn{grid-column:2}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-content-area{grid-column:1;padding-right:0}:host(.vertical:first-of-type[data-vertical-content-placement=side]) .step-progress-btn::after{top:calc(var(--step-size)*.5)}:host(.vertical:last-of-type[data-vertical-content-placement=side]) .step-progress-btn::after{bottom:calc(100% - var(--step-size)*.5)}:host(.vertical[data-vertical-content-placement=side][data-label=top]) .step-info{margin-bottom:var(--step-size);margin-top:0}:host(.vertical[data-vertical-content-placement=side][active]) .step-content-area,:host(.vertical[data-vertical-content-placement=side][active=true]) .step-content-area{display:block}:host(.role-tab:focus){outline:none}:host(.role-tab:focus-visible) .step-progress-btn::before{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);z-index:4}:host([data-label=bottom]) .step-icon{top:0}:host([data-label=top]) .step-icon{bottom:0}:host([data-label=bottom].vertical) .step-icon,:host([data-label=top].vertical) .step-icon{top:0;bottom:0;left:50%;margin:auto;transform:translateX(-50%)}:host([data-label=bottom]) .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75))}:host([data-label=top]) .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25))}:host([data-label=left]) .step-alert{transform:translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25))}:host([data-label=right]) .step-alert{transform:translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25))}:host(:first-of-type:not(.vertical)) .step-progress-btn::after{left:50%}:host(:last-of-type:not(.vertical)) .step-progress-btn::after{right:50%}:host([data-label=bottom]:not(.vertical)) .step-progress-btn::after{top:calc(var(--step-size)*.5)}:host([data-label=top]:not(.vertical)) .step-progress-btn::after{bottom:calc(var(--step-size)*.5)}:host([data-label=left]:not(.vertical)) .step-progress-btn::after{left:0}:host([data-label=left]:not(.vertical):first-of-type) .step-progress-btn::after{left:100%}:host([data-label=left]:not(.vertical):last-of-type) .step-progress-btn::after{right:0}:host([data-label=right]:not(.vertical)) .step-progress-btn::after{right:0}:host([data-label=right]:not(.vertical):first-of-type) .step-progress-btn::after{left:0}:host([data-label=right]:not(.vertical):last-of-type) .step-progress-btn::after{right:100%}:host(.vertical) .step-progress-btn::after{inset:0 auto 0 50%;height:auto;width:var(--step-line);margin:0;transform:translateX(-50%)}:host(.vertical[data-label=top]) .step-progress-btn::after{top:50%}:host(.vertical[data-label=bottom]) .step-progress-btn::after{bottom:50%}:host(.vertical:first-of-type) .step-progress-btn::after{top:50%}:host(.vertical:last-of-type) .step-progress-btn::after{bottom:50%}:host(.vertical[data-label=left]) .step-progress-btn::after{left:auto;right:calc(var(--step-size)*.5);margin:0}:host(.vertical[data-label=right]) .step-progress-btn::after{left:calc(var(--step-size)*.5);right:auto;margin:0}.step-info{color:var(--interactive);display:inline-block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium)}:host([data-label=bottom]) .step-info{margin-top:var(--step-size);padding-top:var(--spacing-scale-2x)}:host([data-label=top]) .step-info{margin-bottom:var(--step-size);padding-bottom:var(--spacing-scale-2x)}:host(.vertical[data-label=top]) .step-info,:host(.vertical[data-label=bottom]) .step-info{display:block;text-align:center;width:100%}:host([data-label=left]:not(.vertical)) .step-info{display:none}@media (min-width: 576px){:host([data-label=left]:not(.vertical)) .step-info{background-color:var(--background);display:inline-block;margin-right:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}:host([data-label=right]:not(.vertical)) .step-info{display:none}@media (min-width: 576px){:host([data-label=right]:not(.vertical)) .step-info{background-color:var(--background);display:inline-block;margin-left:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}:host(.vertical[data-label=left]) .step-info,:host(.vertical[data-label=right]) .step-info{background-color:var(--background);display:inline-block;padding:var(--spacing-scale-2x);position:relative;z-index:3}:host(.vertical[data-label=left]) .step-info{margin-right:var(--step-size);margin-left:0}:host(.vertical[data-label=right]) .step-info{margin-left:var(--step-size);margin-right:0}:host .step-progress-btn[data-alert=success]{color:var(--success)}:host .step-progress-btn[data-alert=success] .step-info{color:var(--success)}:host .step-progress-btn[data-alert=success] .step-alert{background-color:var(--success)}:host .step-progress-btn[data-alert=info]{color:var(--info)}:host .step-progress-btn[data-alert=info] .step-info{color:var(--info)}:host .step-progress-btn[data-alert=info] .step-alert{background-color:var(--info)}:host .step-progress-btn[data-alert=warning]{color:var(--color-light)}:host .step-progress-btn[data-alert=warning] .step-info{color:var(--color)}:host .step-progress-btn[data-alert=warning] .step-alert{background-color:var(--warning)}:host .step-progress-btn[data-alert=danger]{color:var(--danger)}:host .step-progress-btn[data-alert=danger] .step-info{color:var(--danger)}:host .step-progress-btn[data-alert=danger] .step-alert{background-color:var(--danger)}:host .step-progress-btn.active::before{background-color:var(--active);border-color:var(--active);color:var(--background)}:host .step-progress-btn.active .step-icon{color:var(--background)}:host .step-progress-btn:focus{outline:none}:host .step-progress-btn:focus-visible::before{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);z-index:4}:host .step-progress-btn:hover:not(:disabled)::before{background-image:linear-gradient(rgb(var(--interactive-rgb), var(--hover)), rgb(var(--interactive-rgb), var(--hover)))}:host .step-progress-btn:disabled{opacity:1;cursor:not-allowed}:host .step-progress-btn:disabled::before{background-color:var(--background);border-color:rgb(var(--interactive-rgb), var(--disabled));color:rgb(var(--interactive-rgb), var(--disabled))}:host .step-progress-btn:disabled .step-icon{opacity:var(--disabled)}:host .step-progress-btn:disabled .step-info{color:rgb(var(--interactive-rgb), var(--disabled))}:host([data-type=void]) .step-progress-btn.active .step-alert{border:var(--step-empty-border) solid var(--active);height:calc(var(--font-size-scale-up-04) + var(--step-empty-border));width:calc(var(--font-size-scale-up-04) + var(--step-empty-border))}:host([data-type=void]) .step-progress-btn .step-alert{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:4}:host([data-type=void]) .step-progress-btn::before{content:"";height:var(--step-empty);width:var(--step-empty);left:50%;right:auto;margin:0;transform:translate(-50%, -50%);top:50%}:host([data-type=void]) .step-info{height:0;overflow:hidden;position:absolute;width:0}.content-type-br-icon{color:var(--interactive);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold)}.step-progress-btn.active .content-type-br-icon{color:var(--background)}:host(.vertical[data-label=top]) .step-alert,:host(.vertical[data-label=bottom]) .step-alert{top:50%;left:50%;transform:translate(25%, -75%)}:host([data-type=void]) .step-progress-btn[data-alert].focus-visible::before,:host([data-type=void]) .step-progress-btn[data-alert]:focus-visible::before{outline:none}:host([data-type=void]) .step-progress-btn[data-alert].focus-visible .step-alert,:host([data-type=void]) .step-progress-btn[data-alert]:focus-visible .step-alert{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);z-index:4}`;
|
|
497
|
+
const stepItemCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}pre code,.pre code{display:inline;padding:0}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{--step-empty:16px;--step-empty-border:4px;align-items:center;background-color:rgba(0,0,0,0);border:0;display:flex;flex-grow:1;justify-content:center;min-height:var(--step-size);padding:0;position:relative}:host.vertical{justify-content:start}:host.vertical[data-label=left]{justify-content:end}:host.vertical[data-label=right]{justify-content:start}:host[data-label=left]:not(.vertical){justify-content:end}:host[data-label=right]:not(.vertical){justify-content:start}:host.mode-controller{min-width:20px;min-height:20px}:host.role-tab{outline:none}:host.disabled-host{cursor:not-allowed}.step-progress-btn{align-items:center;background-color:rgba(0,0,0,0);border:0;cursor:pointer;display:flex;flex-grow:1;justify-content:center;min-height:var(--step-size);padding:0;position:relative}.step-progress-btn::before{align-items:center;background-color:var(--background);border:var(--step-line) solid var(--interactive);border-radius:50%;color:var(--interactive);content:attr(step-num);display:inline-flex;font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-medium);height:var(--step-size);justify-content:center;left:0;margin:auto;position:absolute;right:0;width:var(--step-size);z-index:2}.step-progress-btn::after{background-color:var(--interactive);content:"";display:block;height:var(--step-line);left:0;position:absolute;right:0;z-index:1}:host([data-label=left]) .step-progress-btn{justify-content:end}:host([data-label=right]) .step-progress-btn{justify-content:start}:host(.vertical[data-label=top]),:host(.vertical[data-label=bottom]){width:100%}:host(.vertical) .step-progress-btn{justify-content:start}:host(.vertical[data-label=left]) .step-progress-btn{justify-content:end}:host(.vertical[data-label=right]) .step-progress-btn{justify-content:start}.step-icon{align-items:center;color:var(--interactive);display:inline-flex;height:var(--step-size);justify-content:center;position:absolute;width:var(--step-size);z-index:4}.step-alert{align-items:center;border-radius:50%;color:var(--color-dark);display:flex;height:var(--font-size-scale-up-04);justify-content:center;position:absolute;width:var(--font-size-scale-up-04);z-index:4}.step-alert.no-content{width:calc(var(--font-size-scale-up-04) + var(--step-empty-border));height:calc(var(--font-size-scale-up-04) + var(--step-empty-border))}:host([data-label=bottom]) .step-progress-btn::before{top:0}:host([data-label=top]) .step-progress-btn::before{bottom:0}:host([data-label=left]) .step-progress-btn::before{left:auto;right:0}:host([data-label=right]) .step-progress-btn::before{left:0;right:auto}:host(.vertical) .step-progress-btn::before{inset:0 auto 0 50%;margin:auto;transform:translateX(-50%)}:host(.vertical[data-label=left]) .step-progress-btn::before{left:auto;right:0;transform:none}:host(.vertical[data-label=right]) .step-progress-btn::before{left:0;right:auto;transform:none}:host(.mode-controller) .step-progress-btn::before{inset:0;margin:auto}:host(.role-tab) .step-progress-btn{outline:none}.step-content-area{display:none}:host(.vertical[data-vertical-content-placement=between]){flex-direction:column;align-items:stretch;flex-grow:0}:host(.vertical[data-vertical-content-placement=between]) .step-progress-btn{flex-grow:0;align-self:stretch}:host(.vertical[data-vertical-content-placement=between]) .step-content-area{display:none;position:relative;padding-left:calc(var(--step-size) + var(--spacing-scale-2x, 16px))}:host(.vertical[data-vertical-content-placement=between][active]) .step-content-area,:host(.vertical[data-vertical-content-placement=between][active=true]) .step-content-area{display:block}:host(.vertical[data-vertical-content-placement=between][data-label=top]),:host(.vertical[data-vertical-content-placement=between][data-label=bottom]){display:grid;grid-template-columns:1fr 1fr;flex-grow:0}:host(.vertical[data-vertical-content-placement=between][data-label=top]) .step-progress-btn,:host(.vertical[data-vertical-content-placement=between][data-label=bottom]) .step-progress-btn{grid-column:1/-1;grid-row:1;flex-grow:0;align-self:stretch}:host(.vertical[data-vertical-content-placement=between][data-label=top]) .step-content-area,:host(.vertical[data-vertical-content-placement=between][data-label=bottom]) .step-content-area{grid-column:2;grid-row:2;padding-left:var(--spacing-scale-2x, 16px)}:host(.vertical[data-vertical-content-placement=between][data-label=left]) .step-content-area{padding-left:0;padding-right:calc(var(--step-size) + var(--spacing-scale-2x, 16px))}:host(.timeline.vertical[data-vertical-content-placement=between][data-label=right]) .step-content-area::before{content:"";position:absolute;background-color:var(--interactive);width:var(--step-line);top:0;bottom:0;left:calc(var(--step-size)*.5);transform:translateX(-50%);z-index:1}:host(.timeline.vertical[data-vertical-content-placement=between][data-label=left]) .step-content-area::before{content:"";position:absolute;background-color:var(--interactive);width:var(--step-line);top:0;bottom:0;right:calc(var(--step-size)*.5);left:auto;transform:translateX(-50%);z-index:1}:host(.timeline.vertical[data-vertical-content-placement=between][data-label=top]) .step-content-area::before,:host(.timeline.vertical[data-vertical-content-placement=between][data-label=bottom]) .step-content-area::before{content:"";position:absolute;background-color:var(--interactive);width:var(--step-line);top:0;bottom:0;left:0;transform:translateX(-50%);z-index:1}:host(.timeline.vertical:last-of-type[data-vertical-content-placement=between]) .step-content-area::before{display:none}:host(.vertical[data-vertical-content-placement=side]){display:grid;grid-template-columns:auto 1fr;column-gap:var(--spacing-scale-2x, 16px);align-items:start}:host(.vertical[data-vertical-content-placement=side]) .step-progress-btn{grid-column:1;grid-row:1;flex-grow:0;align-items:flex-start;align-self:stretch}:host(.vertical[data-vertical-content-placement=side]) .step-content-area{grid-column:2;grid-row:1;display:none;align-self:start}:host(.vertical[data-vertical-content-placement=side]) .step-progress-btn::before{top:0;bottom:auto;margin:0}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-info,:host(.vertical[data-vertical-content-placement=side][data-label=right]) .step-info{padding-top:calc(var(--step-size)/2 - .75em)}:host(.vertical[data-vertical-content-placement=side]) .step-progress-btn::after{top:calc(var(--step-size)*.5);bottom:0;left:50%;right:auto;transform:translateX(-50%)}:host(.vertical[data-vertical-content-placement=side][data-label=bottom]) .step-content-area ::slotted([slot=step-content]){padding-top:calc(var(--font-size-scale-up-01) + var(--spacing-scale-2x))}:host(.vertical[data-vertical-content-placement=side][data-label=bottom]) .step-info{padding-top:0;margin-bottom:var(--spacing-scale-2x)}:host(.vertical:first-of-type[data-vertical-content-placement=side][data-label=bottom]) .step-progress-btn::after{top:calc(var(--font-size-scale-up-01, 14px) + var(--spacing-scale-2x, 16px) + var(--step-size)*.75)}:host(.vertical[data-vertical-content-placement=side][data-label=bottom]) .step-progress-btn::after{top:calc(var(--font-size-scale-up-01, 14px) + var(--spacing-scale-2x, 16px) + var(--step-size)*.75);bottom:0}:host(.vertical[data-vertical-content-placement=side][data-label=top]) .step-progress-btn::before{bottom:auto;left:50%;right:auto;transform:translateX(-50%);margin:0}:host(.vertical[data-vertical-content-placement=side][data-label=top]) .step-progress-btn::before{margin-top:calc(var(--step-size)/2)}:host(.vertical[data-vertical-content-placement=side][data-label=right]) .step-progress-btn::after{left:calc(var(--step-size)*.5);transform:translateX(-50%)}:host(.vertical[data-vertical-content-placement=side][data-label=left]){grid-template-columns:minmax(0, 1fr) max-content}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-content-area{justify-self:end}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-progress-btn{grid-column:2}:host(.vertical[data-vertical-content-placement=side][data-label=left]) .step-content-area{grid-column:1;padding-right:0}:host(.vertical:first-of-type[data-vertical-content-placement=side]) .step-progress-btn::after{top:calc(var(--step-size)*.5)}:host(.vertical:last-of-type[data-vertical-content-placement=side]) .step-progress-btn::after{bottom:calc(100% - var(--step-size)*.5)}:host(.vertical[data-vertical-content-placement=side][data-label=top]) .step-info{margin-bottom:var(--step-size);margin-top:0}:host(.vertical[data-vertical-content-placement=side][active]) .step-content-area,:host(.vertical[data-vertical-content-placement=side][active=true]) .step-content-area{display:block}:host(.role-tab:focus){outline:none}:host(.role-tab:focus-visible) .step-progress-btn::before{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);z-index:4}:host([data-label=bottom]) .step-icon{top:0}:host([data-label=top]) .step-icon{bottom:0}:host([data-label=bottom].vertical) .step-icon,:host([data-label=top].vertical) .step-icon{top:0;bottom:0;left:50%;margin:auto;transform:translateX(-50%)}:host([data-label=bottom]) .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75))}:host([data-label=top]) .step-alert{transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25))}:host([data-label=left]) .step-alert{transform:translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25))}:host([data-label=right]) .step-alert{transform:translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25))}:host(:first-of-type:not(.vertical)) .step-progress-btn::after{left:50%}:host(:last-of-type:not(.vertical)) .step-progress-btn::after{right:50%}:host([data-label=bottom]:not(.vertical)) .step-progress-btn::after{top:calc(var(--step-size)*.5)}:host([data-label=top]:not(.vertical)) .step-progress-btn::after{bottom:calc(var(--step-size)*.5)}:host([data-label=left]:not(.vertical)) .step-progress-btn::after{left:0}:host([data-label=left]:not(.vertical):first-of-type) .step-progress-btn::after{left:100%}:host([data-label=left]:not(.vertical):last-of-type) .step-progress-btn::after{right:0}:host([data-label=right]:not(.vertical)) .step-progress-btn::after{right:0}:host([data-label=right]:not(.vertical):first-of-type) .step-progress-btn::after{left:0}:host([data-label=right]:not(.vertical):last-of-type) .step-progress-btn::after{right:100%}:host(.vertical) .step-progress-btn::after{inset:0 auto 0 50%;height:auto;width:var(--step-line);margin:0;transform:translateX(-50%)}:host(.vertical[data-label=top]) .step-progress-btn::after{top:50%}:host(.vertical[data-label=bottom]) .step-progress-btn::after{bottom:50%}:host(.vertical:first-of-type) .step-progress-btn::after{top:50%}:host(.vertical:last-of-type) .step-progress-btn::after{bottom:50%}:host(.vertical[data-label=left]) .step-progress-btn::after{left:auto;right:calc(var(--step-size)*.5);margin:0}:host(.vertical[data-label=right]) .step-progress-btn::after{left:calc(var(--step-size)*.5);right:auto;margin:0}.step-info{color:var(--interactive);display:inline-block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium)}:host([data-label=bottom]) .step-info{margin-top:var(--step-size);padding-top:var(--spacing-scale-2x)}:host([data-label=top]) .step-info{margin-bottom:var(--step-size);padding-bottom:var(--spacing-scale-2x)}:host(.vertical[data-label=top]) .step-info,:host(.vertical[data-label=bottom]) .step-info{display:block;text-align:center;width:100%}:host([data-label=left]:not(.vertical)) .step-info{display:none}@media (min-width: 576px){:host([data-label=left]:not(.vertical)) .step-info{background-color:var(--background);display:inline-block;margin-right:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}:host([data-label=right]:not(.vertical)) .step-info{display:none}@media (min-width: 576px){:host([data-label=right]:not(.vertical)) .step-info{background-color:var(--background);display:inline-block;margin-left:var(--step-size);padding:var(--spacing-scale-2x);position:relative;z-index:3}}:host(.vertical[data-label=left]) .step-info,:host(.vertical[data-label=right]) .step-info{background-color:var(--background);display:inline-block;padding:var(--spacing-scale-2x);position:relative;z-index:3}:host(.vertical[data-label=left]) .step-info{margin-right:var(--step-size);margin-left:0}:host(.vertical[data-label=right]) .step-info{margin-left:var(--step-size);margin-right:0}:host .step-progress-btn[data-alert=success]{color:var(--success)}:host .step-progress-btn[data-alert=success] .step-info{color:var(--success)}:host .step-progress-btn[data-alert=success] .step-alert{background-color:var(--success)}:host .step-progress-btn[data-alert=info]{color:var(--info)}:host .step-progress-btn[data-alert=info] .step-info{color:var(--info)}:host .step-progress-btn[data-alert=info] .step-alert{background-color:var(--info)}:host .step-progress-btn[data-alert=warning]{color:var(--color-light)}:host .step-progress-btn[data-alert=warning] .step-info{color:var(--color)}:host .step-progress-btn[data-alert=warning] .step-alert{background-color:var(--warning)}:host .step-progress-btn[data-alert=danger]{color:var(--danger)}:host .step-progress-btn[data-alert=danger] .step-info{color:var(--danger)}:host .step-progress-btn[data-alert=danger] .step-alert{background-color:var(--danger)}:host .step-progress-btn.active::before{background-color:var(--active);border-color:var(--active);color:var(--background)}:host .step-progress-btn.active .step-icon{color:var(--background)}:host .step-progress-btn:focus{outline:none}:host .step-progress-btn:focus-visible::before{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);z-index:4}:host .step-progress-btn:hover:not(:disabled)::before{background-image:linear-gradient(rgb(var(--interactive-rgb), var(--hover)), rgb(var(--interactive-rgb), var(--hover)))}:host .step-progress-btn:disabled{opacity:1;cursor:not-allowed}:host .step-progress-btn:disabled::before{background-color:var(--background);border-color:rgb(var(--interactive-rgb), var(--disabled));color:rgb(var(--interactive-rgb), var(--disabled))}:host .step-progress-btn:disabled .step-icon{opacity:var(--disabled)}:host .step-progress-btn:disabled .step-info{color:rgb(var(--interactive-rgb), var(--disabled))}:host([data-type=void]) .step-progress-btn.active .step-alert{border:var(--step-empty-border) solid var(--active);height:calc(var(--font-size-scale-up-04) + var(--step-empty-border));width:calc(var(--font-size-scale-up-04) + var(--step-empty-border))}:host([data-type=void]) .step-progress-btn .step-alert{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:4}:host([data-type=void]) .step-progress-btn::before{content:"";height:var(--step-empty);width:var(--step-empty);left:50%;right:auto;margin:0;transform:translate(-50%, -50%);top:50%}:host([data-type=void]) .step-info{height:0;overflow:hidden;position:absolute;width:0}.content-type-br-icon{color:var(--interactive);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold)}.step-progress-btn.active .content-type-br-icon{color:var(--background)}:host(.vertical[data-label=top]) .step-alert,:host(.vertical[data-label=bottom]) .step-alert{top:50%;left:50%;transform:translate(25%, -75%)}:host([data-type=void]) .step-progress-btn[data-alert].focus-visible::before,:host([data-type=void]) .step-progress-btn[data-alert]:focus-visible::before{outline:none}:host([data-type=void]) .step-progress-btn[data-alert].focus-visible .step-alert,:host([data-type=void]) .step-progress-btn[data-alert]:focus-visible .step-alert{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);z-index:4}`;
|
|
450
498
|
|
|
451
499
|
const StepItem = class {
|
|
452
500
|
constructor(hostRef) {
|
|
@@ -494,7 +542,8 @@ const StepItem = class {
|
|
|
494
542
|
*/
|
|
495
543
|
this.controlsId = '';
|
|
496
544
|
/**
|
|
497
|
-
*
|
|
545
|
+
* Identificador legado do ícone exibido como conteúdo do step item quando `contentType` é `br-icon`.
|
|
546
|
+
* Prefira o slot `content-area` com um SVG ou elemento de ícone controlado pela aplicação.
|
|
498
547
|
* @deprecated Prefira `contentType="slotted"` com um SVG, asset ou elemento de ícone controlado pela aplicação.
|
|
499
548
|
*/
|
|
500
549
|
this.brIconName = '';
|
|
@@ -509,12 +558,15 @@ const StepItem = class {
|
|
|
509
558
|
danger: 'passo com erro',
|
|
510
559
|
};
|
|
511
560
|
this.iconNames = {
|
|
512
|
-
success: 'fa-check',
|
|
513
|
-
info: 'fa-info-circle',
|
|
514
|
-
warning: 'fa-exclamation-triangle',
|
|
515
|
-
danger: 'fa-times',
|
|
561
|
+
success: 'fa-solid:check',
|
|
562
|
+
info: 'fa-solid:info-circle',
|
|
563
|
+
warning: 'fa-solid:exclamation-triangle',
|
|
564
|
+
danger: 'fa-solid:times',
|
|
516
565
|
};
|
|
517
566
|
}
|
|
567
|
+
get effectiveHighlight() {
|
|
568
|
+
return resolveAllowedPropValue(this.el, 'highlight', this.highlight, ['success', 'info', 'warning', 'danger'], undefined, { allowUndefined: true });
|
|
569
|
+
}
|
|
518
570
|
componentWillRender() {
|
|
519
571
|
this.ariaLabelContent = this.ariaLabel !== '' ? this.ariaLabel : this.getGeneratedAriaLabel();
|
|
520
572
|
}
|
|
@@ -569,7 +621,8 @@ const StepItem = class {
|
|
|
569
621
|
this.content = value;
|
|
570
622
|
}
|
|
571
623
|
getGeneratedAriaLabel() {
|
|
572
|
-
const
|
|
624
|
+
const highlight = this.effectiveHighlight;
|
|
625
|
+
const highlightAriaLabel = highlight !== undefined ? this.highlightAriaLabel[highlight] : '';
|
|
573
626
|
const content = this.contentType === 'slotted' ? this.getSlottedAriaContent() : this.getDefaultAriaContent();
|
|
574
627
|
const labelParts = ['passo', this.content, content, this.label, highlightAriaLabel].filter(Boolean);
|
|
575
628
|
const accessibilityContent = labelParts.join(' ');
|
|
@@ -607,16 +660,17 @@ const StepItem = class {
|
|
|
607
660
|
// biome-ignore lint/complexity/noExcessiveCognitiveComplexity: render cobre múltiplos modos de conteúdo, acessibilidade e variações de destaque.
|
|
608
661
|
render() {
|
|
609
662
|
const isTab = this.itemRole === 'tab';
|
|
610
|
-
|
|
663
|
+
const highlight = this.effectiveHighlight;
|
|
664
|
+
return (h(Host, { key: 'ed82d07a8b1736dce7291807916126b7ae0e43c7', "data-label": this.labelPosition, "data-type": this.contentType === 'no-content' ? 'void' : undefined, "data-vertical-content-placement": this.stepLayout === 'vertical' ? this.verticalContentPlacement : undefined, role: isTab ? 'tab' : undefined, "aria-label": isTab ? this.ariaLabelContent : undefined, "aria-selected": isTab ? String(this.active) : undefined, "aria-controls": isTab && this.controlsId !== '' && !this.isInShadowRoot() ? this.controlsId : undefined, tabIndex: isTab ? (this.active ? 0 : -1) : undefined, class: {
|
|
611
665
|
[this.stepLayout]: true,
|
|
612
666
|
'mode-controller': this.mode === 'controller' || isTab,
|
|
613
667
|
'role-tab': isTab,
|
|
614
668
|
'disabled-host': this.disabled,
|
|
615
669
|
timeline: this.showTimeLine,
|
|
616
|
-
} }, h("button", { key: '
|
|
670
|
+
} }, h("button", { key: '5b3a14070783522cc466dc994674d8be3c63780f', class: {
|
|
617
671
|
'step-progress-btn': true,
|
|
618
672
|
active: this.active,
|
|
619
|
-
}, type: "button", inert: isTab || undefined, "aria-label": !isTab ? this.ariaLabelContent : undefined, "aria-controls": !isTab && this.controlsId !== '' && !this.isInShadowRoot() ? this.controlsId : undefined, disabled: this.disabled, "step-num": this.contentType === 'default' ? this.content : undefined, "data-alert":
|
|
673
|
+
}, type: "button", inert: isTab || undefined, "aria-label": !isTab ? this.ariaLabelContent : undefined, "aria-controls": !isTab && this.controlsId !== '' && !this.isInShadowRoot() ? this.controlsId : undefined, disabled: this.disabled, "step-num": this.contentType === 'default' ? this.content : undefined, "data-alert": highlight || undefined }, this.label && (h("span", { key: '6549d27dba9121d40b70a7a2080e804479a2333e', class: "step-info", part: "label" }, this.label)), this.contentType === 'br-icon' && (h("span", { key: '3fb64fdf5f21af1d95947544869ca5238f301f29', class: "step-icon" }, h("br-icon", { key: '411a3f05ade0a4dd42d6f4ebc85e3bcb157ec7b0', iconName: this.brIconName ?? '', width: "16", height: "16", "aria-hidden": "true" }))), this.contentType === 'slotted' && (h("span", { key: 'ba3192f57c1d7e74e1e20ac6397f28065a57a754', class: "step-icon" }, h("slot", { key: '347e49abacaf31c7a50e898b2acbe556d7dfd5bd', name: "content-area" }))), this.mode === 'step' && highlight && (h("div", { key: '0b0d74cd7cd8dc93347a6873391f80b493a47f07', class: this.getAlertClass() }, h("br-icon", { key: 'd9ad457434c05b8925d90f0287fc5f916654fced', iconName: this.iconNames[highlight], width: "16", height: "16", class: highlight === 'warning' ? 'warning-color' : '' })))), h("div", { key: 'bb605a5ce11a6c4f1a472299ba373ed72cac8a51', class: "step-content-area" }, h("slot", { key: '5098094cff163b92a82dcb51df407d5b08921e29', name: "step-content" }))));
|
|
620
674
|
}
|
|
621
675
|
get el() { return getElement(this); }
|
|
622
676
|
};
|