@govbr-ds/webcomponents 2.2.0 → 2.3.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 +75 -24
- package/cem/custom-elements.json +168 -39
- package/cem/webcomponents.html-custom-data.json +11 -11
- package/dist/cjs/br-avatar.cjs.entry.js +1 -1
- package/dist/cjs/br-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/br-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js +8 -3
- package/dist/cjs/br-card.cjs.entry.js +1 -1
- package/dist/cjs/br-carousel-page.cjs.entry.js +1 -1
- package/dist/cjs/br-carousel.cjs.entry.js +1 -1
- package/dist/cjs/br-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/br-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/br-checkgroup.cjs.entry.js +1 -1
- package/dist/cjs/br-collapse_2.cjs.entry.js +10 -6
- package/dist/cjs/br-cookiebar-cookie.cjs.entry.js +1 -1
- package/dist/cjs/br-cookiebar-group.cjs.entry.js +1 -1
- package/dist/cjs/br-cookiebar-header.cjs.entry.js +1 -1
- package/dist/cjs/br-cookiebar-link.cjs.entry.js +1 -1
- package/dist/cjs/br-cookiebar-note-group.cjs.entry.js +1 -1
- package/dist/cjs/br-cookiebar-note.cjs.entry.js +1 -1
- package/dist/cjs/br-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/br-crumb.cjs.entry.js +1 -1
- package/dist/cjs/br-date-picker_3.cjs.entry.js +1 -1
- package/dist/cjs/br-datetime-picker.cjs.entry.js +2 -2
- package/dist/cjs/br-divider.cjs.entry.js +1 -1
- package/dist/cjs/br-dropdown_2.cjs.entry.js +37 -39
- package/dist/cjs/br-footer-category.cjs.entry.js +1 -1
- package/dist/cjs/br-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/br-footer-legal.cjs.entry.js +1 -1
- package/dist/cjs/br-footer-logo.cjs.entry.js +1 -1
- package/dist/cjs/br-footer-social.cjs.entry.js +1 -1
- package/dist/cjs/br-footer.cjs.entry.js +1 -1
- package/dist/cjs/br-header-function.cjs.entry.js +1 -1
- package/dist/cjs/br-header-link.cjs.entry.js +1 -1
- package/dist/cjs/br-header-list.cjs.entry.js +1 -1
- package/dist/cjs/br-header-logo.cjs.entry.js +1 -1
- package/dist/cjs/br-header.cjs.entry.js +26 -22
- package/dist/cjs/br-icon.cjs.entry.js +3 -32
- package/dist/cjs/br-input.cjs.entry.js +24 -5
- package/dist/cjs/br-item.cjs.entry.js +4 -3
- package/dist/cjs/br-link.cjs.entry.js +1 -1
- package/dist/cjs/br-loading.cjs.entry.js +1 -1
- package/dist/cjs/br-magic-button.cjs.entry.js +20 -7
- package/dist/cjs/br-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-header.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-info.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-link.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-list.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-logo.cjs.entry.js +1 -1
- package/dist/cjs/br-menu-social.cjs.entry.js +1 -1
- package/dist/cjs/br-menu.cjs.entry.js +1 -1
- package/dist/cjs/br-modal.cjs.entry.js +19 -3
- package/dist/cjs/br-notification-body.cjs.entry.js +1 -1
- package/dist/cjs/br-notification-header.cjs.entry.js +1 -1
- package/dist/cjs/br-notification-item.cjs.entry.js +1 -1
- package/dist/cjs/br-notification.cjs.entry.js +1 -1
- package/dist/cjs/br-pagination.cjs.entry.js +4 -4
- package/dist/cjs/br-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/br-radio.cjs.entry.js +2 -2
- package/dist/cjs/br-scrim.cjs.entry.js +1 -1
- package/dist/cjs/br-select-input_3.cjs.entry.js +5 -3
- package/dist/cjs/br-sign-in.cjs.entry.js +7 -3
- package/dist/cjs/br-skip-link-item.cjs.entry.js +1 -1
- package/dist/cjs/br-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/br-skiplink-item.cjs.entry.js +1 -1
- package/dist/cjs/br-slider.cjs.entry.js +2 -2
- package/dist/cjs/br-step_2.cjs.entry.js +1 -1
- package/dist/cjs/br-switch.cjs.entry.js +2 -2
- package/dist/cjs/br-tab-item.cjs.entry.js +2 -2
- package/dist/cjs/br-tab.cjs.entry.js +38 -13
- package/dist/cjs/br-table-body.cjs.entry.js +1 -1
- package/dist/cjs/br-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/br-table-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/br-table-header.cjs.entry.js +1 -1
- package/dist/cjs/br-table-row.cjs.entry.js +1 -1
- package/dist/cjs/br-table.cjs.entry.js +1 -1
- package/dist/cjs/br-tag.cjs.entry.js +2 -2
- package/dist/cjs/br-textarea.cjs.entry.js +2 -2
- package/dist/cjs/br-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/br-upload.cjs.entry.js +2 -2
- package/dist/cjs/br-wizard-panel.cjs.entry.js +1 -1
- package/dist/cjs/br-wizard.cjs.entry.js +1 -1
- package/dist/cjs/icon.utils-DF6kMskA.js +46 -0
- package/dist/cjs/{index-CGgZBuyy.js → index-Bc30P_6z.js} +21 -15
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{validator-CTCajtT9.js → validator-GkkueMOx.js} +18 -0
- package/dist/cjs/webcomponents.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/button/button.js +8 -3
- package/dist/collection/components/collapse/collapse.css +1 -1
- package/dist/collection/components/collapse/collapse.js +12 -6
- package/dist/collection/components/dropdown/dropdown.js +32 -36
- package/dist/collection/components/header/header.js +25 -21
- package/dist/collection/components/icon/icon.utils.js +8 -0
- package/dist/collection/components/input/input.css +1 -1
- package/dist/collection/components/input/input.js +22 -3
- package/dist/collection/components/item/item.js +4 -3
- package/dist/collection/components/magic-button/magic-button.js +20 -6
- package/dist/collection/components/modal/modal.js +19 -3
- package/dist/collection/components/pagination/pagination.css +1 -1
- package/dist/collection/components/pagination/pagination.js +4 -2
- package/dist/collection/components/select/select-input/select-input.js +4 -2
- package/dist/collection/components/select/select.utils.js +3 -1
- package/dist/collection/components/sign-in/sign-in.js +8 -4
- package/dist/collection/components/tab/tab-item/tab-item.js +2 -2
- package/dist/collection/components/tab/tab.css +1 -1
- package/dist/collection/components/tab/tab.js +37 -10
- package/dist/collection/pages/components/select/remote.js +33 -0
- package/dist/collection/pages/components/select/virtualized.js +13 -0
- package/dist/collection/pages/components/upload/handler.js +25 -0
- package/dist/collection/pages/scripts/component-controls.js +15 -16
- package/dist/collection/pages/scripts/menu.js +0 -1
- package/dist/collection/pages/scripts/pageLoader.js +168 -91
- package/dist/collection/pages/scripts/pageloader-preview.js +37 -28
- package/dist/collection/shared/utils/form.js +17 -0
- package/dist/components/br-avatar.js +1 -1
- package/dist/components/br-breadcrumb-item.js +1 -1
- package/dist/components/br-breadcrumb.js +1 -1
- package/dist/components/br-button.js +1 -1
- package/dist/components/br-card.js +1 -1
- package/dist/components/br-carousel-page.js +1 -1
- package/dist/components/br-carousel.js +1 -1
- package/dist/components/br-checkbox-group.js +1 -1
- package/dist/components/br-checkbox.js +1 -1
- package/dist/components/br-checkgroup.js +1 -1
- package/dist/components/br-collapse.js +1 -1
- package/dist/components/br-cookiebar-cookie.js +1 -1
- package/dist/components/br-cookiebar-group.js +1 -1
- package/dist/components/br-cookiebar-header.js +1 -1
- package/dist/components/br-cookiebar-link.js +1 -1
- package/dist/components/br-cookiebar-note-group.js +1 -1
- package/dist/components/br-cookiebar-note.js +1 -1
- package/dist/components/br-cookiebar.js +1 -1
- package/dist/components/br-crumb.js +1 -1
- package/dist/components/br-date-picker.js +1 -1
- package/dist/components/br-datetime-input.js +1 -1
- package/dist/components/br-datetime-picker.js +1 -1
- package/dist/components/br-divider.js +1 -1
- package/dist/components/br-dropdown.js +1 -1
- package/dist/components/br-footer-category.js +1 -1
- package/dist/components/br-footer-item.js +1 -1
- package/dist/components/br-footer-legal.js +1 -1
- package/dist/components/br-footer-logo.js +1 -1
- package/dist/components/br-footer-social.js +1 -1
- package/dist/components/br-footer.js +1 -1
- package/dist/components/br-header-function.js +1 -1
- package/dist/components/br-header-link.js +1 -1
- package/dist/components/br-header-list.js +1 -1
- package/dist/components/br-header-logo.js +1 -1
- package/dist/components/br-header.js +1 -1
- package/dist/components/br-icon.js +1 -1
- package/dist/components/br-input.js +1 -1
- package/dist/components/br-item.js +1 -1
- package/dist/components/br-link.js +1 -1
- package/dist/components/br-list.js +1 -1
- package/dist/components/br-loading.js +1 -1
- package/dist/components/br-magic-button.js +1 -1
- package/dist/components/br-menu-group.js +1 -1
- package/dist/components/br-menu-header.js +1 -1
- package/dist/components/br-menu-info.js +1 -1
- package/dist/components/br-menu-item.js +1 -1
- package/dist/components/br-menu-link.js +1 -1
- package/dist/components/br-menu-list.js +1 -1
- package/dist/components/br-menu-logo.js +1 -1
- package/dist/components/br-menu-social.js +1 -1
- package/dist/components/br-menu.js +1 -1
- package/dist/components/br-message.js +1 -1
- package/dist/components/br-modal.js +1 -1
- package/dist/components/br-notification-body.js +1 -1
- package/dist/components/br-notification-header.js +1 -1
- package/dist/components/br-notification-item.js +1 -1
- package/dist/components/br-notification.js +1 -1
- package/dist/components/br-pagination.js +1 -1
- package/dist/components/br-radio-group.js +1 -1
- package/dist/components/br-radio.js +1 -1
- package/dist/components/br-scrim.js +1 -1
- package/dist/components/br-select-input.js +1 -1
- package/dist/components/br-select-list.js +1 -1
- package/dist/components/br-select-option.js +1 -1
- package/dist/components/br-select.js +1 -1
- package/dist/components/br-sign-in.js +1 -1
- package/dist/components/br-skip-link-item.js +1 -1
- package/dist/components/br-skip-link.js +1 -1
- package/dist/components/br-skiplink-item.js +1 -1
- package/dist/components/br-slider.js +1 -1
- package/dist/components/br-step-item.js +1 -1
- package/dist/components/br-step.js +1 -1
- package/dist/components/br-switch.js +1 -1
- package/dist/components/br-tab-item.js +1 -1
- package/dist/components/br-tab.js +1 -1
- package/dist/components/br-table-body.js +1 -1
- package/dist/components/br-table-cell.js +1 -1
- package/dist/components/br-table-header-cell.js +1 -1
- package/dist/components/br-table-header.js +1 -1
- package/dist/components/br-table-row.js +1 -1
- package/dist/components/br-table.js +1 -1
- package/dist/components/br-tag.js +1 -1
- package/dist/components/br-textarea.js +1 -1
- package/dist/components/br-time-picker.js +1 -1
- package/dist/components/br-tooltip.js +1 -1
- package/dist/components/br-upload.js +1 -1
- package/dist/components/br-wizard-panel.js +1 -1
- package/dist/components/br-wizard.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-B0o70fWP.js → p-0qmYp77w.js} +1 -1
- package/dist/components/{p-C5th2dxu.js → p-5c3rNBXh.js} +1 -1
- package/dist/components/{p-B96LROz9.js → p-B8oIvH3q.js} +1 -1
- package/dist/components/{p-BRaphxoP.js → p-BECz8XWJ.js} +1 -1
- package/dist/components/{p-CFzHx6zV.js → p-BM4Ys6hX.js} +1 -1
- package/dist/components/{p-BUzBa9L1.js → p-BXWh9s7p.js} +1 -1
- package/dist/components/{p-CI4D3-pf.js → p-BjeUETWJ.js} +1 -1
- package/dist/components/p-CDTENPaP.js +5 -0
- package/dist/components/{p-DTGNra9m.js → p-CZZVc2gK.js} +1 -1
- package/dist/components/{p-DGPJkJsj.js → p-Cd6udSDt.js} +1 -1
- package/dist/components/{p-CF7t0uxQ.js → p-Ci0_RqAE.js} +1 -1
- package/dist/components/{p-k7p4QJ8a.js → p-CuBgClZm.js} +1 -1
- package/dist/components/p-D0QYZSoP.js +5 -0
- package/dist/components/{p-CIrVPkVg.js → p-D4SWpW6-.js} +1 -1
- package/dist/components/{p-Cvk1Ggs5.js → p-D579DS7x.js} +1 -1
- package/dist/components/{p-emAWunES.js → p-D8K7rhHd.js} +1 -1
- package/dist/components/{p-G35qEQZd.js → p-D9nXlCuS.js} +1 -1
- package/dist/components/{p-BrNh9KdF.js → p-DKFO6Q_g.js} +1 -1
- package/dist/components/{p-Bc4nAk5i.js → p-DNJSSCNi.js} +1 -1
- package/dist/components/{p-SvVnvJdC.js → p-DOJ1vYOl.js} +1 -1
- package/dist/components/p-DYI30IZL.js +5 -0
- package/dist/components/p-DcVldfL0.js +5 -0
- package/dist/components/p-DhvmHPp4.js +5 -0
- package/dist/components/{p-BDqef5-y.js → p-DwgiHL0b.js} +1 -1
- package/dist/components/{p-Dma14GVa.js → p-Jk_KQE5V.js} +1 -1
- package/dist/components/{p-DSHbttu9.js → p-Nze3Utvd.js} +1 -1
- package/dist/components/{p-DpRZ4B0d.js → p-WxDB6Dk4.js} +1 -1
- package/dist/components/p-ZLoeVagg.js +5 -0
- package/dist/components/p-gbYJ9sfc.js +5 -0
- package/dist/components/p-uc8ABlC_.js +5 -0
- package/dist/components/{p-DX1wAFn4.js → p-v60ypfxD.js} +1 -1
- package/dist/esm/br-avatar.entry.js +1 -1
- package/dist/esm/br-breadcrumb-item.entry.js +1 -1
- package/dist/esm/br-breadcrumb.entry.js +1 -1
- package/dist/esm/br-button_2.entry.js +8 -3
- package/dist/esm/br-card.entry.js +1 -1
- package/dist/esm/br-carousel-page.entry.js +1 -1
- package/dist/esm/br-carousel.entry.js +1 -1
- package/dist/esm/br-checkbox-group.entry.js +1 -1
- package/dist/esm/br-checkbox.entry.js +2 -2
- package/dist/esm/br-checkgroup.entry.js +1 -1
- package/dist/esm/br-collapse_2.entry.js +10 -6
- package/dist/esm/br-cookiebar-cookie.entry.js +1 -1
- package/dist/esm/br-cookiebar-group.entry.js +1 -1
- package/dist/esm/br-cookiebar-header.entry.js +1 -1
- package/dist/esm/br-cookiebar-link.entry.js +1 -1
- package/dist/esm/br-cookiebar-note-group.entry.js +1 -1
- package/dist/esm/br-cookiebar-note.entry.js +1 -1
- package/dist/esm/br-cookiebar.entry.js +1 -1
- package/dist/esm/br-crumb.entry.js +1 -1
- package/dist/esm/br-date-picker_3.entry.js +1 -1
- package/dist/esm/br-datetime-picker.entry.js +2 -2
- package/dist/esm/br-divider.entry.js +1 -1
- package/dist/esm/br-dropdown_2.entry.js +37 -39
- package/dist/esm/br-footer-category.entry.js +1 -1
- package/dist/esm/br-footer-item.entry.js +1 -1
- package/dist/esm/br-footer-legal.entry.js +1 -1
- package/dist/esm/br-footer-logo.entry.js +1 -1
- package/dist/esm/br-footer-social.entry.js +1 -1
- package/dist/esm/br-footer.entry.js +1 -1
- package/dist/esm/br-header-function.entry.js +1 -1
- package/dist/esm/br-header-link.entry.js +1 -1
- package/dist/esm/br-header-list.entry.js +1 -1
- package/dist/esm/br-header-logo.entry.js +1 -1
- package/dist/esm/br-header.entry.js +26 -22
- package/dist/esm/br-icon.entry.js +2 -31
- package/dist/esm/br-input.entry.js +24 -5
- package/dist/esm/br-item.entry.js +4 -3
- package/dist/esm/br-link.entry.js +1 -1
- package/dist/esm/br-loading.entry.js +1 -1
- package/dist/esm/br-magic-button.entry.js +20 -7
- package/dist/esm/br-menu-group.entry.js +1 -1
- package/dist/esm/br-menu-header.entry.js +1 -1
- package/dist/esm/br-menu-info.entry.js +1 -1
- package/dist/esm/br-menu-item.entry.js +1 -1
- package/dist/esm/br-menu-link.entry.js +1 -1
- package/dist/esm/br-menu-list.entry.js +1 -1
- package/dist/esm/br-menu-logo.entry.js +1 -1
- package/dist/esm/br-menu-social.entry.js +1 -1
- package/dist/esm/br-menu.entry.js +1 -1
- package/dist/esm/br-modal.entry.js +20 -4
- package/dist/esm/br-notification-body.entry.js +1 -1
- package/dist/esm/br-notification-header.entry.js +1 -1
- package/dist/esm/br-notification-item.entry.js +1 -1
- package/dist/esm/br-notification.entry.js +1 -1
- package/dist/esm/br-pagination.entry.js +4 -4
- package/dist/esm/br-radio-group.entry.js +2 -2
- package/dist/esm/br-radio.entry.js +2 -2
- package/dist/esm/br-scrim.entry.js +1 -1
- package/dist/esm/br-select-input_3.entry.js +5 -3
- package/dist/esm/br-sign-in.entry.js +7 -3
- package/dist/esm/br-skip-link-item.entry.js +1 -1
- package/dist/esm/br-skip-link.entry.js +1 -1
- package/dist/esm/br-skiplink-item.entry.js +1 -1
- package/dist/esm/br-slider.entry.js +2 -2
- package/dist/esm/br-step_2.entry.js +1 -1
- package/dist/esm/br-switch.entry.js +2 -2
- package/dist/esm/br-tab-item.entry.js +2 -2
- package/dist/esm/br-tab.entry.js +38 -13
- package/dist/esm/br-table-body.entry.js +1 -1
- package/dist/esm/br-table-cell.entry.js +1 -1
- package/dist/esm/br-table-header-cell.entry.js +1 -1
- package/dist/esm/br-table-header.entry.js +1 -1
- package/dist/esm/br-table-row.entry.js +1 -1
- package/dist/esm/br-table.entry.js +1 -1
- package/dist/esm/br-tag.entry.js +2 -2
- package/dist/esm/br-textarea.entry.js +2 -2
- package/dist/esm/br-tooltip.entry.js +1 -1
- package/dist/esm/br-upload.entry.js +2 -2
- package/dist/esm/br-wizard-panel.entry.js +1 -1
- package/dist/esm/br-wizard.entry.js +1 -1
- package/dist/esm/icon.utils-zlORkiHQ.js +43 -0
- package/dist/esm/{index-Dcn7tRST.js → index-ConyRdJe.js} +21 -15
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{validator-D3tVP32U.js → validator-BkWWrDEr.js} +18 -1
- package/dist/esm/webcomponents.js +4 -4
- package/dist/hydrate/index.js +341 -139
- package/dist/hydrate/index.mjs +341 -139
- package/dist/types/components/button/button.d.ts +2 -1
- package/dist/types/components/collapse/collapse.d.ts +6 -2
- package/dist/types/components/dropdown/dropdown.d.ts +12 -4
- package/dist/types/components/header/header.d.ts +2 -0
- package/dist/types/components/icon/icon.utils.d.ts +6 -0
- package/dist/types/components/input/input.d.ts +9 -0
- package/dist/types/components/item/item.d.ts +6 -1
- package/dist/types/components/magic-button/magic-button.d.ts +7 -3
- package/dist/types/components/modal/modal.d.ts +6 -0
- package/dist/types/components/pagination/pagination.d.ts +2 -0
- package/dist/types/components/sign-in/sign-in.d.ts +3 -2
- package/dist/types/components/tab/tab-item/tab-item.d.ts +6 -2
- package/dist/types/components/tab/tab.d.ts +7 -0
- package/dist/types/components.d.ts +18 -18
- package/dist/types/shared/utils/form.d.ts +8 -0
- package/dist/types/stencil-public-runtime.d.ts +61 -55
- package/dist/webcomponents/{p-6c0ea20c.entry.js → p-078bd760.entry.js} +1 -1
- package/dist/webcomponents/{p-3e287899.entry.js → p-07c2cdff.entry.js} +1 -1
- package/dist/webcomponents/{p-cff24492.entry.js → p-09817344.entry.js} +1 -1
- package/dist/webcomponents/{p-030c02f8.entry.js → p-0b0cf355.entry.js} +1 -1
- package/dist/webcomponents/{p-abaf2365.entry.js → p-0d2ca2f7.entry.js} +1 -1
- package/dist/webcomponents/p-0d79ca44.entry.js +5 -0
- package/dist/webcomponents/p-0fe3c47b.entry.js +5 -0
- package/dist/webcomponents/p-116b53c9.entry.js +5 -0
- package/dist/webcomponents/p-1240dae7.entry.js +5 -0
- package/dist/webcomponents/{p-01fb0754.entry.js → p-14ff5865.entry.js} +1 -1
- package/dist/webcomponents/{p-12aa36a8.entry.js → p-15743a02.entry.js} +1 -1
- package/dist/webcomponents/{p-3cce767c.entry.js → p-16cebf49.entry.js} +1 -1
- package/dist/webcomponents/{p-2605cdc3.entry.js → p-1884b9d3.entry.js} +1 -1
- package/dist/webcomponents/{p-edc6da0e.entry.js → p-19a38e20.entry.js} +1 -1
- package/dist/webcomponents/{p-7cd38850.entry.js → p-1d36c8fa.entry.js} +1 -1
- package/dist/webcomponents/{p-646af6a5.entry.js → p-1fa4b5b2.entry.js} +1 -1
- package/dist/webcomponents/{p-3df6c5d2.entry.js → p-212c069b.entry.js} +1 -1
- package/dist/webcomponents/{p-9858e42a.entry.js → p-23f37cd6.entry.js} +1 -1
- package/dist/webcomponents/{p-da21a60d.entry.js → p-24502b63.entry.js} +1 -1
- package/dist/webcomponents/{p-7b01bddb.entry.js → p-27fb81f3.entry.js} +1 -1
- package/dist/webcomponents/{p-5dd4314c.entry.js → p-28844490.entry.js} +1 -1
- package/dist/webcomponents/{p-403637dd.entry.js → p-2b41bdcc.entry.js} +1 -1
- package/dist/webcomponents/p-2cb1e09b.entry.js +5 -0
- package/dist/webcomponents/{p-9c4200b0.entry.js → p-2fcda70b.entry.js} +1 -1
- package/dist/webcomponents/{p-3e5580ba.entry.js → p-3378300c.entry.js} +1 -1
- package/dist/webcomponents/{p-d35cf5b4.entry.js → p-3ae9cf69.entry.js} +1 -1
- package/dist/webcomponents/{p-59da5b55.entry.js → p-3b79cd49.entry.js} +1 -1
- package/dist/webcomponents/{p-fcab1428.entry.js → p-3c1513ec.entry.js} +1 -1
- package/dist/webcomponents/p-4118b878.entry.js +5 -0
- package/dist/webcomponents/{p-38f6a78b.entry.js → p-4534a3c3.entry.js} +1 -1
- package/dist/webcomponents/p-48abf568.entry.js +5 -0
- package/dist/webcomponents/{p-0b9714f1.entry.js → p-4e5ea05c.entry.js} +1 -1
- package/dist/webcomponents/{p-670e8fec.entry.js → p-513ee754.entry.js} +1 -1
- package/dist/webcomponents/{p-3ae97345.entry.js → p-521a1076.entry.js} +1 -1
- package/dist/webcomponents/{p-1ff9210a.entry.js → p-59fc52c0.entry.js} +1 -1
- package/dist/webcomponents/{p-c8b7bbab.entry.js → p-5a7c2031.entry.js} +1 -1
- package/dist/webcomponents/{p-f52ef0dc.entry.js → p-5a9f4ea2.entry.js} +1 -1
- package/dist/webcomponents/{p-6c2fe5e4.entry.js → p-5f422a69.entry.js} +1 -1
- package/dist/webcomponents/{p-ed5af0e4.entry.js → p-61977114.entry.js} +1 -1
- package/dist/webcomponents/{p-e20188c0.entry.js → p-6850e98e.entry.js} +1 -1
- package/dist/webcomponents/{p-fe1729a7.entry.js → p-71853dfc.entry.js} +1 -1
- package/dist/webcomponents/{p-09770c98.entry.js → p-76d51654.entry.js} +1 -1
- package/dist/webcomponents/p-77e242f3.entry.js +5 -0
- package/dist/webcomponents/{p-cbf3e251.entry.js → p-7b849472.entry.js} +1 -1
- package/dist/webcomponents/{p-a2e75143.entry.js → p-7dbfb875.entry.js} +1 -1
- package/dist/webcomponents/{p-d45ffe9c.entry.js → p-7fa7f052.entry.js} +1 -1
- package/dist/webcomponents/{p-e624ff04.entry.js → p-81c65747.entry.js} +1 -1
- package/dist/webcomponents/{p-7acf20d3.entry.js → p-82759002.entry.js} +1 -1
- package/dist/webcomponents/{p-72b839fe.entry.js → p-91a5329f.entry.js} +1 -1
- package/dist/webcomponents/{p-e3de5bb3.entry.js → p-94848046.entry.js} +1 -1
- package/dist/webcomponents/{p-130b6e06.entry.js → p-966773a9.entry.js} +1 -1
- package/dist/webcomponents/{p-964c01e6.entry.js → p-9abb5a53.entry.js} +1 -1
- package/dist/webcomponents/{p-73dcc05b.entry.js → p-9bf2e325.entry.js} +1 -1
- package/dist/webcomponents/{p-a3bb98c9.entry.js → p-9c943b40.entry.js} +1 -1
- package/dist/webcomponents/{p-b506b0a1.entry.js → p-9ec3ca00.entry.js} +1 -1
- package/dist/webcomponents/p-BkWWrDEr.js +5 -0
- package/dist/webcomponents/{p-Dcn7tRST.js → p-ConyRdJe.js} +1 -1
- package/dist/webcomponents/{p-a8b5dba0.entry.js → p-ad91f149.entry.js} +1 -1
- package/dist/webcomponents/{p-c201ae16.entry.js → p-aeea1f17.entry.js} +1 -1
- package/dist/webcomponents/{p-327f034f.entry.js → p-b02a7218.entry.js} +1 -1
- package/dist/webcomponents/{p-a212fd85.entry.js → p-b16590fc.entry.js} +1 -1
- package/dist/webcomponents/{p-f558d7b9.entry.js → p-b55425b7.entry.js} +1 -1
- package/dist/webcomponents/{p-a0931550.entry.js → p-c1dafd8d.entry.js} +1 -1
- package/dist/webcomponents/{p-2a50e42d.entry.js → p-c2ca0289.entry.js} +1 -1
- package/dist/webcomponents/{p-27afaec9.entry.js → p-c8af334e.entry.js} +1 -1
- package/dist/webcomponents/p-cac49c6a.entry.js +5 -0
- package/dist/webcomponents/{p-01baafce.entry.js → p-cb9ebfbe.entry.js} +1 -1
- package/dist/webcomponents/p-ce3d689c.entry.js +5 -0
- package/dist/webcomponents/{p-b94c3f84.entry.js → p-d11f95a0.entry.js} +1 -1
- package/dist/webcomponents/{p-03359c92.entry.js → p-d5d2205c.entry.js} +1 -1
- package/dist/webcomponents/p-dad03b49.entry.js +5 -0
- package/dist/webcomponents/{p-342650b8.entry.js → p-db8e6322.entry.js} +1 -1
- package/dist/webcomponents/{p-d719a4af.entry.js → p-dea8015f.entry.js} +1 -1
- package/dist/webcomponents/p-e07e309d.entry.js +5 -0
- package/dist/webcomponents/{p-435c8ef2.entry.js → p-e53d874b.entry.js} +1 -1
- package/dist/webcomponents/p-e5540387.entry.js +5 -0
- package/dist/webcomponents/{p-14fe22e2.entry.js → p-e94a52ac.entry.js} +1 -1
- package/dist/webcomponents/{p-bda62f90.entry.js → p-e9be4d3f.entry.js} +1 -1
- package/dist/webcomponents/p-e9db9381.entry.js +5 -0
- package/dist/webcomponents/{p-68046544.entry.js → p-edca5de1.entry.js} +1 -1
- package/dist/webcomponents/{p-c7e899a1.entry.js → p-ee5b9fc9.entry.js} +1 -1
- package/dist/webcomponents/{p-91e959a8.entry.js → p-f4ef8c63.entry.js} +1 -1
- package/dist/webcomponents/p-zlORkiHQ.js +5 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-BP5zMCxG.js +0 -5
- package/dist/components/p-CEdUp183.js +0 -5
- package/dist/components/p-CG4em0S6.js +0 -5
- package/dist/components/p-CdDwqbBv.js +0 -5
- package/dist/components/p-CppRJiyC.js +0 -5
- package/dist/components/p-D12US39c.js +0 -5
- package/dist/components/p-Ho_IybzR.js +0 -5
- package/dist/components/p-fB79wKCm.js +0 -5
- package/dist/webcomponents/p-144f8c8d.entry.js +0 -5
- package/dist/webcomponents/p-3920fe3a.entry.js +0 -5
- package/dist/webcomponents/p-68ec76b8.entry.js +0 -5
- package/dist/webcomponents/p-707df9b9.entry.js +0 -5
- package/dist/webcomponents/p-82454383.entry.js +0 -5
- package/dist/webcomponents/p-9d9c87b1.entry.js +0 -5
- package/dist/webcomponents/p-D3tVP32U.js +0 -5
- package/dist/webcomponents/p-aa909443.entry.js +0 -5
- package/dist/webcomponents/p-aeb16645.entry.js +0 -5
- package/dist/webcomponents/p-b287c384.entry.js +0 -5
- package/dist/webcomponents/p-b520c08c.entry.js +0 -5
- package/dist/webcomponents/p-d826c052.entry.js +0 -5
- package/dist/webcomponents/p-de0c7f26.entry.js +0 -5
- package/dist/webcomponents/p-e27882e1.entry.js +0 -5
- package/dist/webcomponents/p-f24fcf3d.entry.js +0 -5
package/dist/hydrate/index.mjs
CHANGED
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { Readable } from 'stream';
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const modeResolver = [];
|
|
8
|
+
|
|
9
|
+
// captured here, at true module scope, before hydrateFactory shadows the
|
|
10
|
+
// AbortController identifier for component code below.
|
|
11
|
+
var $stencilNativeAbortController = AbortController;
|
|
8
12
|
|
|
9
13
|
function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResults, $stencilAfterHydrate, $stencilHydrateResolve) {
|
|
10
14
|
var globalThis = $stencilWindow;
|
|
@@ -97,8 +101,46 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
97
101
|
|
|
98
102
|
var fetch, FetchError, Headers, Request, Response;
|
|
99
103
|
|
|
104
|
+
// Aborted when the render times out or errors, so in-flight fetch() calls
|
|
105
|
+
// made by component code stop holding the render's window/results alive
|
|
106
|
+
// instead of running to completion against a torn-down window. See #6864.
|
|
107
|
+
var $stencilAbortController = new $stencilNativeAbortController();
|
|
108
|
+
|
|
109
|
+
// Any AbortController a component creates itself is transparently wired to
|
|
110
|
+
// cascade-abort when the render times out too, so component code using the
|
|
111
|
+
// standard AbortController convention for its own cancellable work (axios,
|
|
112
|
+
// aws-sdk v3, the mongodb driver, etc.) gets cancelled automatically.
|
|
113
|
+
var AbortController = function () {
|
|
114
|
+
var controller = new $stencilNativeAbortController();
|
|
115
|
+
$stencilAbortController.signal.addEventListener(
|
|
116
|
+
'abort',
|
|
117
|
+
function () {
|
|
118
|
+
controller.abort();
|
|
119
|
+
},
|
|
120
|
+
{ once: true },
|
|
121
|
+
);
|
|
122
|
+
return controller;
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
function $stencilFetchSignal(callerSignal) {
|
|
126
|
+
if (!callerSignal) {
|
|
127
|
+
return $stencilAbortController.signal;
|
|
128
|
+
}
|
|
129
|
+
if (callerSignal.aborted || $stencilAbortController.signal.aborted) {
|
|
130
|
+
return callerSignal.aborted ? callerSignal : $stencilAbortController.signal;
|
|
131
|
+
}
|
|
132
|
+
var merged = new $stencilNativeAbortController();
|
|
133
|
+
var onAbort = function () { merged.abort(); };
|
|
134
|
+
callerSignal.addEventListener('abort', onAbort, { once: true });
|
|
135
|
+
$stencilAbortController.signal.addEventListener('abort', onAbort, { once: true });
|
|
136
|
+
return merged.signal;
|
|
137
|
+
}
|
|
138
|
+
|
|
100
139
|
if (typeof $stencilWindow.fetch === 'function') {
|
|
101
|
-
|
|
140
|
+
var $stencilRawFetch = $stencilWindow.fetch;
|
|
141
|
+
fetch = $stencilWindow.fetch = function(input, init) {
|
|
142
|
+
return $stencilRawFetch(input, Object.assign({}, init, { signal: $stencilFetchSignal(init && init.signal) }));
|
|
143
|
+
};
|
|
102
144
|
} else {
|
|
103
145
|
fetch = $stencilWindow.fetch = function() { throw new Error('fetch() is not implemented'); };
|
|
104
146
|
}
|
|
@@ -137,7 +179,7 @@ const NAMESPACE = 'webcomponents';
|
|
|
137
179
|
const BUILD = /* webcomponents */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
|
|
138
180
|
|
|
139
181
|
/*
|
|
140
|
-
Stencil Hydrate Platform v4.
|
|
182
|
+
Stencil Hydrate Platform v4.45.1 | MIT Licensed | https://stenciljs.com
|
|
141
183
|
*/
|
|
142
184
|
var __create = Object.create;
|
|
143
185
|
var __defProp = Object.defineProperty;
|
|
@@ -1574,13 +1616,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
|
|
|
1574
1616
|
}
|
|
1575
1617
|
}).join(", ");
|
|
1576
1618
|
};
|
|
1619
|
+
var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
|
|
1577
1620
|
var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
|
|
1578
1621
|
return processRules(cssText, (rule) => {
|
|
1579
1622
|
let selector = rule.selector;
|
|
1580
1623
|
let content = rule.content;
|
|
1581
1624
|
if (rule.selector[0] !== "@") {
|
|
1582
1625
|
selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
|
|
1583
|
-
} else if (
|
|
1626
|
+
} else if (isScopableAtRule(rule.selector)) {
|
|
1584
1627
|
content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
|
|
1585
1628
|
}
|
|
1586
1629
|
const cssRule = {
|
|
@@ -1659,15 +1702,16 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
|
|
|
1659
1702
|
rule.selector = placeholder + rule.selector;
|
|
1660
1703
|
return rule;
|
|
1661
1704
|
};
|
|
1662
|
-
|
|
1705
|
+
const commentSelectors = (input) => processRules(input, (rule) => {
|
|
1663
1706
|
if (rule.selector[0] !== "@") {
|
|
1664
1707
|
return processCommentedSelector(rule);
|
|
1665
|
-
}
|
|
1666
|
-
|
|
1667
|
-
|
|
1708
|
+
}
|
|
1709
|
+
if (isScopableAtRule(rule.selector)) {
|
|
1710
|
+
rule.content = commentSelectors(rule.content);
|
|
1668
1711
|
}
|
|
1669
1712
|
return rule;
|
|
1670
1713
|
});
|
|
1714
|
+
cssText = commentSelectors(cssText);
|
|
1671
1715
|
}
|
|
1672
1716
|
const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId);
|
|
1673
1717
|
cssText = [scoped.cssText, ...commentsWithHash].join("\n");
|
|
@@ -1683,6 +1727,8 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
|
|
|
1683
1727
|
cssText = expandPartSelectors(cssText);
|
|
1684
1728
|
return cssText;
|
|
1685
1729
|
};
|
|
1730
|
+
var setMode = (handler) => {
|
|
1731
|
+
};
|
|
1686
1732
|
|
|
1687
1733
|
// src/runtime/normalize-watchers.ts
|
|
1688
1734
|
var normalizeWatchers = (raw) => {
|
|
@@ -2302,7 +2348,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
|
|
|
2302
2348
|
if (idxInOld >= 0) {
|
|
2303
2349
|
elmToMove = oldCh[idxInOld];
|
|
2304
2350
|
if (elmToMove.$tag$ !== newStartVnode.$tag$) {
|
|
2305
|
-
node = createElm(oldCh && oldCh[newStartIdx], newVNode2,
|
|
2351
|
+
node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
|
|
2306
2352
|
} else {
|
|
2307
2353
|
patch(elmToMove, newStartVnode, isInitialRender);
|
|
2308
2354
|
oldCh[idxInOld] = void 0;
|
|
@@ -5062,7 +5108,7 @@ function forceUpdate2() {
|
|
|
5062
5108
|
}
|
|
5063
5109
|
|
|
5064
5110
|
// src/hydrate/platform/hydrate-app.ts
|
|
5065
|
-
function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
5111
|
+
function hydrateApp(win2, opts, results, afterHydrate, resolve, abortController) {
|
|
5066
5112
|
const connectedElements = /* @__PURE__ */ new Set();
|
|
5067
5113
|
const createdElements = /* @__PURE__ */ new Set();
|
|
5068
5114
|
const waitingElements = /* @__PURE__ */ new Set();
|
|
@@ -5072,6 +5118,13 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
|
5072
5118
|
setScopedSSR(opts);
|
|
5073
5119
|
let tmrId;
|
|
5074
5120
|
let ranCompleted = false;
|
|
5121
|
+
const abortedPromise = new Promise((res) => {
|
|
5122
|
+
if (abortController.signal.aborted) {
|
|
5123
|
+
res();
|
|
5124
|
+
} else {
|
|
5125
|
+
abortController.signal.addEventListener("abort", () => res(), { once: true });
|
|
5126
|
+
}
|
|
5127
|
+
});
|
|
5075
5128
|
function hydratedComplete() {
|
|
5076
5129
|
globalThis.clearTimeout(tmrId);
|
|
5077
5130
|
createdElements.clear();
|
|
@@ -5093,6 +5146,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
|
5093
5146
|
}
|
|
5094
5147
|
function hydratedError(err2) {
|
|
5095
5148
|
renderCatchError(opts, results, err2);
|
|
5149
|
+
abortController.abort();
|
|
5096
5150
|
hydratedComplete();
|
|
5097
5151
|
}
|
|
5098
5152
|
function timeoutExceeded() {
|
|
@@ -5138,7 +5192,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
|
5138
5192
|
if (isValidComponent(elm, opts) && results.hydratedCount < opts.maxHydrateCount) {
|
|
5139
5193
|
if (!connectedElements.has(elm) && shouldHydrate(elm)) {
|
|
5140
5194
|
connectedElements.add(elm);
|
|
5141
|
-
return hydrateComponent.call(elm, win2, results, elm.nodeName, elm, waitingElements);
|
|
5195
|
+
return hydrateComponent.call(elm, win2, results, elm.nodeName, elm, waitingElements, abortedPromise);
|
|
5142
5196
|
}
|
|
5143
5197
|
}
|
|
5144
5198
|
return resolved2;
|
|
@@ -5161,13 +5215,16 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
|
|
|
5161
5215
|
};
|
|
5162
5216
|
tmrId = globalThis.setTimeout(timeoutExceeded, opts.timeout);
|
|
5163
5217
|
plt.$resourcesUrl$ = new URL(opts.resourcesUrl || "./", win2.document.baseURI).href;
|
|
5218
|
+
if (Array.isArray(opts.modes)) {
|
|
5219
|
+
opts.modes.forEach((mode) => setMode());
|
|
5220
|
+
}
|
|
5164
5221
|
patchChild2(win2.document.body);
|
|
5165
5222
|
waitLoop2().then(hydratedComplete).catch(hydratedError);
|
|
5166
5223
|
} catch (e) {
|
|
5167
5224
|
hydratedError(e);
|
|
5168
5225
|
}
|
|
5169
5226
|
}
|
|
5170
|
-
async function hydrateComponent(win2, results, tagName, elm, waitingElements) {
|
|
5227
|
+
async function hydrateComponent(win2, results, tagName, elm, waitingElements, aborted) {
|
|
5171
5228
|
tagName = tagName.toLowerCase();
|
|
5172
5229
|
const Cstr = loadModule(
|
|
5173
5230
|
{
|
|
@@ -5183,17 +5240,19 @@ async function hydrateComponent(win2, results, tagName, elm, waitingElements) {
|
|
|
5183
5240
|
addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
|
|
5184
5241
|
try {
|
|
5185
5242
|
connectedCallback(elm);
|
|
5186
|
-
await elm.componentOnReady();
|
|
5187
|
-
|
|
5188
|
-
|
|
5189
|
-
|
|
5190
|
-
|
|
5191
|
-
results.components.
|
|
5192
|
-
|
|
5193
|
-
|
|
5194
|
-
|
|
5195
|
-
|
|
5196
|
-
|
|
5243
|
+
const wasAborted = await Promise.race([elm.componentOnReady().then(() => false), aborted.then(() => true)]);
|
|
5244
|
+
if (!wasAborted) {
|
|
5245
|
+
results.hydratedCount++;
|
|
5246
|
+
const ref = getHostRef(elm);
|
|
5247
|
+
const modeName = !(ref == null ? void 0 : ref.$modeName$) ? "$" : ref == null ? void 0 : ref.$modeName$;
|
|
5248
|
+
if (!results.components.some((c) => c.tag === tagName && c.mode === modeName)) {
|
|
5249
|
+
results.components.push({
|
|
5250
|
+
tag: tagName,
|
|
5251
|
+
mode: modeName,
|
|
5252
|
+
count: 0,
|
|
5253
|
+
depth: -1
|
|
5254
|
+
});
|
|
5255
|
+
}
|
|
5197
5256
|
}
|
|
5198
5257
|
} catch (e) {
|
|
5199
5258
|
win2.console.error(e);
|
|
@@ -8858,14 +8917,19 @@ class Button {
|
|
|
8858
8917
|
});
|
|
8859
8918
|
}
|
|
8860
8919
|
get effectiveType() {
|
|
8861
|
-
|
|
8920
|
+
// `type` é opcional: omitido usa `button` sem aviso; só valores inválidos geram diagnóstico.
|
|
8921
|
+
const type = resolveAllowedPropValue(this.el, 'type', this.type, BUTTON_TYPES, 'button', {
|
|
8922
|
+
allowUndefined: true,
|
|
8923
|
+
allowNull: true,
|
|
8924
|
+
});
|
|
8925
|
+
return (type ?? 'button');
|
|
8862
8926
|
}
|
|
8863
8927
|
get effectiveAriaHaspopup() {
|
|
8864
8928
|
return resolveAllowedPropValue(this.el, 'ariaHaspopup', this.ariaHaspopup, BUTTON_ARIA_HASPOPUP_VALUES, null, { allowNull: true });
|
|
8865
8929
|
}
|
|
8866
8930
|
render() {
|
|
8867
8931
|
const disabled = this.disabled || this.formDisabled;
|
|
8868
|
-
return (hAsync(Host, { key: '
|
|
8932
|
+
return (hAsync(Host, { key: '5e2b11f3d6382035f2babd6e1c359b281e77f7c5' }, hAsync("button", { key: 'c6e96629a694539b350602bcafd244f25ed77934', ref: (element) => (this.nativeButton = element), part: "button", "aria-label": this.ariaLabel || null, "aria-pressed": this.ariaPressed || null, "aria-disabled": disabled ? 'true' : null, "aria-busy": (this.loading ?? this.isLoading) ? 'true' : null, "aria-expanded": this.ariaExpanded || null, "aria-haspopup": this.effectiveAriaHaspopup, "aria-controls": this.ariaControls || null, class: this.getCssClassMap(), type: this.effectiveType, id: this.customId, disabled: disabled, value: this.value, tabindex: this.el.hasAttribute('tabindex') ? this.el.tabIndex : this.effectiveCustomTabIndex, onClick: this.handleClick }, (this.loading ?? this.isLoading) && hAsync("span", { key: '721f149c9476589a42ff6aacd267a2b43bd07e8f', class: "loading-sr-only" }, "Carregando"), hAsync("slot", { key: '24bc9d858f78fd0d147617a6250bc88378feb5e3' }))));
|
|
8869
8933
|
}
|
|
8870
8934
|
static get delegatesFocus() { return true; }
|
|
8871
8935
|
static get formAssociated() { return true; }
|
|
@@ -10149,6 +10213,23 @@ const getCheckableFormValue = (checked, value, fallback = 'on') => {
|
|
|
10149
10213
|
const getCheckableRestoreState = (checked) => {
|
|
10150
10214
|
return checked ? 'checked' : 'unchecked';
|
|
10151
10215
|
};
|
|
10216
|
+
/**
|
|
10217
|
+
* Submissão implícita (Enter em campo de texto) conforme a especificação HTML,
|
|
10218
|
+
* para controles cujo campo nativo fica no Shadow DOM e não pertence ao `<form>`.
|
|
10219
|
+
* O botão padrão é o primeiro elemento do formulário com `type="submit"`
|
|
10220
|
+
* (nativo ou `br-button`); se estiver desabilitado, não há envio. Botões nativos
|
|
10221
|
+
* são acionados para preservar o `submitter`; nos demais casos usa `requestSubmit()`.
|
|
10222
|
+
*/
|
|
10223
|
+
function submitImplicitly(form) {
|
|
10224
|
+
const defaultButton = Array.from(form.elements).find((element) => element.type === 'submit');
|
|
10225
|
+
if (defaultButton?.disabled)
|
|
10226
|
+
return;
|
|
10227
|
+
if (defaultButton instanceof HTMLButtonElement || defaultButton instanceof HTMLInputElement) {
|
|
10228
|
+
defaultButton.click();
|
|
10229
|
+
return;
|
|
10230
|
+
}
|
|
10231
|
+
form.requestSubmit();
|
|
10232
|
+
}
|
|
10152
10233
|
|
|
10153
10234
|
const GLOBAL_IDENTIFIER = /^[A-Za-z_$][\w$]*(?:\.[A-Za-z_$][\w$]*)*$/;
|
|
10154
10235
|
const SAFE_INLINE_EXPRESSION = /^\(?\s*([A-Za-z_$][\w$]*)\s*\)?\s*=>\s*\1\s*(===|!==)\s*(['"])(.*?)\3\s*\?\s*(['"])(.*?)\5\s*:\s*(null|undefined|''|"")\s*$/s;
|
|
@@ -11065,7 +11146,7 @@ class Checkgroup {
|
|
|
11065
11146
|
}; }
|
|
11066
11147
|
}
|
|
11067
11148
|
|
|
11068
|
-
const collapseCss = () => `*,*::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{display:block;width:100%}:host([color-mode=dark]){--collapse-color:var(--pure-0, #fff);--collapse-hover:rgb(var(--color-rgb), var(--hover));--collapse-border-color:var(--color-secondary-07, #555)}:host([divider]) .br-collapse{border-bottom:1px solid var(--collapse-border-color, var(--border-color, var(--color-secondary-04, #e5e5e5)))}:host .br-collapse{color:var(--collapse-color, var(--color, inherit))}:host .br-collapse .trigger{display:flex;justify-content:center;align-items:center}:host .br-collapse .trigger:not(:disabled):hover,:host .br-collapse .trigger:not(:disabled):focus-visible{background-image:linear-gradient(var(--collapse-hover, rgb(var(--color-rgb), var(--hover))), var(--collapse-hover, rgb(var(--color-rgb), var(--hover))))}:host .br-collapse .trigger-content{flex:1 1 auto !important}:host .br-collapse .content{overflow:hidden;opacity:1}:host .br-collapse br-icon{color:var(--interactive);pointer-events:none}:host details{width:100%}:host details summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;height:48px;outline:none}:host details summary::-webkit-details-marker{display:none}:host details summary:focus-visible{outline:var(--focus-width) var(--focus-style) var(--focus)}:host details[open] .content{animation:none}@media (prefers-reduced-motion: no-preference){:host details[open] .content{animation:collapse-content-open var(--duration-fast, 300ms) var(--animation-ease-out, ease-out) both}}:host details.trigger-button summary{width:max-content;min-width:40px;border-radius:var(--surface-border-radius-sm, 4px)}:host details.trigger-text summary{width:max-content;padding-inline:0}:host details.direction-up .content{display:flex;flex-direction:column-reverse}:host details.direction-right,:host details.direction-left{display:flex;align-items:flex-start}:host details.direction-right summary,:host details.direction-left summary{flex:0 0 auto}:host details.direction-right .content,:host details.direction-left .content{flex:1 1 auto;min-width:0}:host details.direction-left{flex-direction:row-reverse}:host .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}@keyframes collapse-content-open{from{opacity:0}to{opacity:1}}`;
|
|
11149
|
+
const collapseCss = () => `*,*::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{display:block;width:100%}:host([color-mode=dark]){--collapse-color:var(--pure-0, #fff);--collapse-hover:rgb(var(--color-rgb), var(--hover));--collapse-border-color:var(--color-secondary-07, #555)}:host([divider]) .br-collapse{border-bottom:1px solid var(--collapse-border-color, var(--border-color, var(--color-secondary-04, #e5e5e5)))}:host .br-collapse{color:var(--collapse-color, var(--color, inherit))}:host .br-collapse .trigger{display:flex;justify-content:center;align-items:center}:host .br-collapse .trigger:not(:disabled):hover,:host .br-collapse .trigger:not(:disabled):focus-visible{background-image:linear-gradient(var(--collapse-hover, rgb(var(--color-rgb), var(--hover))), var(--collapse-hover, rgb(var(--color-rgb), var(--hover))))}:host .br-collapse .trigger-content{flex:1 1 auto !important}:host .br-collapse .content{overflow:hidden;opacity:1}:host .br-collapse br-icon,:host .br-collapse .collapse-icon{color:var(--interactive);pointer-events:none}:host .br-collapse .collapse-icon{display:inline-flex;align-items:center}:host details{width:100%}:host details summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;height:48px;outline:none}:host details summary::-webkit-details-marker{display:none}:host details summary:focus-visible{outline:var(--focus-width) var(--focus-style) var(--focus)}:host details[open] .content{animation:none}@media (prefers-reduced-motion: no-preference){:host details[open] .content{animation:collapse-content-open var(--duration-fast, 300ms) var(--animation-ease-out, ease-out) both}}:host details.trigger-button summary{width:max-content;min-width:40px;border-radius:var(--surface-border-radius-sm, 4px)}:host details.trigger-text summary{width:max-content;padding-inline:0}:host details.direction-up .content{display:flex;flex-direction:column-reverse}:host details.direction-right,:host details.direction-left{display:flex;align-items:flex-start}:host details.direction-right summary,:host details.direction-left summary{flex:0 0 auto}:host details.direction-right .content,:host details.direction-left .content{flex:1 1 auto;min-width:0}:host details.direction-left{flex-direction:row-reverse}:host .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}@keyframes collapse-content-open{from{opacity:0}to{opacity:1}}`;
|
|
11069
11150
|
|
|
11070
11151
|
/**
|
|
11071
11152
|
* O componente `br-collapse` é o controle retrátil do GovBR-DS baseado no elemento semântico HTML5 `<details>`, desenvolvido para permitir que a pessoa usuária expanda ou recolha seções de conteúdo sob demanda.
|
|
@@ -11099,6 +11180,8 @@ const collapseCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line
|
|
|
11099
11180
|
* @see br-list
|
|
11100
11181
|
* @slot default - Slot para o conteúdo expansível exibido ao abrir o collapse.
|
|
11101
11182
|
* @slot trigger - Slot para personalizar o acionador (texto, ícones, imagens, etc.).
|
|
11183
|
+
* @slot icon-to-show - Ícone exibido quando o conteúdo está oculto (ex.: `<i slot="icon-to-show" class="fas fa-plus"></i>`). Forma preferida para ícones por classe CSS; tem precedência sobre a prop `iconToShow`.
|
|
11184
|
+
* @slot icon-to-hide - Ícone exibido quando o conteúdo está visível. Forma preferida para ícones por classe CSS; tem precedência sobre a prop `iconToHide`.
|
|
11102
11185
|
*
|
|
11103
11186
|
* @part details - Elemento details nativo do collapse.
|
|
11104
11187
|
* @part trigger - Acionador (summary) do collapse.
|
|
@@ -11135,11 +11218,13 @@ class Collapse {
|
|
|
11135
11218
|
*/
|
|
11136
11219
|
this.accordionGroup = null;
|
|
11137
11220
|
/**
|
|
11138
|
-
* Identificador do ícone exibido quando o conteúdo está oculto. O valor padrão usa o registro SVG local.
|
|
11221
|
+
* Identificador Iconify do ícone exibido quando o conteúdo está oculto. O valor padrão usa o registro SVG local.
|
|
11222
|
+
* Para ícones por classe CSS, use o slot `icon-to-show`.
|
|
11139
11223
|
*/
|
|
11140
11224
|
this.iconToShow = 'fa6-solid:chevron-down';
|
|
11141
11225
|
/**
|
|
11142
|
-
* Identificador do ícone exibido quando o conteúdo está visível. O valor padrão usa o registro SVG local.
|
|
11226
|
+
* Identificador Iconify do ícone exibido quando o conteúdo está visível. O valor padrão usa o registro SVG local.
|
|
11227
|
+
* Para ícones por classe CSS, use o slot `icon-to-hide`.
|
|
11143
11228
|
*/
|
|
11144
11229
|
this.iconToHide = 'fa6-solid:chevron-up';
|
|
11145
11230
|
/**
|
|
@@ -11297,13 +11382,15 @@ class Collapse {
|
|
|
11297
11382
|
renderIcon() {
|
|
11298
11383
|
if (!this.useIcons)
|
|
11299
11384
|
return null;
|
|
11300
|
-
|
|
11385
|
+
// Somente o slot do estado atual é renderizado; o ícone do outro estado fica sem exibição.
|
|
11386
|
+
// O indicador é decorativo: o estado aberto/fechado é exposto pelo <details>.
|
|
11387
|
+
return (hAsync("span", { class: "collapse-icon", "aria-hidden": "true" }, hAsync("slot", { key: this.open ? 'icon-to-hide' : 'icon-to-show', name: this.open ? 'icon-to-hide' : 'icon-to-show' }, hAsync("br-icon", { iconName: this.open ? this.iconToHide : this.iconToShow, width: "16", height: "16" }))));
|
|
11301
11388
|
}
|
|
11302
11389
|
/**
|
|
11303
11390
|
* Renderiza o <details> com acionador e conteúdo expansível.
|
|
11304
11391
|
*/
|
|
11305
11392
|
render() {
|
|
11306
|
-
return (hAsync(Host, { key: '
|
|
11393
|
+
return (hAsync(Host, { key: 'bf10bbff3440e05282b662a3817ccc762eee3404', "color-mode": this.effectiveColorMode }, hAsync("details", { key: '67ef0fec3b7c0b548edcf5c52de258246a91222e', class: `br-collapse direction-${this.effectiveExpansionDirection} trigger-${this.effectiveTriggerVariant}`, open: this.open, onToggle: this.handleCollapse, id: this.customId, part: "details" }, hAsync("summary", { key: '79e0e30c81e131ef858223b671419c48f7ee22a0', class: "trigger", part: "trigger", "aria-controls": `content-${this.customId}` }, this.effectiveIconPosition === 'left' && this.renderIcon(), hAsync("div", { key: 'fa8269d8018635fa489c143169f4017bbdb55801', class: "trigger-content", id: `label-${this.customId}` }, hAsync("slot", { key: '3cf06a920c59b82bb059f21c3f05af6e5a2ba3a6', name: "trigger" })), this.effectiveIconPosition === 'right' && this.renderIcon()), hAsync("div", { key: '16b65ad7f85a12f2c12644e989fb44517defa839', class: "content", id: `content-${this.customId}`, part: "content", "aria-hidden": String(!this.open) }, this.open && this.itemCount > 0 && (hAsync("div", { key: '523b557090ade272ab11a0aba74cf0a35d235200', class: "visually-hidden" }, this.itemCount, " ", this.itemCount === 1 ? 'item' : 'itens', " na lista")), hAsync("slot", { key: '8adfe65ca18650542e04e9621334364ec3cb5690', onSlotchange: (event) => this.updateItemCount(event.currentTarget) })))));
|
|
11307
11394
|
}
|
|
11308
11395
|
get el() { return getElement(this); }
|
|
11309
11396
|
static get style() { return collapseCss(); }
|
|
@@ -25949,12 +26036,9 @@ class Dropdown {
|
|
|
25949
26036
|
else if (event.key === 'ArrowDown' && this.isOpen) {
|
|
25950
26037
|
event.preventDefault();
|
|
25951
26038
|
this.initializeDropdownItems();
|
|
25952
|
-
|
|
25953
|
-
|
|
25954
|
-
|
|
25955
|
-
else if (this.dropdownItems.length > 0) {
|
|
25956
|
-
this.focusOnElement(this.dropdownItems[0]);
|
|
25957
|
-
}
|
|
26039
|
+
const [firstFocusable] = this.getTabCycle();
|
|
26040
|
+
if (firstFocusable)
|
|
26041
|
+
this.focusOnElement(firstFocusable);
|
|
25958
26042
|
}
|
|
25959
26043
|
};
|
|
25960
26044
|
this.handleTriggerSlotChange = () => {
|
|
@@ -25978,8 +26062,9 @@ class Dropdown {
|
|
|
25978
26062
|
this.isOpen = !this.isOpen;
|
|
25979
26063
|
};
|
|
25980
26064
|
/**
|
|
25981
|
-
* Handler para eventos de keydown nos itens não-link
|
|
25982
|
-
*
|
|
26065
|
+
* Handler para eventos de keydown nos itens não-link.
|
|
26066
|
+
* Setas, Home e End navegam entre estes itens; Tab percorre o ciclo único
|
|
26067
|
+
* (links e itens na ordem do documento).
|
|
25983
26068
|
*/
|
|
25984
26069
|
this.handleItemKeydown = (event) => {
|
|
25985
26070
|
const item = event.currentTarget;
|
|
@@ -26021,6 +26106,8 @@ class Dropdown {
|
|
|
26021
26106
|
this.focusOnTriggerElement();
|
|
26022
26107
|
break;
|
|
26023
26108
|
case 'Tab':
|
|
26109
|
+
event.preventDefault();
|
|
26110
|
+
this.cycleTabFocus(item, event.shiftKey);
|
|
26024
26111
|
break;
|
|
26025
26112
|
case 'Escape':
|
|
26026
26113
|
event.preventDefault();
|
|
@@ -26030,13 +26117,11 @@ class Dropdown {
|
|
|
26030
26117
|
}
|
|
26031
26118
|
};
|
|
26032
26119
|
/**
|
|
26033
|
-
* Handler específico para links
|
|
26120
|
+
* Handler específico para links. Tab percorre o ciclo único (links e itens).
|
|
26034
26121
|
*/
|
|
26035
26122
|
this.handleLinkKeydown = (event) => {
|
|
26036
26123
|
const link = event.currentTarget;
|
|
26037
26124
|
const key = event.key;
|
|
26038
|
-
const linkIndex = this.dropdownLinks.indexOf(link);
|
|
26039
|
-
const lastLinkIndex = this.dropdownLinks.length - 1;
|
|
26040
26125
|
switch (key) {
|
|
26041
26126
|
case 'ArrowUp':
|
|
26042
26127
|
case 'ArrowDown':
|
|
@@ -26047,22 +26132,7 @@ class Dropdown {
|
|
|
26047
26132
|
break;
|
|
26048
26133
|
case 'Tab':
|
|
26049
26134
|
event.preventDefault();
|
|
26050
|
-
|
|
26051
|
-
if (linkIndex >= lastLinkIndex) {
|
|
26052
|
-
this.focusOnElement(this.dropdownLinks[0]);
|
|
26053
|
-
}
|
|
26054
|
-
else {
|
|
26055
|
-
this.focusOnElement(this.dropdownLinks[linkIndex + 1]);
|
|
26056
|
-
}
|
|
26057
|
-
}
|
|
26058
|
-
else {
|
|
26059
|
-
if (linkIndex <= 0) {
|
|
26060
|
-
this.focusOnElement(this.dropdownLinks[lastLinkIndex]);
|
|
26061
|
-
}
|
|
26062
|
-
else {
|
|
26063
|
-
this.focusOnElement(this.dropdownLinks[linkIndex - 1]);
|
|
26064
|
-
}
|
|
26065
|
-
}
|
|
26135
|
+
this.cycleTabFocus(link, event.shiftKey);
|
|
26066
26136
|
break;
|
|
26067
26137
|
case 'Enter':
|
|
26068
26138
|
case ' ':
|
|
@@ -26271,6 +26341,22 @@ class Dropdown {
|
|
|
26271
26341
|
* Foca em um elemento específico com suporte a componentes personalizados
|
|
26272
26342
|
* @param targetElement Elemento a receber o foco
|
|
26273
26343
|
*/
|
|
26344
|
+
/**
|
|
26345
|
+
* Links e demais itens focáveis do target na ordem do documento. O Tab percorre
|
|
26346
|
+
* esta sequência única para que listas mistas (links e botões) sejam alcançáveis.
|
|
26347
|
+
*/
|
|
26348
|
+
getTabCycle() {
|
|
26349
|
+
return [...new Set([...this.dropdownLinks, ...this.dropdownItems])].sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
|
|
26350
|
+
}
|
|
26351
|
+
/** Move o foco para o próximo (ou anterior, com Shift) elemento do ciclo de Tab. */
|
|
26352
|
+
cycleTabFocus(current, backwards) {
|
|
26353
|
+
const cycle = this.getTabCycle();
|
|
26354
|
+
const index = cycle.indexOf(current);
|
|
26355
|
+
if (index === -1 || cycle.length === 0)
|
|
26356
|
+
return;
|
|
26357
|
+
const nextIndex = backwards ? (index - 1 + cycle.length) % cycle.length : (index + 1) % cycle.length;
|
|
26358
|
+
this.focusOnElement(cycle[nextIndex]);
|
|
26359
|
+
}
|
|
26274
26360
|
focusOnElement(targetElement, scrollIntoView = true) {
|
|
26275
26361
|
if (targetElement && targetElement !== this.el) {
|
|
26276
26362
|
if ('setFocus' in targetElement) {
|
|
@@ -26383,7 +26469,7 @@ class Dropdown {
|
|
|
26383
26469
|
}
|
|
26384
26470
|
/**
|
|
26385
26471
|
* Inicializa os itens do dropdown com comportamentos de navegação com teclado,
|
|
26386
|
-
* separando
|
|
26472
|
+
* separando links e demais itens (setas navegam entre itens; Tab percorre ambos na ordem do documento)
|
|
26387
26473
|
*/
|
|
26388
26474
|
initializeDropdownItems() {
|
|
26389
26475
|
if (this.targetElement === null)
|
|
@@ -26419,13 +26505,10 @@ class Dropdown {
|
|
|
26419
26505
|
this.dropdownLinks.forEach((link) => {
|
|
26420
26506
|
link.addEventListener('keydown', this.handleLinkKeydown);
|
|
26421
26507
|
});
|
|
26422
|
-
|
|
26423
|
-
|
|
26424
|
-
this.
|
|
26425
|
-
|
|
26426
|
-
else if (this.dropdownItems.length > 0) {
|
|
26427
|
-
this.focusOnElement(this.dropdownItems[0], false);
|
|
26428
|
-
this.focusableElement = this.dropdownItems[0];
|
|
26508
|
+
const [firstFocusable] = this.getTabCycle();
|
|
26509
|
+
if (firstFocusable) {
|
|
26510
|
+
this.focusOnElement(firstFocusable, false);
|
|
26511
|
+
this.focusableElement = firstFocusable;
|
|
26429
26512
|
}
|
|
26430
26513
|
}
|
|
26431
26514
|
/**
|
|
@@ -26504,7 +26587,7 @@ class Dropdown {
|
|
|
26504
26587
|
}
|
|
26505
26588
|
}
|
|
26506
26589
|
render() {
|
|
26507
|
-
return (hAsync(Host, { key: '
|
|
26590
|
+
return (hAsync(Host, { key: '306aeab7e1c86dec82b657dc8c83819410e155ac', "is-open": this.isOpen, placement: this.effectivePlacement, "prevent-auto-dismiss": this.preventAutoDismiss, disabled: this.disabled, "arrow-position": this.effectiveArrowPosition }, hAsync("div", { key: 'ee8143f80653848dd7d906ac2ddc9f68fa22c12d', class: this.getCssClassMap(), id: this.customId }, hAsync("div", { key: '2810078788ecbfbe797bad9f46799072fc0ff105', id: "trigger", part: "trigger", role: "group", onClick: this.disabled ? null : this.toggle, onKeyDown: (e) => (this.disabled ? null : this.triggerKeydownHandler(e)) }, this.showArrow && this.effectiveArrowPosition === 'left' ? (hAsync("br-icon", { iconName: this.isOpen ? 'fa6-solid:caret-up' : 'fa6-solid:caret-down', "aria-hidden": "true", part: "trigger-arrow", width: "16", height: "16" })) : null, hAsync("slot", { key: 'c2873fc62e4e2407dbbbc4b347d9aafea80458cf', name: "trigger", onSlotchange: this.handleTriggerSlotChange }), this.showArrow && this.effectiveArrowPosition === 'right' ? (hAsync("br-icon", { iconName: this.isOpen ? 'fa6-solid:caret-up' : 'fa6-solid:caret-down', "aria-hidden": "true", part: "trigger-arrow", width: "16", height: "16" })) : null), hAsync("div", { key: '61d81296b1254a25d435b5a3bbb9c8d1fd79ed6f', id: "target", part: "target", "aria-hidden": this.isOpen ? 'false' : 'true' }, hAsync("slot", { key: 'fa0cf2c941124bb3697315c60d88fbc53ded4b30', name: "target" })))));
|
|
26508
26591
|
}
|
|
26509
26592
|
get el() { return getElement(this); }
|
|
26510
26593
|
static get watchers() { return {
|
|
@@ -27281,6 +27364,8 @@ const HeaderSlotNames = {
|
|
|
27281
27364
|
const ALL_BREAKPOINTS = BreakpointObserver.getBreakpoints('from', BREAKPOINTS.X_SMALL);
|
|
27282
27365
|
const FROM_SMALL_BREAKPOINTS = BreakpointObserver.getBreakpoints('from', BREAKPOINTS.SMALL);
|
|
27283
27366
|
const UNTIL_MEDIUM_BREAKPOINTS = BreakpointObserver.getBreakpoints('until', BREAKPOINTS.MEDIUM);
|
|
27367
|
+
/** Diferença máxima, em px, tratada como arredondamento de layout e não como estouro das listas. */
|
|
27368
|
+
const LIST_OVERFLOW_TOLERANCE = 1;
|
|
27284
27369
|
function createHeaderAreaConfig(name, loose = ALL_BREAKPOINTS, compact = ALL_BREAKPOINTS, options = {}) {
|
|
27285
27370
|
return {
|
|
27286
27371
|
cssClassMap: {
|
|
@@ -27458,6 +27543,8 @@ class Header {
|
|
|
27458
27543
|
this.compactFromScroll = false;
|
|
27459
27544
|
this.headerResizeBatcher = createRafBatcher(() => {
|
|
27460
27545
|
this.emitHeaderWidthChange({ id: this.customId, listNames: ['links', 'functions'], shrink: false });
|
|
27546
|
+
// Listas já expandidas não emitem headerListUpdate; sem esta verificação, estreitar o cabeçalho não as recolhe.
|
|
27547
|
+
this.verifyListSpace(this.effectiveShrinkFirst);
|
|
27461
27548
|
});
|
|
27462
27549
|
this.handleNavigation = (event, href) => {
|
|
27463
27550
|
handleNavigationClick({
|
|
@@ -27613,7 +27700,14 @@ class Header {
|
|
|
27613
27700
|
});
|
|
27614
27701
|
this.slotContentObserver.observe(this.el, { childList: true });
|
|
27615
27702
|
if (typeof ResizeObserver !== 'undefined') {
|
|
27616
|
-
this.headerResizeObserver = new ResizeObserver(() =>
|
|
27703
|
+
this.headerResizeObserver = new ResizeObserver(([entry]) => {
|
|
27704
|
+
// Recolher uma lista altera só a altura do host; reagir a ela reexpandiria as listas em laço.
|
|
27705
|
+
const width = entry.contentRect.width;
|
|
27706
|
+
if (width === this.observedHostWidth)
|
|
27707
|
+
return;
|
|
27708
|
+
this.observedHostWidth = width;
|
|
27709
|
+
this.handleListResize();
|
|
27710
|
+
});
|
|
27617
27711
|
this.headerResizeObserver.observe(this.el);
|
|
27618
27712
|
}
|
|
27619
27713
|
queueMicrotask(() => this.syncScrollListener());
|
|
@@ -27867,30 +27961,23 @@ class Header {
|
|
|
27867
27961
|
const shadowRoot = this.el.shadowRoot;
|
|
27868
27962
|
if (!shadowRoot)
|
|
27869
27963
|
return;
|
|
27870
|
-
|
|
27871
|
-
|
|
27872
|
-
|
|
27873
|
-
let totalWidth = 0;
|
|
27874
|
-
let bottomLeftWidth = 0;
|
|
27875
|
-
let topLeftWidth = 0;
|
|
27876
|
-
let topRightWidth = 0;
|
|
27964
|
+
// Larguras fracionárias (zoom, DPI) evitam o falso estouro de 1px causado pelo arredondamento de clientWidth.
|
|
27965
|
+
const widthOf = (element) => element?.getBoundingClientRect().width || 0;
|
|
27966
|
+
const topRightWidth = widthOf(shadowRoot.querySelector('.header-top-right'));
|
|
27877
27967
|
let availableWidth = 0;
|
|
27878
27968
|
if (this.isCompact) {
|
|
27879
|
-
style = window.getComputedStyle(this.el);
|
|
27880
|
-
paddingLeft = parseFloat(style.paddingLeft) || 0;
|
|
27881
|
-
paddingRight = parseFloat(style.paddingRight) || 0;
|
|
27882
|
-
totalWidth = this.el
|
|
27883
|
-
|
|
27884
|
-
topRightWidth = shadowRoot.querySelector('.header-top-right')?.clientWidth || 0;
|
|
27885
|
-
availableWidth = totalWidth - bottomLeftWidth;
|
|
27969
|
+
const style = window.getComputedStyle(this.el);
|
|
27970
|
+
const paddingLeft = parseFloat(style.paddingLeft) || 0;
|
|
27971
|
+
const paddingRight = parseFloat(style.paddingRight) || 0;
|
|
27972
|
+
const totalWidth = widthOf(this.el) - paddingLeft - paddingRight;
|
|
27973
|
+
availableWidth = totalWidth - widthOf(shadowRoot.querySelector('.header-bottom-left'));
|
|
27886
27974
|
}
|
|
27887
27975
|
else {
|
|
27888
|
-
totalWidth = shadowRoot.querySelector('.header-top')
|
|
27889
|
-
|
|
27890
|
-
topRightWidth = shadowRoot.querySelector('.header-top-right')?.clientWidth || 0;
|
|
27891
|
-
availableWidth = totalWidth - topLeftWidth;
|
|
27976
|
+
const totalWidth = widthOf(shadowRoot.querySelector('.header-top'));
|
|
27977
|
+
availableWidth = totalWidth - widthOf(shadowRoot.querySelector('.header-top-left'));
|
|
27892
27978
|
}
|
|
27893
|
-
|
|
27979
|
+
// A área da direita cresce com flex: 1 0 auto e só excede a sobra quando o conteúdo realmente não cabe.
|
|
27980
|
+
const isOverflowing = topRightWidth - availableWidth > LIST_OVERFLOW_TOLERANCE;
|
|
27894
27981
|
if (isOverflowing) {
|
|
27895
27982
|
this.emitHeaderWidthChange({ id: this.customId, listNames: [listName], shrink: true });
|
|
27896
27983
|
}
|
|
@@ -27974,7 +28061,7 @@ class Header {
|
|
|
27974
28061
|
* @returns JSX.Element
|
|
27975
28062
|
*/
|
|
27976
28063
|
render() {
|
|
27977
|
-
return (hAsync(Host, { key: '
|
|
28064
|
+
return (hAsync(Host, { key: 'f9c1811e19d3155c8cd092249777d830f4950c82', className: "mb-4" }, hAsync("header", { key: '09b9c824f5d2a090e3197efe17940fbc37ec606d', id: this.customId, class: this.getCssClassMap(), "data-layout": this.effectiveCompact && !this.hasBrandContent ? 'compact-no-brand' : null, part: "header" }, hAsync("div", { key: 'b4cb3cc62b799e563db4bfbef10d41ff4652748f', class: this.effectiveLayoutWidth === 'full' ? 'container-fluid' : 'container-lg' }, hAsync("div", { key: '35f0e670b56c634a35a47e117717609f2f5620e4', class: "header-top", part: "top" }, hAsync("div", { key: '2d86ace76e4269ae16e1630df2737d7ffb80bbb8', class: "header-top-left", part: "top-left" }, this.renderHeaderArea(HeaderSlotNames.LOGO), this.renderDivider(HeaderSlotNames.LOGO, [HeaderSlotNames.SIGNATURE]), this.renderHeaderArea(HeaderSlotNames.SIGNATURE)), hAsync("div", { key: '6b3e306e165f762aedce47ce5c9653ef7069bb1a', class: "header-top-right", part: "top-right" }, this.renderHeaderArea(HeaderSlotNames.LINKS), this.renderDivider(HeaderSlotNames.LINKS, [HeaderSlotNames.FUNCTIONS, HeaderSlotNames.SEARCH_ICON]), this.renderHeaderArea(HeaderSlotNames.FUNCTIONS), this.renderDivider(HeaderSlotNames.FUNCTIONS, [HeaderSlotNames.SEARCH_ICON]), this.renderHeaderArea(HeaderSlotNames.SEARCH_ICON), this.renderHeaderArea(HeaderSlotNames.ACCESS))), hAsync("div", { key: '889059da1e620369acd6bff140fcc8e6b1e2a461', class: "header-bottom", part: "bottom" }, hAsync("div", { key: '0eba19312da18c0d1b3e12fb2c46ded0097d01df', class: "header-bottom-left", part: "bottom-left" }, this.renderHeaderArea(HeaderSlotNames.MENU_TRIGGER), hAsync("div", { key: 'a7adafc96b4f736adde689a8d74dbf7b8af121e3', class: "header-caption-wrapper" }, this.renderHeaderArea(HeaderSlotNames.CAPTION), this.renderHeaderArea(HeaderSlotNames.SUBCAPTION))), hAsync("div", { key: '7344323c712d9505d50a5f682edda7d67ad681b4', class: {
|
|
27978
28065
|
'header-bottom-right': true,
|
|
27979
28066
|
'is-active': this.headerArea[HeaderSlotNames.SEARCH]?.isActive,
|
|
27980
28067
|
}, part: "bottom-right" }, this.renderHeaderArea(HeaderSlotNames.SEARCH)))))));
|
|
@@ -29196,6 +29283,14 @@ function sanitizeSvgMarkup(markup) {
|
|
|
29196
29283
|
root.setAttribute('focusable', 'false');
|
|
29197
29284
|
return root.outerHTML;
|
|
29198
29285
|
}
|
|
29286
|
+
/**
|
|
29287
|
+
* Indica se um valor de ícone é uma lista de classes CSS (ex.: `fas fa-bell`), e não um
|
|
29288
|
+
* identificador Iconify (`fa6-solid:bell`). Classes CSS não funcionam dentro do Shadow DOM,
|
|
29289
|
+
* porque os estilos globais do Font Awesome não o atravessam; nesses casos use um slot.
|
|
29290
|
+
*/
|
|
29291
|
+
function isIconClassList(value) {
|
|
29292
|
+
return typeof value === 'string' && /\s/.test(value.trim());
|
|
29293
|
+
}
|
|
29199
29294
|
|
|
29200
29295
|
const iconCss = () => `*,*::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{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icon-color, currentColor);line-height:1;vertical-align:middle}:host iconify-icon,:host img,:host span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:contain;transform-origin:center}:host iconify-icon:focus:focus,:host img:focus:focus,:host span:focus:focus{outline:none}:host iconify-icon:focus.focus-visible,:host iconify-icon:focus:focus-visible,:host img:focus.focus-visible,:host img:focus:focus-visible,:host span:focus.focus-visible,:host span:focus:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host span{overflow:hidden}:host slot::slotted(*){max-width:100%;max-height:100%}:host span svg{width:100%;height:100%}:host svg{display:block;width:100%;height:100%}:host([is-inline]),:host([inline]){display:inline}`;
|
|
29201
29296
|
|
|
@@ -29512,7 +29607,7 @@ function setPartAttributes(el, part, exportparts) {
|
|
|
29512
29607
|
}
|
|
29513
29608
|
}
|
|
29514
29609
|
|
|
29515
|
-
const inputCss = () => `*,*::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-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{flex:1}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{box-sizing:border-box;display:block;margin-bottom:var(--spacing-scale-base);max-width:100%;width:100%}:host .br-input .input-icon{margin:0 var(--spacing-scale-2x)}:host .br-input .input-icon+input{padding-left:var(--spacing-scale-6x)}:host([disabled]){opacity:1 !important}.br-input input::placeholder{font-size:var(--input-placeholder-font-size, inherit)}.br-input input[type=color]{width:100%;height:var(--input-size);padding:var(--spacing-scale-half);cursor:pointer}.br-input input[type=color]::-webkit-color-swatch-wrapper{padding:0;display:flex;align-items:center}.br-input input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input input[type=color]::-moz-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative}.br-input br-button.button-transform{transform:translateY(calc((var(--input-size) - 32px) * 0.5))}.br-input .input-label{margin-top:0 !important}.br-input.input-inline{display:flex;align-items:center}:host([borderless]) .br-input input{border-color:rgba(0,0,0,0)}:host([borderless]) .br-input input:focus,:host([borderless]) .br-input input:focus-visible{border-color:var(--border-color-alternative)}::slotted([slot=feedback]){display:none}::slotted(br-message[hidden]){display:none !important}:host([state]) ::slotted([slot=feedback]){display:block}`;
|
|
29610
|
+
const inputCss = () => `*,*::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-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{flex:1}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:rgba(0,0,0,0);padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{box-sizing:border-box;display:block;margin-bottom:var(--br-input-margin-bottom, var(--spacing-scale-base));max-width:100%;width:100%}:host .br-input .input-icon{margin:0 var(--spacing-scale-2x)}:host .br-input .input-icon+input{padding-left:var(--spacing-scale-6x)}:host([disabled]){opacity:1 !important}.br-input input::placeholder{font-size:var(--input-placeholder-font-size, inherit)}.br-input input[type=color]{width:100%;height:var(--input-size);padding:var(--spacing-scale-half);cursor:pointer}.br-input input[type=color]::-webkit-color-swatch-wrapper{padding:0;display:flex;align-items:center}.br-input input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input input[type=color]::-moz-color-swatch{border:1px solid var(--border-color-alternative);border-radius:calc(var(--surface-rounder-sm) - 2px);width:calc(var(--input-size) - var(--spacing-scale-2x));height:100%;box-sizing:border-box}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);padding:0;position:relative}.br-input br-button.button-transform{transform:translateY(calc((var(--input-size) - 32px) * 0.5))}.br-input .input-label{margin-top:0 !important}.br-input.input-inline{display:flex;align-items:center}:host([borderless]) .br-input input{border-color:rgba(0,0,0,0)}:host([borderless]) .br-input input:focus,:host([borderless]) .br-input input:focus-visible{border-color:var(--border-color-alternative)}::slotted([slot=feedback]){display:none}::slotted(br-message[hidden]){display:none !important}:host([state]) ::slotted([slot=feedback]){display:block}`;
|
|
29516
29611
|
|
|
29517
29612
|
const INPUT_STATES = ['info', 'warning', 'danger', 'success'];
|
|
29518
29613
|
const INPUT_AUTOCOMPLETE_VALUES = ['on', 'off'];
|
|
@@ -29716,6 +29811,25 @@ class Input {
|
|
|
29716
29811
|
}
|
|
29717
29812
|
};
|
|
29718
29813
|
this.nativeValueUpdate = false;
|
|
29814
|
+
/**
|
|
29815
|
+
* Reproduz a submissão implícita do `<input>` nativo: o campo interno fica no
|
|
29816
|
+
* Shadow DOM e não pertence ao `<form>` do documento. Segue o botão padrão do
|
|
29817
|
+
* formulário (o primeiro com `type="submit"`, inclusive `br-button`): se ele
|
|
29818
|
+
* estiver desabilitado, não há envio. A submissão ocorre depois do despacho da
|
|
29819
|
+
* tecla, para respeitar `preventDefault()` do consumidor e não ativar o elemento
|
|
29820
|
+
* que receber o foco durante o envio.
|
|
29821
|
+
*/
|
|
29822
|
+
this.handleKeyDown = (event) => {
|
|
29823
|
+
if (event.key !== 'Enter' || event.isComposing || event.altKey || event.ctrlKey || event.metaKey)
|
|
29824
|
+
return;
|
|
29825
|
+
const form = this.elementInternals?.form;
|
|
29826
|
+
if (!form || this.isDisabled())
|
|
29827
|
+
return;
|
|
29828
|
+
setTimeout(() => {
|
|
29829
|
+
if (!event.defaultPrevented)
|
|
29830
|
+
submitImplicitly(form);
|
|
29831
|
+
});
|
|
29832
|
+
};
|
|
29719
29833
|
this.renderInput = () => {
|
|
29720
29834
|
return (hAsync("input", { part: "input", "aria-label": this.ariaLabel || null, "aria-describedby": [
|
|
29721
29835
|
this.helpText ? `${this.customId}-help` : '',
|
|
@@ -29724,7 +29838,7 @@ class Input {
|
|
|
29724
29838
|
.filter(Boolean)
|
|
29725
29839
|
.join(' ') || null, "aria-errormessage": (this.hasFeedbackSlot || this.validatorMessage) && this.internalState === 'danger'
|
|
29726
29840
|
? `${this.customId}-feedback`
|
|
29727
|
-
: null, "aria-busy": this.isValidating ? 'true' : null, ref: (el) => (this.nativeInput = el), class: (this.highlight ?? this.isHighlight) ? 'input-highlight' : null, id: this.customId, style: this.controlWidth != null ? { width: this.controlWidth } : undefined, autocomplete: this.effectiveAutocomplete, disabled: this.isDisabled(), autoCorrect: this.autocorrect, min: this.effectiveMin, max: this.effectiveMax, minLength: this.effectiveMinLength, maxLength: this.effectiveMaxLength, multiple: this.multiple, name: this.name, pattern: this.pattern, step: this.effectiveStep, onInput: this.handleInput, onChange: this.handleChange, placeholder: this.placeholder, readonly: this.readonly, required: this.required, title: this.el.title, type: this.effectiveType, value: this.value }));
|
|
29841
|
+
: null, "aria-busy": this.isValidating ? 'true' : null, ref: (el) => (this.nativeInput = el), class: (this.highlight ?? this.isHighlight) ? 'input-highlight' : null, id: this.customId, style: this.controlWidth != null ? { width: this.controlWidth } : undefined, autocomplete: this.effectiveAutocomplete, disabled: this.isDisabled(), autoCorrect: this.autocorrect, min: this.effectiveMin, max: this.effectiveMax, minLength: this.effectiveMinLength, maxLength: this.effectiveMaxLength, multiple: this.multiple, name: this.name, pattern: this.pattern, step: this.effectiveStep, onInput: this.handleInput, onChange: this.handleChange, onKeyDown: this.handleKeyDown, placeholder: this.placeholder, readonly: this.readonly, required: this.required, title: this.el.title, type: this.effectiveType, value: this.value }));
|
|
29728
29842
|
};
|
|
29729
29843
|
/**
|
|
29730
29844
|
* Renderiza o texto de ajuda do input, considerando se está definido como string ou slot.
|
|
@@ -30210,7 +30324,7 @@ class Input {
|
|
|
30210
30324
|
* @returns JSX.Element representando o componente de input.
|
|
30211
30325
|
*/
|
|
30212
30326
|
render() {
|
|
30213
|
-
return (hAsync(Host, { key: '
|
|
30327
|
+
return (hAsync(Host, { key: '383344f7e7ce570bb24dbbea8c7a9be01bc5dc7c' }, hAsync("div", { key: '972ae0132482b837499d59efaa97504c4bb6f06a', class: this.getInputCssClassMap(), part: "container" }, this.renderLabel(), (this.inline ?? this.isInline) ? this.renderInlineInputContent() : this.renderInputContent(), this.renderFeedback(), this.renderValidationLoading())));
|
|
30214
30328
|
}
|
|
30215
30329
|
static get delegatesFocus() { return true; }
|
|
30216
30330
|
static get formAssociated() { return true; }
|
|
@@ -30641,7 +30755,8 @@ class Item {
|
|
|
30641
30755
|
return {
|
|
30642
30756
|
...baseAttributes,
|
|
30643
30757
|
role: isInteractiveDiv ? 'button' : null,
|
|
30644
|
-
|
|
30758
|
+
// Sem seleção (data-no-selection) o botão não alterna estado; aria-pressed seria um toggle falso.
|
|
30759
|
+
'aria-pressed': (isInteractiveDiv || this.effectiveButton) && this.selectionEnabled ? String(this.selectedValue) : null,
|
|
30645
30760
|
tabIndex: this.disabled || !isFocusableItem ? -1 : this.rovingTabIndex,
|
|
30646
30761
|
'aria-disabled': this.disabled ? 'true' : null,
|
|
30647
30762
|
'aria-current': this.effectiveActive ? 'true' : null,
|
|
@@ -30716,7 +30831,7 @@ class Item {
|
|
|
30716
30831
|
// posterior.
|
|
30717
30832
|
const hasSlotStart = this.hasSlotStart || this.hasSlotContent('start');
|
|
30718
30833
|
const hasSlotEnd = this.hasSlotEnd || this.hasSlotContent('end');
|
|
30719
|
-
return (hAsync(Host, { key: '
|
|
30834
|
+
return (hAsync(Host, { key: 'b6266f79224d7d88830f01607dbf5914363e27b1', tabindex: this.effectiveInteractive || this.effectiveButton ? (this.disabled ? -1 : 0) : undefined }, hAsync(TagType, { key: '3032ac583c2d60972dea2659a5d9403b8525afbf', class: classList, ...attributes, tabindex: this.effectiveInteractive || this.effectiveButton ? (this.disabled ? -1 : 0) : undefined, onClick: this.handleClick, onKeyDown: this.handleKeydown, id: this.customId, ref: (el) => (this.focusableElement = el), onMouseDown: this.handleMouseDown, part: "item" }, hasSlotStart || hasSlotEnd ? (hAsync("div", { class: "row align-items-center" }, hasSlotStart && (hAsync("div", { class: "col-auto" }, hAsync("slot", { name: "start" }))), hAsync("div", { class: "col" }, hAsync("slot", null)), hasSlotEnd && (hAsync("div", { class: "col-auto" }, hAsync("slot", { name: "end" }))))) : (hAsync("slot", null)))));
|
|
30720
30835
|
}
|
|
30721
30836
|
static get delegatesFocus() { return true; }
|
|
30722
30837
|
get el() { return getElement(this); }
|
|
@@ -32258,9 +32373,11 @@ class MagicButton {
|
|
|
32258
32373
|
*/
|
|
32259
32374
|
this.label = '';
|
|
32260
32375
|
/**
|
|
32261
|
-
*
|
|
32262
|
-
*
|
|
32263
|
-
* Para classes CSS ou SVGs personalizados,
|
|
32376
|
+
* Ícone como identificador Iconify (ex.: `fa6-solid:star`) ou nome simples (ex.: `question`,
|
|
32377
|
+
* resolvido como `fa6-solid:question` no registro SVG local), renderizado pelo `br-icon`.
|
|
32378
|
+
* Para classes CSS (ex.: Font Awesome) ou SVGs personalizados, use o slot `icon`, a forma preferida.
|
|
32379
|
+
* Uso descontinuado: classes CSS nesta prop (ex.: `fas fa-star`) não são exibidas no Shadow DOM
|
|
32380
|
+
* e geram aviso.
|
|
32264
32381
|
*/
|
|
32265
32382
|
this.icon = '';
|
|
32266
32383
|
/**
|
|
@@ -32324,13 +32441,23 @@ class MagicButton {
|
|
|
32324
32441
|
return icon;
|
|
32325
32442
|
return `fa6-solid:${icon}`;
|
|
32326
32443
|
}
|
|
32444
|
+
/** Fallback do slot `icon`: somente identificadores Iconify; classes CSS geram aviso. */
|
|
32445
|
+
renderIconFallback() {
|
|
32446
|
+
const icon = this.icon?.trim();
|
|
32447
|
+
if (!icon)
|
|
32448
|
+
return null;
|
|
32449
|
+
if (isIconClassList(icon)) {
|
|
32450
|
+
reportInvalidPropValue(this.el, 'icon', icon, 'Classes CSS não são exibidas no Shadow DOM.', 'Use o slot "icon" ou um identificador Iconify, como "fa6-solid:star".');
|
|
32451
|
+
return null;
|
|
32452
|
+
}
|
|
32453
|
+
return (hAsync("br-icon", { iconName: this.getIconName(), class: this.getLabelIconClass(), width: "16", height: "16", "aria-hidden": "true" }));
|
|
32454
|
+
}
|
|
32327
32455
|
/**
|
|
32328
32456
|
* Renderiza o componente.
|
|
32329
32457
|
*/
|
|
32330
32458
|
render() {
|
|
32331
32459
|
const effectiveAriaLabel = this.ariaLabel || this.label || (this.icon ? `Botão com ícone ${this.icon}` : 'Botão');
|
|
32332
|
-
return (hAsync(Host, { key: '
|
|
32333
|
-
(/\s/.test(this.icon.trim()) ? (hAsync("i", { class: this.icon.trim(), "aria-hidden": "true" })) : (hAsync("br-icon", { iconName: this.getIconName(), class: this.getLabelIconClass(), width: "16", height: "16", "aria-hidden": "true" })))), this.label || hAsync("slot", { key: 'a688c65210801f48f49995cb05ccba4f018f48e3' })))));
|
|
32460
|
+
return (hAsync(Host, { key: '0e7b5bd88a96e5a44ceceae05bad6aa543fdf51f', id: this.customId }, hAsync("div", { key: 'c3c6ade2e79cb51d307ea3c239c1b3937fa2590b', class: this.getCssClassMap(), part: "container" }, hAsync("button", { key: 'd6cde1c5337049987892417270a07293b4aa32a3', class: { 'br-button': true, ...this.getCircleClass() }, type: "button", "aria-label": effectiveAriaLabel, part: "button" }, hAsync("slot", { key: '805e6d6fe57c0378b9a26a93a90e70a2eedee8d7', name: "icon" }, this.renderIconFallback()), this.label || hAsync("slot", { key: '43572cc0e0cfce4d8a4a7cfaedb920d4d4e8c63e' })))));
|
|
32334
32461
|
}
|
|
32335
32462
|
static get delegatesFocus() { return true; }
|
|
32336
32463
|
get el() { return getElement(this); }
|
|
@@ -34591,9 +34718,25 @@ class Modal {
|
|
|
34591
34718
|
this.brModalClose.emit();
|
|
34592
34719
|
this.el.dispatchEvent(new globalThis.Event('close'));
|
|
34593
34720
|
this.closeParentScrim();
|
|
34594
|
-
|
|
34595
|
-
|
|
34721
|
+
this.returnFocusOnClose();
|
|
34722
|
+
}
|
|
34723
|
+
}
|
|
34724
|
+
/**
|
|
34725
|
+
* Devolve o foco ao elemento que abriu o modal. Sem esse alvo (ex.: modal aberto por
|
|
34726
|
+
* `show` inicial ou foco anterior no body), libera o foco que ainda estiver no conteúdo
|
|
34727
|
+
* sendo ocultado, para que a digitação não continue num campo invisível.
|
|
34728
|
+
*/
|
|
34729
|
+
returnFocusOnClose() {
|
|
34730
|
+
const target = this.triggerElement;
|
|
34731
|
+
this.triggerElement = null;
|
|
34732
|
+
const ownerDocument = this.el.ownerDocument;
|
|
34733
|
+
if (target?.isConnected && target !== ownerDocument.body && !isComposedDescendant(this.el, target)) {
|
|
34734
|
+
restoreFocus(target);
|
|
34735
|
+
return;
|
|
34596
34736
|
}
|
|
34737
|
+
const activeElement = getDeepActiveElement(ownerDocument);
|
|
34738
|
+
if (activeElement instanceof HTMLElement && isComposedDescendant(this.el, activeElement))
|
|
34739
|
+
activeElement.blur();
|
|
34597
34740
|
}
|
|
34598
34741
|
disconnectedCallback() {
|
|
34599
34742
|
syncNativeModalDialog(this.nativeDialogRef, false);
|
|
@@ -35678,7 +35821,7 @@ class NotificationItem {
|
|
|
35678
35821
|
}; }
|
|
35679
35822
|
}
|
|
35680
35823
|
|
|
35681
|
-
const paginationCss = () => `*,*::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-pagination{--pagination-margin:var(--spacing-scale-base);--pagination-select-width:88px;--pagination-size:var(--pagination-medium);--pagination-small:24px;--pagination-medium:32px;--pagination-large:40px;color:var(--color);display:flex;flex-wrap:wrap;font-weight:var(--font-weight);justify-content:center}.br-pagination ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.br-pagination li{padding:0}.br-pagination.dark-mode .page{color:var(--color-dark)}.br-pagination.dark-mode .br-select .br-item label{color:var(--color-dark)}.br-pagination .page:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-pagination .page{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:100em;color:var(--interactive);display:inline-flex;justify-content:center;margin:0 calc(var(--pagination-margin)*.5);min-height:var(--pagination-size);min-width:var(--pagination-size);padding:0 var(--spacing-scale-base);white-space:nowrap}.br-pagination .page.active{background:var(--active);color:var(--color-dark);font-weight:var(--font-weight-semi-bold)}.br-pagination .pagination-ellipsis{margin:0 calc(var(--pagination-margin)*.5);position:relative}.br-pagination .pagination-ellipsis .br-button{--button-size:var(--pagination-size)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-pagination .pagination-ellipsis .br-list{max-height:220px;min-width:4em;overflow-y:auto;z-index:var(--z-index-layer-1)}.br-pagination.small{--pagination-size:var(--pagination-small)}.br-pagination.medium{--pagination-size:var(--pagination-medium)}.br-pagination.large{--pagination-size:var(--pagination-large)}.br-pagination .pagination-information{align-items:center;display:flex}.br-pagination .pagination-per-page,.br-pagination .pagination-go-to-page{align-items:center;display:flex}.br-pagination .pagination-per-page .br-input,.br-pagination .pagination-go-to-page .br-input{align-items:center;display:flex}.br-pagination .pagination-per-page .br-input label,.br-pagination .pagination-go-to-page .br-input label{font-weight:var(--font-weight-regular);margin-bottom:0;margin-right:var(--spacing-scale-base);padding-bottom:0}.br-pagination .pagination-per-page .br-input input,.br-pagination .pagination-go-to-page .br-input input{--input-size:var(--pagination-medium);padding-left:var(--spacing-scale-base);padding-right:calc(var(--spacing-scale-baseh) + 32px);text-align:right;width:var(--pagination-select-width)}.br-pagination .pagination-per-page .br-input input:not(:focus),.br-pagination .pagination-go-to-page .br-input input:not(:focus){border-color:rgba(0,0,0,0)}.br-pagination .pagination-per-page .br-list,.br-pagination .pagination-go-to-page .br-list{min-width:5em;right:0;width:auto}.br-pagination .pagination-arrows{align-items:center;display:flex}.br-pagination .br-select .br-input .br-button{bottom:auto;margin-top:0;position:absolute;right:var(--spacing-scale-half);top:auto;transform:none}.br-pagination .br-divider{border-right-width:var(--divider-size);border-top:0}.br-pagination.inverted,.br-pagination.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-pagination.inverted.inverted .br-input,.br-pagination.inverted.inverted .br-input label,.br-pagination.inverted.dark-mode .br-input,.br-pagination.inverted.dark-mode .br-input label,.br-pagination.dark-mode.inverted .br-input,.br-pagination.dark-mode.inverted .br-input label,.br-pagination.dark-mode.dark-mode .br-input,.br-pagination.dark-mode.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-pagination.inverted .page.active,.br-pagination.dark-mode .page.active{--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}.br-pagination .input-group .input-icon{display:none}.br-divider,hr{--divider-size:var(--surface-width-sm);border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);display:block}.br-divider.content,hr.content{align-items:center;border:0;display:flex;justify-content:center}.br-divider.content::after,.br-divider.content::before,hr.content::after,hr.content::before{border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);content:"";flex:1}.br-divider.content::after,hr.content::after{margin-left:var(--spacing-scale-base)}.br-divider.content::before,hr.content::before{margin-right:var(--spacing-scale-base)}.br-divider.vertical,hr.vertical{align-self:stretch;border-right-width:var(--divider-size);border-top-width:0}.br-divider.vertical.content,hr.vertical.content{flex-direction:column}.br-divider.vertical.content::after,.br-divider.vertical.content::before,hr.vertical.content::after,hr.vertical.content::before{border-right-width:var(--divider-size);border-top-width:0;margin:0}.br-divider.inverted,.br-divider.dark-mode,hr.inverted,hr.dark-mode{--border-color:var(--pure-0)}.br-divider.dashed,hr.dashed{border-style:dashed}.br-divider.sm,hr.sm{--divider-size:var(--surface-width-sm)}hr{--divider-padding:var(--spacing-scale-2x);margin:var(--divider-padding) 0}:host{display:block}:host .pagination-ellipsis br-list{max-height:none;overflow:visible}:host .pagination-ellipsis br-list.has-scroll{max-height:220px;overflow-y:auto}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-track{background:var(--gray-10)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .pagination-ellipsis br-list.has-scroll:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .pagination-ellipsis .pagination-ellipsis-virtual-spacer{display:block;width:100%}:host .br-pagination button.page:not(.active){background-color:rgba(0,0,0,0)}:host([variant=contextual]) .br-pagination{justify-content:space-between}:host(:not([variant=contextual])) .br-pagination{justify-content:center}:host([variant=contextual]) .br-pagination ul{justify-content:center;width:100%}:host([color-mode=dark]) br-select{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host([color-mode=dark]) br-select::part(label){color:var(--color-dark)}:host([color-mode=dark]) .br-pagination a.page:not(.active),:host([color-mode=dark]) .br-pagination button.page:not(.active){color:var(--color);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.br-pagination.dark-mode .br-select .br-item label,.br-pagination.dark-mode .page{color:var(--color-dark);background-color:rgba(0,0,0,0)}:host([color-mode=dark]) .br-pagination a.page:not(.active):hover,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus-visible,:host([color-mode=dark]) .br-pagination button.page:not(.active):hover,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus-visible{color:var(--interactive)}.br-pagination .page:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.pagination-ellipsis br-button::part(button){--button-size:var(--pagination-size)}.pagination-ellipsis br-button:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);border-radius:50%}.br-pagination>ul{position:relative}:host([loading]) .br-pagination>ul>li.pagination-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;visibility:visible}:host([loading]) .br-pagination>ul>li.pagination-loading .pagination-loading{display:flex;align-items:center;justify-content:center}:host([loading]) .br-pagination>ul>li:not(.pagination-loading):not(:first-child):not(:last-child){visibility:hidden}.pagination-information{position:relative}.pagination-information .pagination-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:host([color-mode=dark]) br-select::part(radio-label){color:var(--color-dark)}`;
|
|
35824
|
+
const paginationCss = () => `*,*::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-pagination{--pagination-margin:var(--spacing-scale-base);--pagination-select-width:88px;--pagination-size:var(--pagination-medium);--pagination-small:24px;--pagination-medium:32px;--pagination-large:40px;color:var(--color);display:flex;flex-wrap:wrap;font-weight:var(--font-weight);justify-content:center}.br-pagination ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.br-pagination li{padding:0}.br-pagination.dark-mode .page{color:var(--color-dark)}.br-pagination.dark-mode .br-select .br-item label{color:var(--color-dark)}.br-pagination .page:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-pagination .page{align-items:center;border:1px solid rgba(0,0,0,0);border-radius:100em;color:var(--interactive);display:inline-flex;justify-content:center;margin:0 calc(var(--pagination-margin)*.5);min-height:var(--pagination-size);min-width:var(--pagination-size);padding:0 var(--spacing-scale-base);white-space:nowrap}.br-pagination .page.active{background:var(--active);color:var(--color-dark);font-weight:var(--font-weight-semi-bold)}.br-pagination .pagination-ellipsis{margin:0 calc(var(--pagination-margin)*.5);position:relative}.br-pagination .pagination-ellipsis .br-button{--button-size:var(--pagination-size)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-pagination .pagination-ellipsis .br-list{max-height:220px;min-width:4em;overflow-y:auto;z-index:var(--z-index-layer-1)}.br-pagination.small{--pagination-size:var(--pagination-small)}.br-pagination.medium{--pagination-size:var(--pagination-medium)}.br-pagination.large{--pagination-size:var(--pagination-large)}.br-pagination .pagination-information{align-items:center;display:flex}.br-pagination .pagination-per-page,.br-pagination .pagination-go-to-page{align-items:center;display:flex}.br-pagination .pagination-per-page .br-input,.br-pagination .pagination-go-to-page .br-input{align-items:center;display:flex}.br-pagination .pagination-per-page .br-input label,.br-pagination .pagination-go-to-page .br-input label{font-weight:var(--font-weight-regular);margin-bottom:0;margin-right:var(--spacing-scale-base);padding-bottom:0}.br-pagination .pagination-per-page .br-input input,.br-pagination .pagination-go-to-page .br-input input{--input-size:var(--pagination-medium);padding-left:var(--spacing-scale-base);padding-right:calc(var(--spacing-scale-baseh) + 32px);text-align:right;width:var(--pagination-select-width)}.br-pagination .pagination-per-page .br-input input:not(:focus),.br-pagination .pagination-go-to-page .br-input input:not(:focus){border-color:rgba(0,0,0,0)}.br-pagination .pagination-per-page .br-list,.br-pagination .pagination-go-to-page .br-list{min-width:5em;right:0;width:auto}.br-pagination .pagination-arrows{align-items:center;display:flex}.br-pagination .br-select .br-input .br-button{bottom:auto;margin-top:0;position:absolute;right:var(--spacing-scale-half);top:auto;transform:none}.br-pagination .br-divider{border-right-width:var(--divider-size);border-top:0}.br-pagination.inverted,.br-pagination.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-pagination.inverted.inverted .br-input,.br-pagination.inverted.inverted .br-input label,.br-pagination.inverted.dark-mode .br-input,.br-pagination.inverted.dark-mode .br-input label,.br-pagination.dark-mode.inverted .br-input,.br-pagination.dark-mode.inverted .br-input label,.br-pagination.dark-mode.dark-mode .br-input,.br-pagination.dark-mode.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-pagination.inverted .page.active,.br-pagination.dark-mode .page.active{--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}.br-pagination .input-group .input-icon{display:none}.br-divider,hr{--divider-size:var(--surface-width-sm);border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);display:block}.br-divider.content,hr.content{align-items:center;border:0;display:flex;justify-content:center}.br-divider.content::after,.br-divider.content::before,hr.content::after,hr.content::before{border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);content:"";flex:1}.br-divider.content::after,hr.content::after{margin-left:var(--spacing-scale-base)}.br-divider.content::before,hr.content::before{margin-right:var(--spacing-scale-base)}.br-divider.vertical,hr.vertical{align-self:stretch;border-right-width:var(--divider-size);border-top-width:0}.br-divider.vertical.content,hr.vertical.content{flex-direction:column}.br-divider.vertical.content::after,.br-divider.vertical.content::before,hr.vertical.content::after,hr.vertical.content::before{border-right-width:var(--divider-size);border-top-width:0;margin:0}.br-divider.inverted,.br-divider.dark-mode,hr.inverted,hr.dark-mode{--border-color:var(--pure-0)}.br-divider.dashed,hr.dashed{border-style:dashed}.br-divider.sm,hr.sm{--divider-size:var(--surface-width-sm)}hr{--divider-padding:var(--spacing-scale-2x);margin:var(--divider-padding) 0}:host{display:block}:host .pagination-ellipsis br-list{max-height:none;overflow:visible}:host .pagination-ellipsis br-list.has-scroll{max-height:220px;overflow-y:auto}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-track{background:var(--gray-10)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .pagination-ellipsis br-list.has-scroll:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .pagination-ellipsis .pagination-ellipsis-virtual-spacer{display:block;width:100%}:host .br-pagination button.page:not(.active){background-color:rgba(0,0,0,0)}:host([variant=contextual]) .br-pagination{justify-content:space-between}.pagination-per-page br-select,.pagination-go-to-page br-select{--br-input-margin-bottom:0}.pagination-per-page br-select::part(input-label),.pagination-go-to-page br-select::part(input-label){font-weight:var(--font-weight-regular);margin-bottom:0;margin-right:var(--spacing-scale-base);padding-bottom:0}.pagination-per-page br-select::part(input-field),.pagination-go-to-page br-select::part(input-field){--input-size:var(--pagination-medium);padding-left:var(--spacing-scale-base);padding-right:calc(var(--spacing-scale-baseh) + 32px);text-align:right}:host(:not([variant=contextual])) .br-pagination{justify-content:center}:host([variant=contextual]) .br-pagination ul{justify-content:center;width:100%}:host([color-mode=dark]) br-select{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host([color-mode=dark]) br-select::part(label){color:var(--color-dark)}:host([color-mode=dark]) .br-pagination a.page:not(.active),:host([color-mode=dark]) .br-pagination button.page:not(.active){color:var(--color);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.br-pagination.dark-mode .br-select .br-item label,.br-pagination.dark-mode .page{color:var(--color-dark);background-color:rgba(0,0,0,0)}:host([color-mode=dark]) .br-pagination a.page:not(.active):hover,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus-visible,:host([color-mode=dark]) .br-pagination button.page:not(.active):hover,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus-visible{color:var(--interactive)}.br-pagination .page:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.pagination-ellipsis br-button::part(button){--button-size:var(--pagination-size)}.pagination-ellipsis br-button:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);border-radius:50%}.br-pagination>ul{position:relative}:host([loading]) .br-pagination>ul>li.pagination-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;visibility:visible}:host([loading]) .br-pagination>ul>li.pagination-loading .pagination-loading{display:flex;align-items:center;justify-content:center}:host([loading]) .br-pagination>ul>li:not(.pagination-loading):not(:first-child):not(:last-child){visibility:hidden}.pagination-information{position:relative}.pagination-information .pagination-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:host([color-mode=dark]) br-select::part(radio-label){color:var(--color-dark)}`;
|
|
35682
35825
|
|
|
35683
35826
|
const PAGINATION_COLOR_MODES = ['dark'];
|
|
35684
35827
|
const PAGINATION_VARIANTS = ['default', 'contextual'];
|
|
@@ -35724,10 +35867,12 @@ const PAGINATION_VARIANTS = ['default', 'contextual'];
|
|
|
35724
35867
|
* @part per-page - Parte para o seletor de itens por página na variante contextual.
|
|
35725
35868
|
* @part per-page-container - Contêiner encaminhado do seletor de itens por página.
|
|
35726
35869
|
* @part per-page-input - Campo encaminhado do seletor de itens por página.
|
|
35870
|
+
* @part per-page-input-label - Rótulo encaminhado do seletor de itens por página.
|
|
35727
35871
|
* @part per-page-list - Lista encaminhada do seletor de itens por página.
|
|
35728
35872
|
* @part go-to - Parte para o seletor de navegação direta na variante contextual.
|
|
35729
35873
|
* @part go-to-container - Contêiner encaminhado do seletor de navegação direta.
|
|
35730
35874
|
* @part go-to-input - Campo encaminhado do seletor de navegação direta.
|
|
35875
|
+
* @part go-to-input-label - Rótulo encaminhado do seletor de navegação direta.
|
|
35731
35876
|
* @part go-to-list - Lista encaminhada do seletor de navegação direta.
|
|
35732
35877
|
* @part prev-button - Parte para o botão de página anterior, usada para estilização via ::part().
|
|
35733
35878
|
* @part prev-button-inner - Botão interno encaminhado da página anterior.
|
|
@@ -36547,7 +36692,7 @@ class Pagination {
|
|
|
36547
36692
|
this.handleGoToPageChange(event);
|
|
36548
36693
|
}
|
|
36549
36694
|
renderPerPageDropdown() {
|
|
36550
|
-
return (hAsync("br-select", { part: "per-page", exportparts: "container: per-page-container, input: per-page-input, input-container: per-page-input-container, input-field: per-page-input-field, input-action: per-page-input-action, list: per-page-list", label: this.perPageLabel, isInline: true, inputWidth: "88px", borderless: true, density: this.effectiveDensity, disabled: this.loading }, this.effectivePerPageOptions.map((perPageOption) => (hAsync("br-select-option", { key: String(perPageOption), value: String(perPageOption), selected: perPageOption === this.effectivePerPage }, perPageOption)))));
|
|
36695
|
+
return (hAsync("br-select", { part: "per-page", exportparts: "container: per-page-container, input: per-page-input, input-container: per-page-input-container, input-field: per-page-input-field, input-label: per-page-input-label, input-action: per-page-input-action, list: per-page-list", label: this.perPageLabel, isInline: true, inputWidth: "88px", borderless: true, density: this.effectiveDensity, disabled: this.loading }, this.effectivePerPageOptions.map((perPageOption) => (hAsync("br-select-option", { key: String(perPageOption), value: String(perPageOption), selected: perPageOption === this.effectivePerPage }, perPageOption)))));
|
|
36551
36696
|
}
|
|
36552
36697
|
renderPerPageSelect() {
|
|
36553
36698
|
return (hAsync("div", { class: "pagination-per-page", part: "per-page" }, this.renderPerPageDropdown()));
|
|
@@ -36556,7 +36701,7 @@ class Pagination {
|
|
|
36556
36701
|
const totalPages = this.getTotalPages();
|
|
36557
36702
|
const largePageSet = totalPages > Pagination.LARGE_PAGE_THRESHOLD;
|
|
36558
36703
|
const goToInputWidth = `${Math.max(88, String(totalPages).length * 16 + 48)}px`;
|
|
36559
|
-
return (hAsync("div", { class: "pagination-go-to-page d-none d-sm-flex ml-auto" }, hAsync("br-select", { part: "go-to", exportparts: "container: go-to-container, input: go-to-input, input-container: go-to-input-container, input-field: go-to-input-field, input-action: go-to-input-action, list: go-to-list", label: this.goToPageLabel, options: largePageSet
|
|
36704
|
+
return (hAsync("div", { class: "pagination-go-to-page d-none d-sm-flex ml-auto" }, hAsync("br-select", { part: "go-to", exportparts: "container: go-to-container, input: go-to-input, input-container: go-to-input-container, input-field: go-to-input-field, input-label: go-to-input-label, input-action: go-to-input-action, list: go-to-list", label: this.goToPageLabel, options: largePageSet
|
|
36560
36705
|
? this.getWindowedGoToOptions(totalPages, this.goToSearchTerm)
|
|
36561
36706
|
: this.goToOptionsReady
|
|
36562
36707
|
? this.getGoToOptions(totalPages)
|
|
@@ -39161,7 +39306,9 @@ Scrim.FOCUSABLE_SELECTORS = [
|
|
|
39161
39306
|
function transitionSelection({ currentValues, multiple, value, selected, selectableValues = [], }) {
|
|
39162
39307
|
const current = [...new Set(currentValues)];
|
|
39163
39308
|
if (!multiple) {
|
|
39164
|
-
|
|
39309
|
+
// Desmarcar uma opção que não é a selecionada não altera a seleção simples. Isso cobre a
|
|
39310
|
+
// troca A -> B feita por framework, que desmarca A antes ou depois de marcar B.
|
|
39311
|
+
const values = selected && value ? [value] : current.filter((item) => item !== value).slice(0, 1);
|
|
39165
39312
|
return { values, changed: values.length !== current.length || values[0] !== current[0] };
|
|
39166
39313
|
}
|
|
39167
39314
|
if (!value && selectableValues.length > 0) {
|
|
@@ -40973,10 +41120,12 @@ class SelectInput {
|
|
|
40973
41120
|
return hAsync("br-icon", { slot: "icon", iconName: "fa-solid:search", width: "16", height: "16", "aria-hidden": "true" });
|
|
40974
41121
|
}
|
|
40975
41122
|
renderDropdownIcon() {
|
|
40976
|
-
return (hAsync("br-icon", { "aria-hidden": "true",
|
|
41123
|
+
return (hAsync("br-icon", { "aria-hidden": "true",
|
|
41124
|
+
// Mesmo par de expandir/recolher do restante do DS (collapse, menu, cookiebar).
|
|
41125
|
+
iconName: this.flipped ? 'fa6-solid:chevron-up' : 'fa6-solid:chevron-down', width: "16", height: "16", slot: "action" }));
|
|
40977
41126
|
}
|
|
40978
41127
|
render() {
|
|
40979
|
-
return (hAsync(Host, { key: '
|
|
41128
|
+
return (hAsync(Host, { key: '589fdfe1c4e4d6832eba9c8942b9a4004eccb423' }, hAsync("div", { key: '109b21a721797e2147e515c2cf880317217742b8', class: this.getCssClassMap(), part: "container" }, hAsync("br-input", { key: 'd54183ce546a969a524ce2cde60b43aec10d1427', "action-tab-index": -1, "action-label": this.flipped ? 'Fechar opções' : 'Abrir opções', autocomplete: this.effectiveAutocomplete, borderless: this.borderless, "control-width": this.inputWidth, density: this.effectiveDensity, readonly: !this.filterable, "is-inline": this.isInline, label: this.label, name: this.name, placeholder: this.placeholder, required: this.required, ref: (el) => {
|
|
40980
41129
|
this.inputElement = el;
|
|
40981
41130
|
}, value: this.value, disabled: this.disabled, onClick: this.handleClick, onInput: this.handleInput, onFocus: this.handleFocus, exportparts: "container:input, label:label, input:input, group:group, icon:icon, action:action, action-button:action-button" }, this.showSearchIcon && this.renderSearchIcon(), this.renderDropdownIcon()))));
|
|
40982
41131
|
}
|
|
@@ -42163,7 +42312,7 @@ const signInCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-h
|
|
|
42163
42312
|
*
|
|
42164
42313
|
* O `br-sign-in` é um botão de autenticação estilizado com a marca oficial do Governo Federal, recebendo propriedades de rótulo e variantes institucionais.
|
|
42165
42314
|
*
|
|
42166
|
-
* Para a documentação completa de design, incluindo diretrizes de acessibilidade e especificações visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/
|
|
42315
|
+
* Para a documentação completa de design, incluindo diretrizes de acessibilidade e especificações visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/signin?tab=designer).
|
|
42167
42316
|
*
|
|
42168
42317
|
|
|
42169
42318
|
* @category Identidade, Ações, Formulários
|
|
@@ -42242,7 +42391,11 @@ class SignIn {
|
|
|
42242
42391
|
};
|
|
42243
42392
|
}
|
|
42244
42393
|
get effectiveColorMode() {
|
|
42245
|
-
|
|
42394
|
+
// Sem `color-mode`, o sign-in usa o esquema claro; valores inválidos também caem nele.
|
|
42395
|
+
return resolveAllowedPropValue(this.el, 'colorMode', this.colorMode, ['dark'], undefined, {
|
|
42396
|
+
allowUndefined: true,
|
|
42397
|
+
allowNull: true,
|
|
42398
|
+
});
|
|
42246
42399
|
}
|
|
42247
42400
|
get effectiveEmphasis() {
|
|
42248
42401
|
return resolveAllowedPropValue(this.el, 'emphasis', this.emphasis, ['primary', 'secondary'], 'secondary');
|
|
@@ -42297,7 +42450,7 @@ class SignIn {
|
|
|
42297
42450
|
const TagType = this.getTagType();
|
|
42298
42451
|
const attributes = this.getAttributes();
|
|
42299
42452
|
const classList = this.getCssClassMap();
|
|
42300
|
-
return (hAsync(Host, { key: '
|
|
42453
|
+
return (hAsync(Host, { key: 'a0a0dfe061d56cbe2ffabb11432b3eaa893b0122', "aria-disabled": this.disabled ? 'true' : null }, hAsync(TagType, { key: '81aa67e31541eacda111d4d629921b08f6f5f000', part: "button", class: classList, id: this.customId, ...attributes, onClick: this.handleClick, onFocus: this.handleFocus }, hAsync("slot", { key: 'e4e4cc229fc950ac325ec07745fe3e4681ef0c81', name: "icon" }, this.effectiveShape === 'circle' && hAsync("br-icon", { key: 'b011e22af33d5a993c82b043672ecf22a6439abe', iconName: "fa6-solid:user", width: "12", height: "12" })), hAsync("span", { key: '71d1bd83848e2e866a62d2b558dd657ca2b410e4', part: "content" }, hAsync("slot", { key: '1299daa32861ca77c1b5a37963853c57ae853b85' })), this.hasSlotContent('image') && (hAsync("span", { key: '0441bf7f01f61252d1108ff0ffc9d5946332eb6a', part: "image" }, hAsync("slot", { key: 'dd473e474af2daece1ff321c8662b2dda140cd55', name: "image" }))))));
|
|
42301
42454
|
}
|
|
42302
42455
|
static get delegatesFocus() { return true; }
|
|
42303
42456
|
get el() { return getElement(this); }
|
|
@@ -45363,7 +45516,7 @@ class Switch {
|
|
|
45363
45516
|
}; }
|
|
45364
45517
|
}
|
|
45365
45518
|
|
|
45366
|
-
const tabCss = () => `@import '~@fortawesome/fontawesome-free/css/all.css';*,*::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-tab{--tab-padding:var(--spacing-scale-3x);--tab-size:var(--tab-medium);--tab-large:var(--spacing-scale-3x);--tab-medium:var(--spacing-scale-2x);--tab-small:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{overflow-x:auto;width:100%}@media (max-width: 991px){.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{display:flex;overflow-x:auto;width:100%}}.br-tab .tab-nav ul{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:0;margin-top:0;padding:0;width:100%}.br-tab .tab-item{align-items:center;display:flex;justify-content:center;position:relative;white-space:nowrap}.br-tab .tab-item button,.br-tab .tab-item a{--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-tab .tab-item button:focus,.br-tab .tab-item a:focus{outline:none}.br-tab .tab-item button.focus-visible,.br-tab .tab-item button:focus-visible,.br-tab .tab-item a.focus-visible,.br-tab .tab-item a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab .tab-item button:not(:disabled):hover,.br-tab .tab-item a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-tab .tab-item button,.br-tab .tab-item a{background-color:rgba(0,0,0,0);border:0;border-bottom:4px solid rgba(0,0,0,0);color:var(--color);display:inline-block;font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-medium);line-height:1;padding:var(--tab-size) var(--tab-padding);text-align:center;white-space:nowrap}.br-tab .tab-item:first-child{padding-left:0}.br-tab .tab-item:last-child{padding-right:0}.br-tab .tab-item.is-active button,.br-tab .tab-item.active button{border-bottom:4px solid var(--active);color:var(--active)}.br-tab .tab-item.is-active .results,.br-tab .tab-item.active .results{--font-weight:var(--font-weight-semi-bold);color:var(--active)}.br-tab .results{display:flex;font-weight:var(--font-weight);justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab[data-counter=true] .tab-nav ul{margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))}.br-tab .tab-content .tab-panel{color:var(--text-color);display:none}.br-tab .tab-content .tab-panel.is-active,.br-tab .tab-content .tab-panel.active{display:block}.br-tab.small,.br-tab[small]{--tab-size:var(--tab-small)}.br-tab.medium,.br-tab[medium]{--tab-size:var(--tab-medium)}.br-tab.large,.br-tab[large]{--tab-size:var(--tab-large)}.br-tab.inverted,.br-tab.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-tab.inverted .tab-item.active button,.br-tab.dark-mode .tab-item.active button{border-bottom-color:var(--background-light);color:var(--color)}:host{display:block;height:100%;min-height:0;overflow:hidden;--br-tab-height:auto}.br-tab{box-sizing:border-box;display:flex;flex-direction:column;height:var(--br-tab-height);min-height:0;width:100%;overflow:hidden;padding:var(--tab-container-padding, 16px)}.br-tab.scroll-disabled{height:auto;min-height:auto;overflow:visible}.tab-nav{display:flex;flex-direction:row;align-items:flex-start;gap:0;list-style:none;margin:0;padding:0;flex:0 0 auto}.tab-nav[data-counter=true]{min-height:102px;overflow:hidden;max-height:65px}.tab-nav .tab-item{display:flex;flex-direction:column;align-items:center;position:relative}.tab-nav .tab-item button .icon:not(:only-child){margin-right:var(--spacing-scale-base)}br-divider{--divider-margin-top:0;--divider-margin-bottom:var(--spacing-scale-2x, 8px)}.tab-content{flex:1 1 auto;min-height:0;overflow-y:auto}.scroll-disabled .tab-content{overflow:hidden}.results{display:flex;font-weight:var(--font-weight);justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}:host([data-playground-badges]) .results{align-items:center;background:var(--danger, #e53e3e);border:2px solid var(--background, #fff);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;height:16px;line-height:1;margin-top:0;min-width:16px;padding:0 3px;right:0;top:-4px;z-index:1}:host([data-playground-badges]) .tab-nav[data-counter=true]{min-height:0;max-height:none;overflow:visible}:host([data-playground-badges]) .tab-nav .tab-item{overflow:visible}`;
|
|
45519
|
+
const tabCss = () => `*,*::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-tab{--tab-padding:var(--spacing-scale-3x);--tab-size:var(--tab-medium);--tab-large:var(--spacing-scale-3x);--tab-medium:var(--spacing-scale-2x);--tab-small:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{overflow-x:auto;width:100%}@media (max-width: 991px){.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{display:flex;overflow-x:auto;width:100%}}.br-tab .tab-nav ul{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:0;margin-top:0;padding:0;width:100%}.br-tab .tab-item{align-items:center;display:flex;justify-content:center;position:relative;white-space:nowrap}.br-tab .tab-item button,.br-tab .tab-item a{--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-tab .tab-item button:focus,.br-tab .tab-item a:focus{outline:none}.br-tab .tab-item button.focus-visible,.br-tab .tab-item button:focus-visible,.br-tab .tab-item a.focus-visible,.br-tab .tab-item a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab .tab-item button:not(:disabled):hover,.br-tab .tab-item a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-tab .tab-item button,.br-tab .tab-item a{background-color:rgba(0,0,0,0);border:0;border-bottom:4px solid rgba(0,0,0,0);color:var(--color);display:inline-block;font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-medium);line-height:1;padding:var(--tab-size) var(--tab-padding);text-align:center;white-space:nowrap}.br-tab .tab-item:first-child{padding-left:0}.br-tab .tab-item:last-child{padding-right:0}.br-tab .tab-item.is-active button,.br-tab .tab-item.active button{border-bottom:4px solid var(--active);color:var(--active)}.br-tab .tab-item.is-active .results,.br-tab .tab-item.active .results{--font-weight:var(--font-weight-semi-bold);color:var(--active)}.br-tab .results{display:flex;font-weight:var(--font-weight);justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab[data-counter=true] .tab-nav ul{margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))}.br-tab .tab-content .tab-panel{color:var(--text-color);display:none}.br-tab .tab-content .tab-panel.is-active,.br-tab .tab-content .tab-panel.active{display:block}.br-tab.small,.br-tab[small]{--tab-size:var(--tab-small)}.br-tab.medium,.br-tab[medium]{--tab-size:var(--tab-medium)}.br-tab.large,.br-tab[large]{--tab-size:var(--tab-large)}.br-tab.inverted,.br-tab.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-tab.inverted .tab-item.active button,.br-tab.dark-mode .tab-item.active button{border-bottom-color:var(--background-light);color:var(--color)}:host{display:block;height:100%;min-height:0;overflow:hidden;--br-tab-height:auto}.br-tab{box-sizing:border-box;display:flex;flex-direction:column;height:var(--br-tab-height);min-height:0;width:100%;overflow:hidden;padding:var(--tab-container-padding, 16px)}.br-tab.scroll-disabled{height:auto;min-height:auto;overflow:visible}.tab-nav{display:flex;flex-direction:row;align-items:flex-start;gap:0;list-style:none;margin:0;padding:0;flex:0 0 auto}.tab-nav[data-counter=true]{min-height:102px;overflow:hidden;max-height:65px}.tab-nav .tab-item{display:flex;flex-direction:column;align-items:center;position:relative}.tab-nav .tab-item button .icon:not(:only-child){margin-right:var(--spacing-scale-base)}.tab-nav .tab-item button .icon[hidden]{display:none}br-divider{--divider-margin-top:0;--divider-margin-bottom:var(--spacing-scale-2x, 8px)}.tab-content{flex:1 1 auto;min-height:0;overflow-y:auto}.scroll-disabled .tab-content{overflow:hidden}.results{display:flex;font-weight:var(--font-weight);justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}:host([data-playground-badges]) .results{align-items:center;background:var(--danger, #e53e3e);border:2px solid var(--background, #fff);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;height:16px;line-height:1;margin-top:0;min-width:16px;padding:0 3px;right:0;top:-4px;z-index:1}:host([data-playground-badges]) .tab-nav[data-counter=true]{min-height:0;max-height:none;overflow:visible}:host([data-playground-badges]) .tab-nav .tab-item{overflow:visible}`;
|
|
45367
45520
|
|
|
45368
45521
|
const TAB_COLOR_MODES = ['dark'];
|
|
45369
45522
|
const TAB_ALIGNMENTS = ['start', 'center', 'end'];
|
|
@@ -45406,6 +45559,7 @@ const CSS_UNIT_HEIGHT_REGEX = /^\d+(\.\d+)?(px|%|vh|vw|dvh|svh|lvh|vmin|vmax|rem
|
|
|
45406
45559
|
* @category Navegação, Seleção, Conteúdo
|
|
45407
45560
|
* @status stable
|
|
45408
45561
|
* @slot default - Slot para inserir os itens das abas (br-tab-item)
|
|
45562
|
+
* @slot icon-{id} - Ícone da aba cujo `br-tab-item` tem o `id` informado (ex.: `<i slot="icon-avisos" class="fas fa-bell" aria-hidden="true"></i>`). Forma preferida para ícones por classe CSS, como Font Awesome: o elemento fica em light DOM e recebe os estilos globais da página. Tem precedência sobre a prop `icon` do item.
|
|
45409
45563
|
*
|
|
45410
45564
|
* @part container - Contêiner principal que envolve toda a estrutura do componente (navegação e conteúdo). Expõe o elemento para customizações de fundo, bordas e espaçamentos globais.
|
|
45411
45565
|
* @part nav - Área de navegação (`tablist`) onde os botões das abas estão localizados. Permite customizar o alinhamento, espaçamento e plano de fundo da barra de abas.
|
|
@@ -45484,12 +45638,19 @@ class Tab {
|
|
|
45484
45638
|
this.tabItems = nextTabItems;
|
|
45485
45639
|
}
|
|
45486
45640
|
const colorMode = this.effectiveColorMode;
|
|
45487
|
-
//
|
|
45641
|
+
// Identificador de cada aba: o `id` nativo (canônico) tem precedência sobre o alias
|
|
45642
|
+
// legado `tab-item-id`; só sem nenhum dos dois um id é gerado. O item pode ainda não
|
|
45643
|
+
// estar hidratado aqui, então os atributos são a fonte confiável. Depois do render, o
|
|
45644
|
+
// br-tab-item escreve `tab-panel-{tabItemId}` no próprio `id`; esse valor não é do consumidor.
|
|
45488
45645
|
this.tabItems.forEach((item) => {
|
|
45489
|
-
|
|
45490
|
-
|
|
45491
|
-
|
|
45492
|
-
|
|
45646
|
+
const legacyId = item.getAttribute('tab-item-id');
|
|
45647
|
+
const consumerId = item.id && item.id !== `tab-panel-${legacyId ?? item.tabItemId}` ? item.id : '';
|
|
45648
|
+
const explicitId = consumerId || legacyId;
|
|
45649
|
+
if (explicitId) {
|
|
45650
|
+
if (item.tabItemId !== explicitId)
|
|
45651
|
+
item.tabItemId = explicitId;
|
|
45652
|
+
}
|
|
45653
|
+
else if (typeof item.tabItemId !== 'string' || item.tabItemId === '') {
|
|
45493
45654
|
const id = generateUniqueId();
|
|
45494
45655
|
item.tabItemId = id;
|
|
45495
45656
|
item.setAttribute('tab-item-id', id);
|
|
@@ -45527,6 +45688,9 @@ class Tab {
|
|
|
45527
45688
|
this.handleKeyNavigation(index, event);
|
|
45528
45689
|
}
|
|
45529
45690
|
};
|
|
45691
|
+
this.handleIconSlotChange = () => {
|
|
45692
|
+
this.tabItems = [...this.tabItems];
|
|
45693
|
+
};
|
|
45530
45694
|
}
|
|
45531
45695
|
/**
|
|
45532
45696
|
* Observa mudanças no tab ativo para atualizar os estados
|
|
@@ -45716,8 +45880,22 @@ class Tab {
|
|
|
45716
45880
|
'dark-mode': this.effectiveColorMode === 'dark',
|
|
45717
45881
|
};
|
|
45718
45882
|
}
|
|
45719
|
-
|
|
45720
|
-
return
|
|
45883
|
+
hasSlottedIcon(tabItemId) {
|
|
45884
|
+
return Array.from(this.el.children).some((child) => child.getAttribute('slot') === `icon-${tabItemId}`);
|
|
45885
|
+
}
|
|
45886
|
+
/**
|
|
45887
|
+
* Ícone da aba: o slot `icon-{id}` tem precedência; a prop `icon` do item é o fallback e
|
|
45888
|
+
* aceita identificadores Iconify. Classes CSS na prop não funcionam no Shadow DOM e são ignoradas.
|
|
45889
|
+
*/
|
|
45890
|
+
renderTabIcon(item) {
|
|
45891
|
+
const hasSlot = this.hasSlottedIcon(item.tabItemId);
|
|
45892
|
+
const icon = item.icon?.trim();
|
|
45893
|
+
if (icon && isIconClassList(icon)) {
|
|
45894
|
+
reportInvalidPropValue(item, 'icon', icon, 'Classes CSS não são exibidas no Shadow DOM do br-tab.', `Use o slot "icon-${item.tabItemId}" no br-tab ou um identificador Iconify, como "fa6-solid:bell".`);
|
|
45895
|
+
}
|
|
45896
|
+
const fallback = icon && !isIconClassList(icon) ? hAsync("br-icon", { iconName: icon, width: "16", height: "16" }) : null;
|
|
45897
|
+
// O slot é sempre renderizado para que um ícone adicionado depois dispare `slotchange`.
|
|
45898
|
+
return (hAsync("span", { class: "icon", hidden: !hasSlot && !fallback }, hAsync("slot", { name: `icon-${item.tabItemId}`, onSlotchange: this.handleIconSlotChange }, fallback)));
|
|
45721
45899
|
}
|
|
45722
45900
|
/**
|
|
45723
45901
|
* Retorna o alinhamento em formato flexbox
|
|
@@ -45781,12 +45959,12 @@ class Tab {
|
|
|
45781
45959
|
render() {
|
|
45782
45960
|
const hasCounter = this.tabItems.some((item) => item.counter);
|
|
45783
45961
|
const resolvedHeight = this.getResolvedHeight();
|
|
45784
|
-
return (hAsync(Host, { key: '
|
|
45962
|
+
return (hAsync(Host, { key: '8f9bb52658cb37048b10b4c81eb4399771ab28f6' }, hAsync("div", { key: '0aa48a13db1b2229890500afa65bd2e78b24727e', class: this.getCssClassMap(), id: this.customId, part: "container", style: resolvedHeight !== undefined ? { '--br-tab-height': resolvedHeight } : undefined }, hAsync("div", { key: '34bb73421269703b161928f03dc9a22b2d0cf629', class: "tab-nav", role: "tablist", "aria-label": this.label, "data-counter": hasCounter ? 'true' : 'false', part: "nav", style: { justifyContent: this.getAlignItemsStyle() } }, this.tabItems.map((item, index) => {
|
|
45785
45963
|
const isActive = item.tabItemId === this.activeTabId;
|
|
45786
45964
|
const showOnlyIcon = item.iconOnly ?? (item.onlyIcon || item.hasAttribute('only-icon'));
|
|
45787
45965
|
const itemLabel = item.label ?? item.tabItemTitle;
|
|
45788
|
-
return (hAsync("div", { key: item.tabItemId, class: this.getTabItemCssClassMap(isActive), role: "none" }, hAsync("button", { type: "button", id: `tab-button-${item.tabItemId}`, part: "button", role: "tab", "aria-selected": isActive ? 'true' : 'false', tabindex: isActive ? 0 : -1, "aria-setsize": this.tabItems.length, "aria-posinset": index + 1, "aria-label": `${itemLabel}${item.counter ? ` (${item.counter})` : ''}`, title: item.getAttribute('title') || undefined, "data-tab-id": item.tabItemId, "data-tab-index": index, onClick: this.handleTabButtonClick, onKeyDown: this.handleTabButtonKeyDown }, hAsync("span", { class: "name" },
|
|
45789
|
-
})), hAsync("br-divider", { key: '
|
|
45966
|
+
return (hAsync("div", { key: item.tabItemId, class: this.getTabItemCssClassMap(isActive), role: "none" }, hAsync("button", { type: "button", id: `tab-button-${item.tabItemId}`, part: "button", role: "tab", "aria-selected": isActive ? 'true' : 'false', tabindex: isActive ? 0 : -1, "aria-setsize": this.tabItems.length, "aria-posinset": index + 1, "aria-label": `${itemLabel}${item.counter ? ` (${item.counter})` : ''}`, title: item.getAttribute('title') || undefined, "data-tab-id": item.tabItemId, "data-tab-index": index, onClick: this.handleTabButtonClick, onKeyDown: this.handleTabButtonKeyDown }, hAsync("span", { class: "name" }, this.renderTabIcon(item), !showOnlyIcon && hAsync("span", null, itemLabel))), isActive && hAsync("span", { class: "tab-indicator", part: "indicator", "aria-hidden": "true" }), item.counter && (hAsync("span", { id: `tab-counter-${item.tabItemId}`, class: "results" }, item.counter))));
|
|
45967
|
+
})), hAsync("br-divider", { key: '379d4698cf962821440ba0db49f6ad6c4f4d9672', "color-mode": this.effectiveColorMode }), hAsync("div", { key: 'ae45441ee380aff00b3d10ce204468d9d5337161', class: "tab-content", part: "content" }, hAsync("slot", { key: 'fd27af7f71c2b8ab6aceee196764b03cf53efbe0', ref: (el) => {
|
|
45790
45968
|
this.slotElement = el;
|
|
45791
45969
|
}, onSlotchange: this.registerTabItems })))));
|
|
45792
45970
|
}
|
|
@@ -46002,7 +46180,7 @@ class TabItem {
|
|
|
46002
46180
|
};
|
|
46003
46181
|
}
|
|
46004
46182
|
render() {
|
|
46005
|
-
return (hAsync(Host, { key: '
|
|
46183
|
+
return (hAsync(Host, { key: 'd38057720e25509e1adb3d50c65b316b8857ed40', class: this.getCssClassMap(), id: `tab-panel-${this.tabItemId}`, role: "tabpanel", "aria-labelledby": `tab-button-${this.tabItemId}`, hidden: !(this.active ?? this.isActive), tabindex: (this.active ?? this.isActive) && !this.hasFocusableContent ? 0 : -1 }, hAsync("slot", { key: 'b409428f62310f19f3cd9bdb9f9d5581e092a091', onSlotchange: () => this.updateFocusableContentState() })));
|
|
46006
46184
|
}
|
|
46007
46185
|
get el() { return getElement(this); }
|
|
46008
46186
|
static get watchers() { return {
|
|
@@ -54110,7 +54288,7 @@ exports.hydrateApp = hydrateApp;
|
|
|
54110
54288
|
|
|
54111
54289
|
|
|
54112
54290
|
/*hydrateAppClosure end*/
|
|
54113
|
-
hydrateApp(window, $stencilHydrateOpts, $stencilHydrateResults, $stencilAfterHydrate, $stencilHydrateResolve);
|
|
54291
|
+
hydrateApp(window, $stencilHydrateOpts, $stencilHydrateResults, $stencilAfterHydrate, $stencilHydrateResolve, $stencilAbortController);
|
|
54114
54292
|
}
|
|
54115
54293
|
|
|
54116
54294
|
hydrateAppClosure($stencilWindow);
|
|
@@ -54205,7 +54383,7 @@ var NAMESPACE = (
|
|
|
54205
54383
|
);
|
|
54206
54384
|
|
|
54207
54385
|
/*
|
|
54208
|
-
Stencil Hydrate Runner v4.
|
|
54386
|
+
Stencil Hydrate Runner v4.45.1 | MIT Licensed | https://stenciljs.com
|
|
54209
54387
|
*/
|
|
54210
54388
|
var __create = Object.create;
|
|
54211
54389
|
var __defProp = Object.defineProperty;
|
|
@@ -68352,11 +68530,14 @@ function resetWindow(win2) {
|
|
|
68352
68530
|
} catch (e) {
|
|
68353
68531
|
}
|
|
68354
68532
|
}
|
|
68355
|
-
|
|
68356
|
-
|
|
68357
|
-
|
|
68358
|
-
win2.
|
|
68359
|
-
win2.
|
|
68533
|
+
const windowDestroyed = () => {
|
|
68534
|
+
throw new Error("MockWindow was already destroyed");
|
|
68535
|
+
};
|
|
68536
|
+
win2.fetch = windowDestroyed;
|
|
68537
|
+
win2.Headers = windowDestroyed;
|
|
68538
|
+
win2.Request = windowDestroyed;
|
|
68539
|
+
win2.Response = windowDestroyed;
|
|
68540
|
+
win2.FetchError = windowDestroyed;
|
|
68360
68541
|
}
|
|
68361
68542
|
}
|
|
68362
68543
|
function resetWindowDimensions(win2) {
|
|
@@ -68756,9 +68937,6 @@ var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffi
|
|
|
68756
68937
|
var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
|
|
68757
68938
|
var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
|
|
68758
68939
|
|
|
68759
|
-
// src/runtime/mode.ts
|
|
68760
|
-
var setMode = (handler) => modeResolutionChain.push(handler);
|
|
68761
|
-
|
|
68762
68940
|
// src/utils/local-value.ts
|
|
68763
68941
|
var LocalValue = class _LocalValue {
|
|
68764
68942
|
type;
|
|
@@ -70835,6 +71013,37 @@ var relocateMetaCharset = (doc) => {
|
|
|
70835
71013
|
};
|
|
70836
71014
|
|
|
70837
71015
|
// src/compiler/style/css-parser/parse-css.ts
|
|
71016
|
+
var splitSelectorList = (selectors) => {
|
|
71017
|
+
const parts = [];
|
|
71018
|
+
let depth = 0;
|
|
71019
|
+
let quote = null;
|
|
71020
|
+
let start = 0;
|
|
71021
|
+
for (let i = 0; i < selectors.length; i++) {
|
|
71022
|
+
const ch = selectors[i];
|
|
71023
|
+
if (quote) {
|
|
71024
|
+
if (ch === "\\") {
|
|
71025
|
+
i++;
|
|
71026
|
+
} else if (ch === quote) {
|
|
71027
|
+
quote = null;
|
|
71028
|
+
}
|
|
71029
|
+
continue;
|
|
71030
|
+
}
|
|
71031
|
+
if (ch === '"' || ch === "'") {
|
|
71032
|
+
quote = ch;
|
|
71033
|
+
} else if (ch === "\\") {
|
|
71034
|
+
i++;
|
|
71035
|
+
} else if (ch === "(") {
|
|
71036
|
+
depth++;
|
|
71037
|
+
} else if (ch === ")") {
|
|
71038
|
+
depth = Math.max(0, depth - 1);
|
|
71039
|
+
} else if (ch === "," && depth === 0) {
|
|
71040
|
+
parts.push(selectors.slice(start, i));
|
|
71041
|
+
start = i + 1;
|
|
71042
|
+
}
|
|
71043
|
+
}
|
|
71044
|
+
parts.push(selectors.slice(start));
|
|
71045
|
+
return parts.map((s) => s.trim());
|
|
71046
|
+
};
|
|
70838
71047
|
var parseCss = (css, filePath) => {
|
|
70839
71048
|
let lineno = 1;
|
|
70840
71049
|
let column = 1;
|
|
@@ -70956,11 +71165,8 @@ var parseCss = (css, filePath) => {
|
|
|
70956
71165
|
const selector = () => {
|
|
70957
71166
|
const m = match2(/^([^{]+)/);
|
|
70958
71167
|
if (!m) return null;
|
|
70959
|
-
|
|
70960
|
-
|
|
70961
|
-
}).split(/\s*(?![^(]*\)),\s*/).map(function(s) {
|
|
70962
|
-
return s.replace(/\u200C/g, ",");
|
|
70963
|
-
});
|
|
71168
|
+
const cleaned = trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "");
|
|
71169
|
+
return splitSelectorList(cleaned);
|
|
70964
71170
|
};
|
|
70965
71171
|
const declaration = () => {
|
|
70966
71172
|
const pos = position();
|
|
@@ -72134,10 +72340,6 @@ async function render2(win2, opts, results) {
|
|
|
72134
72340
|
try {
|
|
72135
72341
|
await Promise.resolve(beforeHydrateFn(win2.document));
|
|
72136
72342
|
return new Promise((resolve) => {
|
|
72137
|
-
if (Array.isArray(opts.modes)) {
|
|
72138
|
-
modeResolutionChain.length = 0;
|
|
72139
|
-
opts.modes.forEach((mode) => setMode(mode));
|
|
72140
|
-
}
|
|
72141
72343
|
return hydrateFactory(win2, opts, results, afterHydrate, resolve);
|
|
72142
72344
|
});
|
|
72143
72345
|
} catch (e) {
|