@govbr-ds/webcomponents 2.2.0 → 2.4.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 +1858 -1712
- package/cem/webcomponents.html-custom-data.json +73 -67
- package/dist/cjs/br-avatar.cjs.entry.js +2 -2
- package/dist/cjs/br-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/br-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/br-button_2.cjs.entry.js +10 -5
- package/dist/cjs/br-card.cjs.entry.js +2 -2
- package/dist/cjs/br-carousel-page.cjs.entry.js +2 -2
- package/dist/cjs/br-carousel.cjs.entry.js +2 -2
- package/dist/cjs/br-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/br-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/br-checkgroup.cjs.entry.js +1 -1
- package/dist/cjs/br-collapse_2.cjs.entry.js +11 -7
- package/dist/cjs/br-cookiebar-cookie.cjs.entry.js +2 -2
- package/dist/cjs/br-cookiebar-group.cjs.entry.js +2 -2
- package/dist/cjs/br-cookiebar-header.cjs.entry.js +2 -2
- package/dist/cjs/br-cookiebar-link.cjs.entry.js +2 -2
- package/dist/cjs/br-cookiebar-note-group.cjs.entry.js +2 -2
- package/dist/cjs/br-cookiebar-note.cjs.entry.js +2 -2
- package/dist/cjs/br-cookiebar.cjs.entry.js +2 -2
- package/dist/cjs/br-crumb.cjs.entry.js +1 -1
- package/dist/cjs/br-date-picker_3.cjs.entry.js +869 -517
- package/dist/cjs/br-datetime-picker.cjs.entry.js +1347 -311
- package/dist/cjs/br-divider.cjs.entry.js +2 -2
- package/dist/cjs/br-dropdown_2.cjs.entry.js +282 -165
- package/dist/cjs/br-footer-category.cjs.entry.js +2 -2
- package/dist/cjs/br-footer-item.cjs.entry.js +2 -2
- package/dist/cjs/br-footer-legal.cjs.entry.js +2 -2
- package/dist/cjs/br-footer-logo.cjs.entry.js +2 -2
- package/dist/cjs/br-footer-social.cjs.entry.js +2 -2
- package/dist/cjs/br-footer.cjs.entry.js +2 -2
- package/dist/cjs/br-header-function.cjs.entry.js +2 -2
- package/dist/cjs/br-header-link.cjs.entry.js +2 -2
- package/dist/cjs/br-header-list.cjs.entry.js +2 -2
- package/dist/cjs/br-header-logo.cjs.entry.js +2 -2
- package/dist/cjs/br-header.cjs.entry.js +27 -23
- package/dist/cjs/br-icon.cjs.entry.js +4 -33
- package/dist/cjs/br-input.cjs.entry.js +31 -6
- package/dist/cjs/br-item.cjs.entry.js +5 -4
- package/dist/cjs/br-link.cjs.entry.js +2 -2
- package/dist/cjs/br-loading.cjs.entry.js +2 -2
- package/dist/cjs/br-magic-button.cjs.entry.js +21 -8
- package/dist/cjs/br-menu-group.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-header.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-info.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-link.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-list.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-logo.cjs.entry.js +2 -2
- package/dist/cjs/br-menu-social.cjs.entry.js +2 -2
- package/dist/cjs/br-menu.cjs.entry.js +2 -2
- package/dist/cjs/br-modal.cjs.entry.js +20 -4
- package/dist/cjs/br-notification-body.cjs.entry.js +2 -2
- package/dist/cjs/br-notification-header.cjs.entry.js +2 -2
- package/dist/cjs/br-notification-item.cjs.entry.js +2 -2
- package/dist/cjs/br-notification.cjs.entry.js +2 -2
- package/dist/cjs/br-pagination.cjs.entry.js +4 -4
- package/dist/cjs/br-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/br-radio.cjs.entry.js +3 -3
- package/dist/cjs/br-scrim.cjs.entry.js +2 -2
- package/dist/cjs/br-select-input_3.cjs.entry.js +286 -100
- package/dist/cjs/br-sign-in.cjs.entry.js +8 -4
- package/dist/cjs/br-skip-link-item.cjs.entry.js +1 -1
- package/dist/cjs/br-skip-link.cjs.entry.js +2 -2
- package/dist/cjs/br-skiplink-item.cjs.entry.js +2 -2
- package/dist/cjs/br-slider.cjs.entry.js +3 -3
- package/dist/cjs/br-step_2.cjs.entry.js +3 -3
- package/dist/cjs/br-switch.cjs.entry.js +3 -3
- package/dist/cjs/br-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/br-tab.cjs.entry.js +38 -13
- package/dist/cjs/br-table-body.cjs.entry.js +2 -2
- package/dist/cjs/br-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/br-table-header-cell.cjs.entry.js +2 -2
- package/dist/cjs/br-table-header.cjs.entry.js +2 -2
- package/dist/cjs/br-table-row.cjs.entry.js +2 -2
- package/dist/cjs/br-table.cjs.entry.js +2 -2
- package/dist/cjs/br-tag.cjs.entry.js +3 -3
- package/dist/cjs/br-textarea.cjs.entry.js +3 -3
- package/dist/cjs/br-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/br-upload.cjs.entry.js +7 -23
- package/dist/cjs/br-wizard-panel.cjs.entry.js +2 -2
- package/dist/cjs/br-wizard.cjs.entry.js +2 -2
- package/dist/cjs/{datetime-picker-constants-B5pWeOn1.js → datetime-picker-constants-CCeI5iW7.js} +20 -5
- package/dist/cjs/format-bytes-Cs8SH2w0.js +24 -0
- package/dist/cjs/icon.utils-DF6kMskA.js +46 -0
- package/dist/cjs/{index-CGgZBuyy.js → index-Bc30P_6z.js} +33 -27
- package/dist/cjs/{index-C92n55ch.js → index-C-IpVFDH.js} +13 -13
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{datetime-picker-props-validation-DmNKSXsy.js → isValid-CduHZTFc.js} +1 -483
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/select.utils-C38f5Kea.js +62 -0
- 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/avatar/avatar.css +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.css +1 -1
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/button/button.js +8 -3
- package/dist/collection/components/card/card.css +1 -1
- package/dist/collection/components/carousel/carousel-page/carousel-page.css +1 -1
- package/dist/collection/components/carousel/carousel.css +1 -1
- package/dist/collection/components/checkbox/checkbox.css +1 -1
- package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
- package/dist/collection/components/collapse/collapse.css +1 -1
- package/dist/collection/components/collapse/collapse.js +12 -6
- package/dist/collection/components/cookiebar/cookiebar-cookie/cookiebar-cookie.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-group/cookiebar-group.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-header/cookiebar-header.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-link/cookiebar-link.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-note/cookiebar-note.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar-note-group/cookiebar-note-group.css +1 -1
- package/dist/collection/components/cookiebar/cookiebar.css +1 -1
- package/dist/collection/components/datetime-picker/date-picker/date-picker-locale.js +12 -12
- package/dist/collection/components/datetime-picker/date-picker/date-picker-props-validation.js +14 -13
- package/dist/collection/components/datetime-picker/date-picker/date-picker.css +1 -1
- package/dist/collection/components/datetime-picker/date-picker/date-picker.js +384 -280
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input-constants.js +59 -0
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input-props-validation.js +19 -15
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input.css +1 -1
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input.js +373 -211
- package/dist/collection/components/datetime-picker/datetime-input/datetime-input.types.js +1 -0
- package/dist/collection/components/datetime-picker/datetime-picker-constants.js +19 -5
- package/dist/collection/components/datetime-picker/datetime-picker-form-associated.js +92 -11
- package/dist/collection/components/datetime-picker/datetime-picker-props-validation.js +52 -33
- package/dist/collection/components/datetime-picker/datetime-picker.css +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js +915 -362
- package/dist/collection/components/datetime-picker/datetime-picker.utils.js +62 -49
- package/dist/collection/components/datetime-picker/time-picker/time-picker-constants.js +3 -2
- package/dist/collection/components/datetime-picker/time-picker/time-picker.css +1 -1
- package/dist/collection/components/datetime-picker/time-picker/time-picker.js +148 -85
- package/dist/collection/components/divider/divider.css +1 -1
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/dropdown/dropdown.js +32 -36
- package/dist/collection/components/footer/footer-category/footer-category.css +1 -1
- package/dist/collection/components/footer/footer-item/footer-item.css +1 -1
- package/dist/collection/components/footer/footer-legal/footer-legal.css +1 -1
- package/dist/collection/components/footer/footer-logo/footer-logo.css +1 -1
- package/dist/collection/components/footer/footer-social/footer-social.css +1 -1
- package/dist/collection/components/footer/footer.css +1 -1
- package/dist/collection/components/header/header-function/header-function.css +1 -1
- package/dist/collection/components/header/header-link/header-link.css +1 -1
- package/dist/collection/components/header/header-list/header-list.css +1 -1
- package/dist/collection/components/header/header-logo/header-logo.css +1 -1
- package/dist/collection/components/header/header.css +1 -1
- package/dist/collection/components/header/header.js +25 -21
- package/dist/collection/components/icon/icon.css +1 -1
- 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 +50 -4
- package/dist/collection/components/item/item.css +1 -1
- package/dist/collection/components/item/item.js +4 -3
- package/dist/collection/components/link/link.css +1 -1
- package/dist/collection/components/list/list.css +1 -1
- package/dist/collection/components/loading/loading.css +1 -1
- package/dist/collection/components/magic-button/magic-button.css +1 -1
- package/dist/collection/components/magic-button/magic-button.js +20 -6
- package/dist/collection/components/menu/menu-group/menu-group.css +1 -1
- package/dist/collection/components/menu/menu-header/menu-header.css +1 -1
- package/dist/collection/components/menu/menu-info/menu-info.css +1 -1
- package/dist/collection/components/menu/menu-item/menu-item.css +1 -1
- package/dist/collection/components/menu/menu-link/menu-link.css +1 -1
- package/dist/collection/components/menu/menu-list/menu-list.css +1 -1
- package/dist/collection/components/menu/menu-logo/menu-logo.css +1 -1
- package/dist/collection/components/menu/menu-social/menu-social.css +1 -1
- package/dist/collection/components/menu/menu.css +1 -1
- package/dist/collection/components/message/message.css +1 -1
- package/dist/collection/components/modal/modal.css +1 -1
- package/dist/collection/components/modal/modal.js +19 -3
- package/dist/collection/components/notification/notification-body/notification-body.css +1 -1
- package/dist/collection/components/notification/notification-header/notification-header.css +1 -1
- package/dist/collection/components/notification/notification-item/notification-item.css +1 -1
- package/dist/collection/components/notification/notification.css +1 -1
- package/dist/collection/components/pagination/pagination.css +1 -1
- package/dist/collection/components/pagination/pagination.js +4 -2
- package/dist/collection/components/radio/radio.css +1 -1
- package/dist/collection/components/radio-group/radio-group.css +1 -1
- package/dist/collection/components/scrim/scrim.css +1 -1
- package/dist/collection/components/select/select-input/select-input.css +1 -1
- package/dist/collection/components/select/select-input/select-input.js +126 -18
- package/dist/collection/components/select/select-list/select-list.css +1 -1
- package/dist/collection/components/select/select-list/select-list.js +218 -66
- package/dist/collection/components/select/select-option/select-option.css +1 -1
- package/dist/collection/components/select/select-option/select-option.js +14 -5
- package/dist/collection/components/select/select.css +1 -1
- package/dist/collection/components/select/select.js +303 -94
- package/dist/collection/components/select/select.utils.js +29 -8
- package/dist/collection/components/sign-in/sign-in.css +1 -1
- package/dist/collection/components/sign-in/sign-in.js +8 -4
- package/dist/collection/components/skip-link/skip-link-item/skip-link-item.css +1 -1
- package/dist/collection/components/skip-link/skip-link.css +1 -1
- package/dist/collection/components/slider/slider.css +1 -1
- package/dist/collection/components/step/step-item/step-item.css +1 -1
- package/dist/collection/components/step/step.css +1 -1
- package/dist/collection/components/switch/switch.css +1 -1
- package/dist/collection/components/tab/tab-item/tab-item.css +1 -1
- 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/components/table/table-body/table-body.css +1 -1
- package/dist/collection/components/table/table-cell/table-cell.css +1 -1
- package/dist/collection/components/table/table-header/table-header.css +1 -1
- package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -1
- package/dist/collection/components/table/table-row/table-row.css +1 -1
- package/dist/collection/components/table/table.css +1 -1
- package/dist/collection/components/tag/tag.css +1 -1
- package/dist/collection/components/textarea/textarea.css +1 -1
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/collection/components/upload/upload.css +1 -1
- package/dist/collection/components/wizard/wizard-panel/wizard-panel.css +1 -1
- package/dist/collection/components/wizard/wizard.css +1 -1
- 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-5h-W9_JR.js +5 -0
- package/dist/components/p-848QkYoM.js +5 -0
- package/dist/components/p-B7bNfmgh.js +5 -0
- package/dist/components/p-BFHvuEnN.js +5 -0
- package/dist/components/p-BH6QYnAr.js +5 -0
- package/dist/{webcomponents/p-6c2fe5e4.entry.js → components/p-BcW8O6h2.js} +1 -1
- package/dist/components/p-BicHMcSS.js +5 -0
- package/dist/components/p-Bs7iRQTG.js +5 -0
- package/dist/components/{p-DSHbttu9.js → p-Bvrw9yWR.js} +1 -1
- package/dist/components/p-BzQFMh9j.js +5 -0
- package/dist/components/p-CBHd0-fF.js +5 -0
- package/dist/components/p-CCPHCJjw.js +5 -0
- package/dist/components/p-CDTENPaP.js +5 -0
- package/dist/components/{p-BcqVlof7.js → p-CbgKdASU.js} +1 -1
- package/dist/components/p-CeNELttN.js +5 -0
- package/dist/components/p-CjtmJTLO.js +5 -0
- package/dist/components/{p-DTGNra9m.js → p-D-3G3Ioq.js} +1 -1
- package/dist/components/p-DDu3JV_r.js +5 -0
- package/dist/components/p-DFWqyfUe.js +5 -0
- package/dist/components/p-DL6xuxGG.js +5 -0
- package/dist/components/p-DOX9Uwk1.js +5 -0
- package/dist/components/p-DUq7uT2-.js +5 -0
- package/dist/components/p-Devw08cc.js +5 -0
- package/dist/components/p-Di96UxvH.js +5 -0
- package/dist/components/p-Dp3MsSXu.js +5 -0
- package/dist/components/p-DsO4F0Cz.js +5 -0
- package/dist/components/p-DuLHFTpa.js +5 -0
- package/dist/components/p-DusornQ0.js +5 -0
- package/dist/components/{p-Dma14GVa.js → p-Jk_KQE5V.js} +1 -1
- package/dist/components/p-OQpiDEK9.js +5 -0
- package/dist/components/p-PV731d8s.js +5 -0
- package/dist/components/p-XW6Hp_Jk.js +5 -0
- package/dist/components/p-jOb1hCPi.js +5 -0
- package/dist/components/p-rMnkh3Cy.js +5 -0
- package/dist/components/p-ta-24T1Z.js +5 -0
- package/dist/esm/br-avatar.entry.js +2 -2
- package/dist/esm/br-breadcrumb-item.entry.js +1 -1
- package/dist/esm/br-breadcrumb.entry.js +2 -2
- package/dist/esm/br-button_2.entry.js +10 -5
- package/dist/esm/br-card.entry.js +2 -2
- package/dist/esm/br-carousel-page.entry.js +2 -2
- package/dist/esm/br-carousel.entry.js +3 -3
- package/dist/esm/br-checkbox-group.entry.js +2 -2
- package/dist/esm/br-checkbox.entry.js +4 -4
- package/dist/esm/br-checkgroup.entry.js +1 -1
- package/dist/esm/br-collapse_2.entry.js +12 -8
- package/dist/esm/br-cookiebar-cookie.entry.js +2 -2
- package/dist/esm/br-cookiebar-group.entry.js +2 -2
- package/dist/esm/br-cookiebar-header.entry.js +2 -2
- package/dist/esm/br-cookiebar-link.entry.js +2 -2
- package/dist/esm/br-cookiebar-note-group.entry.js +2 -2
- package/dist/esm/br-cookiebar-note.entry.js +2 -2
- package/dist/esm/br-cookiebar.entry.js +3 -3
- package/dist/esm/br-crumb.entry.js +1 -1
- package/dist/esm/br-date-picker_3.entry.js +844 -492
- package/dist/esm/br-datetime-picker.entry.js +1316 -280
- package/dist/esm/br-divider.entry.js +2 -2
- package/dist/esm/br-dropdown_2.entry.js +281 -164
- package/dist/esm/br-footer-category.entry.js +2 -2
- package/dist/esm/br-footer-item.entry.js +2 -2
- package/dist/esm/br-footer-legal.entry.js +2 -2
- package/dist/esm/br-footer-logo.entry.js +2 -2
- package/dist/esm/br-footer-social.entry.js +2 -2
- package/dist/esm/br-footer.entry.js +2 -2
- package/dist/esm/br-header-function.entry.js +2 -2
- package/dist/esm/br-header-link.entry.js +2 -2
- package/dist/esm/br-header-list.entry.js +3 -3
- package/dist/esm/br-header-logo.entry.js +2 -2
- package/dist/esm/br-header.entry.js +27 -23
- package/dist/esm/br-icon.entry.js +3 -32
- package/dist/esm/br-input.entry.js +32 -7
- package/dist/esm/br-item.entry.js +5 -4
- package/dist/esm/br-link.entry.js +2 -2
- package/dist/esm/br-loading.entry.js +2 -2
- package/dist/esm/br-magic-button.entry.js +21 -8
- package/dist/esm/br-menu-group.entry.js +2 -2
- package/dist/esm/br-menu-header.entry.js +2 -2
- package/dist/esm/br-menu-info.entry.js +2 -2
- package/dist/esm/br-menu-item.entry.js +2 -2
- package/dist/esm/br-menu-link.entry.js +2 -2
- package/dist/esm/br-menu-list.entry.js +2 -2
- package/dist/esm/br-menu-logo.entry.js +2 -2
- package/dist/esm/br-menu-social.entry.js +2 -2
- package/dist/esm/br-menu.entry.js +3 -3
- package/dist/esm/br-modal.entry.js +21 -5
- package/dist/esm/br-notification-body.entry.js +2 -2
- package/dist/esm/br-notification-header.entry.js +2 -2
- package/dist/esm/br-notification-item.entry.js +2 -2
- package/dist/esm/br-notification.entry.js +3 -3
- package/dist/esm/br-pagination.entry.js +4 -4
- package/dist/esm/br-radio-group.entry.js +4 -4
- package/dist/esm/br-radio.entry.js +4 -4
- package/dist/esm/br-scrim.entry.js +2 -2
- package/dist/esm/br-select-input_3.entry.js +286 -100
- package/dist/esm/br-sign-in.entry.js +8 -4
- package/dist/esm/br-skip-link-item.entry.js +1 -1
- package/dist/esm/br-skip-link.entry.js +2 -2
- package/dist/esm/br-skiplink-item.entry.js +2 -2
- package/dist/esm/br-slider.entry.js +4 -4
- package/dist/esm/br-step_2.entry.js +3 -3
- package/dist/esm/br-switch.entry.js +4 -4
- package/dist/esm/br-tab-item.entry.js +3 -3
- package/dist/esm/br-tab.entry.js +38 -13
- package/dist/esm/br-table-body.entry.js +2 -2
- package/dist/esm/br-table-cell.entry.js +2 -2
- package/dist/esm/br-table-header-cell.entry.js +2 -2
- package/dist/esm/br-table-header.entry.js +2 -2
- package/dist/esm/br-table-row.entry.js +2 -2
- package/dist/esm/br-table.entry.js +2 -2
- package/dist/esm/br-tag.entry.js +4 -4
- package/dist/esm/br-textarea.entry.js +4 -4
- package/dist/esm/br-tooltip.entry.js +3 -3
- package/dist/esm/br-upload.entry.js +5 -21
- package/dist/esm/br-wizard-panel.entry.js +2 -2
- package/dist/esm/br-wizard.entry.js +2 -2
- package/dist/esm/{datetime-picker-constants-BtRPYRvA.js → datetime-picker-constants-DDc4sADe.js} +20 -6
- package/dist/esm/{event-CfuJQ1DY.js → event-6Da1SZ3J.js} +1 -1
- package/dist/esm/format-bytes-B7bNfmgh.js +22 -0
- package/dist/esm/icon.utils-zlORkiHQ.js +43 -0
- package/dist/esm/{index-Dcn7tRST.js → index-ConyRdJe.js} +33 -27
- package/dist/esm/{index-BQPOWxe5.js → index-CytVKoHT.js} +13 -13
- package/dist/esm/index.js +2 -2
- package/dist/esm/{datetime-picker-props-validation-BeTcUTnE.js → isValid-Bee0Uvqc.js} +2 -477
- package/dist/esm/loader.js +3 -3
- package/dist/esm/select.utils-BYsh2ZdE.js +57 -0
- package/dist/esm/{validator-D3tVP32U.js → validator-BkWWrDEr.js} +18 -1
- package/dist/esm/webcomponents.js +4 -4
- package/dist/hydrate/index.js +3314 -1806
- package/dist/hydrate/index.mjs +3314 -1806
- package/dist/types/components/button/button.d.ts +2 -1
- package/dist/types/components/collapse/collapse.d.ts +6 -2
- package/dist/types/components/datetime-picker/date-picker/date-picker-locale.d.ts +9 -9
- package/dist/types/components/datetime-picker/date-picker/date-picker-props-validation.d.ts +14 -13
- package/dist/types/components/datetime-picker/date-picker/date-picker.d.ts +264 -161
- package/dist/types/components/datetime-picker/datetime-input/datetime-input-constants.d.ts +14 -0
- package/dist/types/components/datetime-picker/datetime-input/datetime-input-props-validation.d.ts +19 -15
- package/dist/types/components/datetime-picker/datetime-input/datetime-input.d.ts +229 -98
- package/dist/types/components/datetime-picker/datetime-input/datetime-input.types.d.ts +36 -0
- package/dist/types/components/datetime-picker/datetime-picker-constants.d.ts +19 -5
- package/dist/types/components/datetime-picker/datetime-picker-form-associated.d.ts +32 -5
- package/dist/types/components/datetime-picker/datetime-picker-props-validation.d.ts +22 -24
- package/dist/types/components/datetime-picker/datetime-picker.d.ts +508 -235
- package/dist/types/components/datetime-picker/datetime-picker.types.d.ts +75 -21
- package/dist/types/components/datetime-picker/datetime-picker.utils.d.ts +53 -47
- package/dist/types/components/datetime-picker/time-picker/time-picker-constants.d.ts +3 -2
- package/dist/types/components/datetime-picker/time-picker/time-picker.d.ts +126 -55
- 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 +18 -1
- package/dist/types/components/input/input.types.d.ts +4 -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/select/select-input/select-input.d.ts +9 -2
- package/dist/types/components/select/select-list/select-list.d.ts +14 -2
- package/dist/types/components/select/select-option/select-option.d.ts +1 -0
- package/dist/types/components/select/select.d.ts +47 -7
- package/dist/types/components/select/select.types.d.ts +12 -0
- package/dist/types/components/select/select.utils.d.ts +3 -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 +405 -318
- package/dist/types/shared/utils/form.d.ts +8 -0
- package/dist/types/stencil-public-runtime.d.ts +61 -55
- package/dist/webcomponents/index.esm.js +1 -1
- package/dist/webcomponents/p-01801ac1.entry.js +5 -0
- package/dist/webcomponents/p-05b459f2.entry.js +5 -0
- package/dist/webcomponents/p-08ac6f09.entry.js +5 -0
- package/dist/webcomponents/{p-cff24492.entry.js → p-09817344.entry.js} +1 -1
- package/dist/webcomponents/p-09c79c1d.entry.js +5 -0
- package/dist/webcomponents/p-0fc112fc.entry.js +5 -0
- package/dist/webcomponents/p-13babfc4.entry.js +5 -0
- package/dist/webcomponents/p-15022ab7.entry.js +5 -0
- package/dist/webcomponents/p-172d42c2.entry.js +5 -0
- package/dist/webcomponents/p-18cf093a.entry.js +5 -0
- package/dist/webcomponents/p-198aa844.entry.js +5 -0
- package/dist/webcomponents/p-1ba60d13.entry.js +5 -0
- package/dist/webcomponents/p-1bb96641.entry.js +5 -0
- package/dist/webcomponents/{p-7acf20d3.entry.js → p-20477061.entry.js} +1 -1
- package/dist/webcomponents/p-21feda62.entry.js +5 -0
- package/dist/webcomponents/p-23a5cfd7.entry.js +5 -0
- package/dist/webcomponents/{p-030c02f8.entry.js → p-2c8595d3.entry.js} +1 -1
- package/dist/webcomponents/{p-09770c98.entry.js → p-31a4694a.entry.js} +1 -1
- package/dist/webcomponents/p-32ea6342.entry.js +5 -0
- package/dist/webcomponents/p-3658adcf.entry.js +5 -0
- package/dist/webcomponents/p-37914e63.entry.js +5 -0
- package/dist/webcomponents/p-3b0dd0ff.entry.js +5 -0
- package/dist/webcomponents/p-42b60169.entry.js +5 -0
- package/dist/webcomponents/p-42c9c6c5.entry.js +5 -0
- package/dist/{components/p-SvVnvJdC.js → webcomponents/p-473561f2.entry.js} +1 -1
- package/dist/webcomponents/p-47c490ef.entry.js +5 -0
- package/dist/webcomponents/p-4b01c60f.entry.js +5 -0
- package/dist/webcomponents/p-5a5ed7d8.entry.js +5 -0
- package/dist/webcomponents/{p-c8b7bbab.entry.js → p-5a7c2031.entry.js} +1 -1
- package/dist/webcomponents/p-609cf652.entry.js +5 -0
- package/dist/webcomponents/p-614683d9.entry.js +5 -0
- package/dist/webcomponents/p-67605757.entry.js +5 -0
- package/dist/{components/p-CppRJiyC.js → webcomponents/p-67774920.entry.js} +1 -1
- package/dist/webcomponents/p-67d62559.entry.js +5 -0
- package/dist/webcomponents/p-695dbeb0.entry.js +5 -0
- package/dist/webcomponents/{p-CfuJQ1DY.js → p-6Da1SZ3J.js} +1 -1
- package/dist/webcomponents/p-6a293be8.entry.js +5 -0
- package/dist/webcomponents/{p-03359c92.entry.js → p-6f1a4fbe.entry.js} +1 -1
- package/dist/webcomponents/p-7352d459.entry.js +5 -0
- package/dist/webcomponents/p-745213f7.entry.js +5 -0
- package/dist/webcomponents/p-794b701b.entry.js +5 -0
- package/dist/webcomponents/{p-d826c052.entry.js → p-7ee564a1.entry.js} +1 -1
- package/dist/webcomponents/{p-e20188c0.entry.js → p-7fda8b89.entry.js} +1 -1
- package/dist/webcomponents/p-8116ee93.entry.js +5 -0
- package/dist/webcomponents/p-821341dc.entry.js +5 -0
- package/dist/webcomponents/p-8aa6f07c.entry.js +5 -0
- package/dist/webcomponents/p-8ddf3ce3.entry.js +5 -0
- package/dist/webcomponents/p-95f3c44a.entry.js +5 -0
- package/dist/webcomponents/p-96dbb585.entry.js +5 -0
- package/dist/webcomponents/p-9815ab95.entry.js +5 -0
- package/dist/webcomponents/{p-327f034f.entry.js → p-9e0324a7.entry.js} +1 -1
- package/dist/webcomponents/p-B7bNfmgh.js +5 -0
- package/dist/webcomponents/p-BYsh2ZdE.js +5 -0
- package/dist/webcomponents/p-BkWWrDEr.js +5 -0
- package/dist/webcomponents/p-CJipT0in.js +5 -0
- package/dist/webcomponents/{p-Dcn7tRST.js → p-ConyRdJe.js} +1 -1
- package/dist/webcomponents/{p-BtRPYRvA.js → p-DDc4sADe.js} +1 -1
- package/dist/webcomponents/p-a038be16.entry.js +5 -0
- package/dist/webcomponents/p-a32d17cb.entry.js +5 -0
- package/dist/webcomponents/p-a46f068e.entry.js +5 -0
- package/dist/webcomponents/p-a89b684d.entry.js +5 -0
- package/dist/webcomponents/{p-abaf2365.entry.js → p-ac68355e.entry.js} +1 -1
- package/dist/webcomponents/{p-ed5af0e4.entry.js → p-af888d13.entry.js} +1 -1
- package/dist/webcomponents/p-b0124459.entry.js +5 -0
- package/dist/webcomponents/p-b063c12f.entry.js +5 -0
- package/dist/webcomponents/p-b07bfdc5.entry.js +5 -0
- package/dist/webcomponents/{p-f558d7b9.entry.js → p-b55425b7.entry.js} +1 -1
- package/dist/webcomponents/{p-a0931550.entry.js → p-b5d25332.entry.js} +1 -1
- package/dist/webcomponents/p-b609b464.entry.js +5 -0
- package/dist/webcomponents/p-b66ab52d.entry.js +5 -0
- package/dist/webcomponents/p-b8d4ace3.entry.js +5 -0
- package/dist/webcomponents/p-c717c745.entry.js +5 -0
- package/dist/webcomponents/p-ce3d689c.entry.js +5 -0
- package/dist/webcomponents/p-d08b6266.entry.js +5 -0
- package/dist/webcomponents/p-d6165aa0.entry.js +5 -0
- package/dist/webcomponents/{p-01fb0754.entry.js → p-dacb7e2c.entry.js} +1 -1
- package/dist/webcomponents/p-db309a11.entry.js +5 -0
- package/dist/webcomponents/{p-edc6da0e.entry.js → p-dc23cb2e.entry.js} +1 -1
- package/dist/webcomponents/p-e241caf3.entry.js +5 -0
- package/dist/webcomponents/p-e661c024.entry.js +5 -0
- package/dist/webcomponents/p-e7107869.entry.js +5 -0
- package/dist/webcomponents/p-eb94199d.entry.js +5 -0
- package/dist/webcomponents/p-f8993ae4.entry.js +5 -0
- package/dist/webcomponents/{p-670e8fec.entry.js → p-f99d8c9c.entry.js} +1 -1
- package/dist/webcomponents/{p-DV-iW9Aj.js → p-fOJu6uZR.js} +1 -1
- package/dist/webcomponents/{p-a212fd85.entry.js → p-fb76b1e0.entry.js} +1 -1
- package/dist/webcomponents/p-fdcb54a3.entry.js +5 -0
- package/dist/webcomponents/{p-e3de5bb3.entry.js → p-fed02286.entry.js} +1 -1
- package/dist/webcomponents/p-zlORkiHQ.js +5 -0
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +2 -2
- package/dist/components/p-B0o70fWP.js +0 -5
- package/dist/components/p-B96LROz9.js +0 -5
- package/dist/components/p-BDqef5-y.js +0 -5
- package/dist/components/p-BP5zMCxG.js +0 -5
- package/dist/components/p-BRaphxoP.js +0 -5
- package/dist/components/p-BUzBa9L1.js +0 -5
- package/dist/components/p-BblZlUp2.js +0 -5
- package/dist/components/p-Bc4nAk5i.js +0 -5
- package/dist/components/p-Bezou5CQ.js +0 -5
- package/dist/components/p-BrNh9KdF.js +0 -5
- package/dist/components/p-C5th2dxu.js +0 -5
- package/dist/components/p-CEdUp183.js +0 -5
- package/dist/components/p-CF7t0uxQ.js +0 -5
- package/dist/components/p-CFzHx6zV.js +0 -5
- package/dist/components/p-CG4em0S6.js +0 -5
- package/dist/components/p-CI4D3-pf.js +0 -5
- package/dist/components/p-CIrVPkVg.js +0 -5
- package/dist/components/p-CdDwqbBv.js +0 -5
- package/dist/components/p-Cvk1Ggs5.js +0 -5
- package/dist/components/p-D12US39c.js +0 -5
- package/dist/components/p-DGPJkJsj.js +0 -5
- package/dist/components/p-DX1wAFn4.js +0 -5
- package/dist/components/p-DpRZ4B0d.js +0 -5
- package/dist/components/p-G35qEQZd.js +0 -5
- package/dist/components/p-Ho_IybzR.js +0 -5
- package/dist/components/p-emAWunES.js +0 -5
- package/dist/components/p-fB79wKCm.js +0 -5
- package/dist/components/p-k7p4QJ8a.js +0 -5
- package/dist/webcomponents/p-01baafce.entry.js +0 -5
- package/dist/webcomponents/p-0b9714f1.entry.js +0 -5
- package/dist/webcomponents/p-12aa36a8.entry.js +0 -5
- package/dist/webcomponents/p-130b6e06.entry.js +0 -5
- package/dist/webcomponents/p-144f8c8d.entry.js +0 -5
- package/dist/webcomponents/p-14fe22e2.entry.js +0 -5
- package/dist/webcomponents/p-1ff9210a.entry.js +0 -5
- package/dist/webcomponents/p-2605cdc3.entry.js +0 -5
- package/dist/webcomponents/p-27afaec9.entry.js +0 -5
- package/dist/webcomponents/p-2a50e42d.entry.js +0 -5
- package/dist/webcomponents/p-342650b8.entry.js +0 -5
- package/dist/webcomponents/p-38f6a78b.entry.js +0 -5
- package/dist/webcomponents/p-3920fe3a.entry.js +0 -5
- package/dist/webcomponents/p-3ae97345.entry.js +0 -5
- package/dist/webcomponents/p-3cce767c.entry.js +0 -5
- package/dist/webcomponents/p-3df6c5d2.entry.js +0 -5
- package/dist/webcomponents/p-3e287899.entry.js +0 -5
- package/dist/webcomponents/p-3e5580ba.entry.js +0 -5
- package/dist/webcomponents/p-403637dd.entry.js +0 -5
- package/dist/webcomponents/p-435c8ef2.entry.js +0 -5
- package/dist/webcomponents/p-59da5b55.entry.js +0 -5
- package/dist/webcomponents/p-5dd4314c.entry.js +0 -5
- package/dist/webcomponents/p-646af6a5.entry.js +0 -5
- package/dist/webcomponents/p-68046544.entry.js +0 -5
- package/dist/webcomponents/p-68ec76b8.entry.js +0 -5
- package/dist/webcomponents/p-6c0ea20c.entry.js +0 -5
- package/dist/webcomponents/p-707df9b9.entry.js +0 -5
- package/dist/webcomponents/p-72b839fe.entry.js +0 -5
- package/dist/webcomponents/p-73dcc05b.entry.js +0 -5
- package/dist/webcomponents/p-7b01bddb.entry.js +0 -5
- package/dist/webcomponents/p-7cd38850.entry.js +0 -5
- package/dist/webcomponents/p-82454383.entry.js +0 -5
- package/dist/webcomponents/p-91e959a8.entry.js +0 -5
- package/dist/webcomponents/p-964c01e6.entry.js +0 -5
- package/dist/webcomponents/p-9858e42a.entry.js +0 -5
- package/dist/webcomponents/p-9c4200b0.entry.js +0 -5
- package/dist/webcomponents/p-9d9c87b1.entry.js +0 -5
- package/dist/webcomponents/p-B0PbhaxL.js +0 -5
- package/dist/webcomponents/p-D3tVP32U.js +0 -5
- package/dist/webcomponents/p-a2e75143.entry.js +0 -5
- package/dist/webcomponents/p-a3bb98c9.entry.js +0 -5
- package/dist/webcomponents/p-a8b5dba0.entry.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-b506b0a1.entry.js +0 -5
- package/dist/webcomponents/p-b520c08c.entry.js +0 -5
- package/dist/webcomponents/p-b94c3f84.entry.js +0 -5
- package/dist/webcomponents/p-bda62f90.entry.js +0 -5
- package/dist/webcomponents/p-c201ae16.entry.js +0 -5
- package/dist/webcomponents/p-c7e899a1.entry.js +0 -5
- package/dist/webcomponents/p-cbf3e251.entry.js +0 -5
- package/dist/webcomponents/p-d35cf5b4.entry.js +0 -5
- package/dist/webcomponents/p-d45ffe9c.entry.js +0 -5
- package/dist/webcomponents/p-d719a4af.entry.js +0 -5
- package/dist/webcomponents/p-da21a60d.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-e624ff04.entry.js +0 -5
- package/dist/webcomponents/p-f24fcf3d.entry.js +0 -5
- package/dist/webcomponents/p-f52ef0dc.entry.js +0 -5
- package/dist/webcomponents/p-fcab1428.entry.js +0 -5
- package/dist/webcomponents/p-fe1729a7.entry.js +0 -5
|
@@ -1,215 +1,316 @@
|
|
|
1
1
|
import { type EventEmitter } from '../../../stencil-public-runtime';
|
|
2
2
|
import type { DatetimePickerDateRange, DatetimePickerDateState, DatetimePickerMode, DatetimePickerSelectionMode } from '../datetime-picker.types';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* O `br-datetime-input` é o subcomponente de edição textual do `br-datetime-picker`, com máscara, interpretação de datas e horários e validação local sobre um `br-input` interno.
|
|
5
5
|
*
|
|
6
6
|
* ### Papel na composição
|
|
7
7
|
*
|
|
8
|
-
*
|
|
9
|
-
* - Contém o botão de acionamento para expandir ou recolher o popup do calendário.
|
|
8
|
+
* Exibe e permite editar a seleção única ou os limites de um intervalo nos modos `date`, `time` e `datetime`. Comunica alterações por `dateStateChange`, informa a validação local por `inputValidationChange` e solicita a abertura ou o fechamento do painel por `togglePicker`.
|
|
10
9
|
*
|
|
11
10
|
* ### Regra de uso e relacionamento
|
|
12
11
|
*
|
|
13
|
-
*
|
|
12
|
+
* O `br-datetime-picker` instancia este campo internamente e fornece valores e configurações por propriedades. O pai coordena a seleção com o calendário e os controles de horário; o campo não abre esses seletores por conta própria nem deve ser fornecido em slot.
|
|
14
13
|
*
|
|
15
|
-
*
|
|
14
|
+
* Prefira o `br-datetime-picker` para o controle completo. Use o campo isoladamente apenas em composições personalizadas nas quais a aplicação assuma a sincronização de estado, o tratamento dos eventos e a integração com formulários. Este subcomponente não possui a associação nativa ao formulário do orquestrador.
|
|
16
15
|
*
|
|
17
|
-
*
|
|
18
|
-
* @status stable
|
|
16
|
+
* Consulte também as [diretrizes de design do GovBR](https://www.gov.br/ds/components/datetime?tab=designer).
|
|
19
17
|
*
|
|
20
|
-
* @
|
|
21
|
-
* @part
|
|
22
|
-
* @part
|
|
18
|
+
* @see https://www.gov.br/ds/components/datetime?tab=designer
|
|
19
|
+
* @part container - Container do campo.
|
|
20
|
+
* @part input - Elemento de entrada textual interno.
|
|
21
|
+
* @part icon - Ícone de ação (calendário/relógio).
|
|
23
22
|
*/
|
|
24
23
|
export declare class DatetimeInput {
|
|
25
24
|
/** Referência ao elemento host do componente no DOM. */
|
|
26
25
|
el: HTMLBrDatetimeInputElement;
|
|
27
|
-
/** Move o foco para o input interno sem expor a árvore privada ao componente pai. @internal */
|
|
28
|
-
focusInput(): Promise<void>;
|
|
29
|
-
/** Valor textual exibido no campo e usado durante a edição manual. */
|
|
30
|
-
private inputValue;
|
|
31
|
-
private actionButton?;
|
|
32
26
|
/**
|
|
33
|
-
*
|
|
27
|
+
* Texto de placeholder exibido quando o campo estiver vazio.
|
|
34
28
|
*
|
|
35
29
|
* @default ''
|
|
36
30
|
*/
|
|
37
31
|
placeholder: string;
|
|
38
32
|
/**
|
|
39
|
-
*
|
|
33
|
+
* Modo de entrada que controla máscara, parser e formato exibido.
|
|
40
34
|
*
|
|
41
35
|
* @default 'datetime'
|
|
42
36
|
*/
|
|
43
37
|
mode: DatetimePickerMode;
|
|
44
38
|
/**
|
|
45
|
-
* Data de referência
|
|
46
|
-
* Recebe uma instância de `Date` por property binding.
|
|
39
|
+
* Data de referência usada para navegação e preenchimento de valores parciais.
|
|
47
40
|
*
|
|
48
41
|
* @default new Date()
|
|
49
|
-
* @example
|
|
50
|
-
* ```js
|
|
51
|
-
* const input = document.querySelector('br-datetime-input');
|
|
52
|
-
* input.referenceDate = new Date(2026, 8, 1);
|
|
53
|
-
* ```
|
|
54
42
|
*/
|
|
55
43
|
referenceDate: Date;
|
|
56
44
|
/**
|
|
57
|
-
*
|
|
58
|
-
* de `referenceDate`, que controla apenas a referência visual.
|
|
59
|
-
* Recebe uma instância de `Date` por property binding.
|
|
45
|
+
* Valor atualmente selecionado pelo componente.
|
|
60
46
|
*
|
|
61
47
|
* @default null
|
|
62
|
-
* @example
|
|
63
|
-
* ```js
|
|
64
|
-
* const input = document.querySelector('br-datetime-input');
|
|
65
|
-
* input.value = new Date(2026, 8, 7, 14, 30);
|
|
66
|
-
* ```
|
|
67
48
|
*/
|
|
68
49
|
value: Date | null;
|
|
69
50
|
/**
|
|
70
|
-
*
|
|
51
|
+
* Controla os estados de read-only ou bloqueio de formulário.
|
|
71
52
|
*
|
|
72
53
|
* @default false
|
|
73
54
|
*/
|
|
74
55
|
disabled: boolean;
|
|
75
56
|
/**
|
|
76
|
-
* Define
|
|
77
|
-
* Aceita `single` ou `range`; valores inválidos usam `single`.
|
|
57
|
+
* Define o modo de seleção: `single` (valor único) ou `range` (intervalo).
|
|
78
58
|
*
|
|
79
59
|
* @default 'single'
|
|
80
60
|
*/
|
|
81
61
|
selectionMode: DatetimePickerSelectionMode;
|
|
82
|
-
private get effectiveSelectionMode();
|
|
83
62
|
/**
|
|
84
|
-
*
|
|
63
|
+
* Início do intervalo em `selectionMode === 'range'`.
|
|
85
64
|
*
|
|
86
65
|
* @default null
|
|
87
66
|
*/
|
|
88
67
|
rangeStart: Date | null;
|
|
89
68
|
/**
|
|
90
|
-
*
|
|
69
|
+
* Fim do intervalo em `selectionMode === 'range'`.
|
|
91
70
|
*
|
|
92
71
|
* @default null
|
|
93
72
|
*/
|
|
94
73
|
rangeEnd: Date | null;
|
|
95
74
|
/**
|
|
96
|
-
* Intervalo controlado no modo `range
|
|
97
|
-
* Deve conter datas válidas ou `null`; valores inválidos são ignorados. Passe o objeto por property binding.
|
|
75
|
+
* Intervalo controlado no modo `range` como objeto `{ start, end }`.
|
|
98
76
|
*
|
|
99
|
-
* @
|
|
100
|
-
* ```js
|
|
101
|
-
* const input = document.querySelector('br-datetime-input');
|
|
102
|
-
* input.selectionMode = 'range';
|
|
103
|
-
* input.rangeValue = { start: new Date(2026, 8, 7), end: new Date(2026, 8, 12) };
|
|
104
|
-
* ```
|
|
77
|
+
* @type {DatetimePickerDateRange | undefined}
|
|
105
78
|
*/
|
|
106
79
|
rangeValue?: DatetimePickerDateRange;
|
|
80
|
+
/**
|
|
81
|
+
* Evento emitido quando o estado de data/hora muda (após commit ou parsing).
|
|
82
|
+
*
|
|
83
|
+
* Payload (`detail`):
|
|
84
|
+
* @property {Date} referenceDate - Data de referência usada na navegação.
|
|
85
|
+
* @property {Date|null} value - Valor selecionado ou `null`.
|
|
86
|
+
* @property {DatetimePickerDateRange} [range] - Intervalo quando `selectionMode === 'range'`.
|
|
87
|
+
*/
|
|
88
|
+
dateStateChange: EventEmitter<DatetimePickerDateState>;
|
|
89
|
+
/**
|
|
90
|
+
* Emite uma solicitação ao componente pai para alternar a abertura do picker.
|
|
91
|
+
* Emite sem payload.
|
|
92
|
+
*
|
|
93
|
+
* @event togglePicker
|
|
94
|
+
*/
|
|
95
|
+
togglePicker: EventEmitter<void>;
|
|
96
|
+
/**
|
|
97
|
+
* Emite validação do texto digitado sem alterar o valor selecionado.
|
|
98
|
+
*
|
|
99
|
+
* Payload (`detail`):
|
|
100
|
+
* @property {boolean|null} valid - Indica se o texto é considerado válido (`null` enquanto edição).
|
|
101
|
+
* @property {string} message - Mensagem de erro explicativa (vazia quando válido).
|
|
102
|
+
* @property {string} [origin] - Identificador explícito da origem do evento
|
|
103
|
+
*/
|
|
104
|
+
inputValidationChange: EventEmitter<{
|
|
105
|
+
valid: boolean | null;
|
|
106
|
+
message: string;
|
|
107
|
+
origin?: string;
|
|
108
|
+
}>;
|
|
109
|
+
/**
|
|
110
|
+
* Marcador do último texto confirmado (commit) exibido no input.
|
|
111
|
+
*
|
|
112
|
+
* @internal
|
|
113
|
+
* @type {string | null}
|
|
114
|
+
* @default null
|
|
115
|
+
*/
|
|
116
|
+
private lastCommittedInputText;
|
|
117
|
+
/**
|
|
118
|
+
* Texto atual do campo usado durante a edição manual.
|
|
119
|
+
*
|
|
120
|
+
* @internal Mantido localmente; não faz parte do contrato público do componente.
|
|
121
|
+
* @type {string}
|
|
122
|
+
* @default ''
|
|
123
|
+
*/
|
|
124
|
+
private inputValue;
|
|
125
|
+
/**
|
|
126
|
+
* Watcher: sincroniza `rangeStart`/`rangeEnd` a partir de `rangeValue` controlado.
|
|
127
|
+
*
|
|
128
|
+
* @param {DatetimePickerDateRange | undefined} newValue - Novo intervalo ou `undefined`.
|
|
129
|
+
* @returns {void}
|
|
130
|
+
*/
|
|
107
131
|
handleRangeValueChange(newValue?: DatetimePickerDateRange): void;
|
|
108
132
|
/**
|
|
109
133
|
* Revalida e reflete no input mudanças externas em `value`.
|
|
110
134
|
*
|
|
111
135
|
* @param newValue - Novo valor recebido via prop.
|
|
112
136
|
*/
|
|
137
|
+
/**
|
|
138
|
+
* Watcher: reage a mudanças externas em `value`, normalizando e sincronizando
|
|
139
|
+
* o texto exibido no input.
|
|
140
|
+
*
|
|
141
|
+
* @param {Date | null} newValue - Novo valor recebido via prop.
|
|
142
|
+
* @returns {void}
|
|
143
|
+
*/
|
|
113
144
|
handleValueChange(newValue: Date | null): void;
|
|
114
145
|
/**
|
|
115
146
|
* Garante modo suportado e ajusta máscara/valor textual exibido.
|
|
116
147
|
*
|
|
117
148
|
* @param newValue - Novo modo recebido via prop.
|
|
118
149
|
*/
|
|
150
|
+
/**
|
|
151
|
+
* Watcher: aplica normalização do `mode` e atualiza a máscara/valor exibido.
|
|
152
|
+
*
|
|
153
|
+
* @param {string} newValue - Novo modo recebido via prop.
|
|
154
|
+
* @returns {void}
|
|
155
|
+
*/
|
|
119
156
|
handleModeChange(newValue: string): void;
|
|
120
157
|
/**
|
|
121
158
|
* Valida a data de referência e sincroniza o campo quando não há seleção.
|
|
122
159
|
*
|
|
123
160
|
* @param newValue - Nova data de referência recebida.
|
|
124
161
|
*/
|
|
162
|
+
/**
|
|
163
|
+
* Watcher: valida `referenceDate` e resina o input quando não há seleção.
|
|
164
|
+
*
|
|
165
|
+
* @param {Date} newValue - Nova data de referência recebida.
|
|
166
|
+
* @returns {void}
|
|
167
|
+
*/
|
|
125
168
|
handleReferenceDateChange(newValue: Date): void;
|
|
126
169
|
/**
|
|
127
170
|
* Sincroniza o input quando o início do range muda.
|
|
128
171
|
*
|
|
129
172
|
* @param newValue - Nova data inicial do range.
|
|
130
173
|
*/
|
|
174
|
+
/**
|
|
175
|
+
* Watcher: atualiza a representação textual quando o início do range muda.
|
|
176
|
+
*
|
|
177
|
+
* @returns {void}
|
|
178
|
+
*/
|
|
131
179
|
handleRangeStartChange(): void;
|
|
132
180
|
/**
|
|
133
181
|
* Sincroniza o input quando o fim do range muda.
|
|
134
182
|
*
|
|
135
183
|
* @param newValue - Nova data final do range.
|
|
136
184
|
*/
|
|
137
|
-
handleRangeEndChange(): void;
|
|
138
|
-
/**
|
|
139
|
-
* Emite quando o valor é alterado via input ou parsing.
|
|
140
|
-
*/
|
|
141
|
-
dateStateChange: EventEmitter<DatetimePickerDateState>;
|
|
142
185
|
/**
|
|
143
|
-
*
|
|
186
|
+
* Watcher: atualiza a representação textual quando o fim do range muda.
|
|
187
|
+
*
|
|
188
|
+
* @returns {void}
|
|
144
189
|
*/
|
|
145
|
-
|
|
146
|
-
private inputShadowRoot?;
|
|
190
|
+
handleRangeEndChange(): void;
|
|
147
191
|
/**
|
|
148
192
|
* Valida props iniciais e sincroniza o texto exibido no input.
|
|
149
193
|
*/
|
|
150
194
|
componentWillLoad(): void;
|
|
151
195
|
/**
|
|
152
|
-
*
|
|
196
|
+
* Handler do clique no botão de ação interno.
|
|
153
197
|
*
|
|
154
|
-
*
|
|
155
|
-
*
|
|
156
|
-
* garantir que o clique no botão de ação acione o toggle. O blur é observado na raiz
|
|
157
|
-
* interna porque mover o foco do input para essa ação não desfoca o host `br-input`.
|
|
198
|
+
* @param event - Ativação pública da ação do br-input.
|
|
199
|
+
* @returns {void}
|
|
158
200
|
*/
|
|
159
|
-
componentDidLoad(): Promise<void>;
|
|
160
|
-
disconnectedCallback(): void;
|
|
161
201
|
private handleActionButtonClick;
|
|
162
202
|
/**
|
|
163
|
-
*
|
|
164
|
-
*
|
|
203
|
+
* Blur handler: consome o evento e confirma o conteúdo atual.
|
|
204
|
+
*
|
|
205
|
+
* @param {FocusEvent} event - Evento de blur do input.
|
|
206
|
+
* @returns {void}
|
|
165
207
|
*/
|
|
166
208
|
private handleInputBlur;
|
|
209
|
+
/**
|
|
210
|
+
* Handler para commit disparado pelo `change` do `br-input`.
|
|
211
|
+
*
|
|
212
|
+
* @param {Event} event - Evento de change.
|
|
213
|
+
* @returns {void}
|
|
214
|
+
*/
|
|
215
|
+
private handleInputCommit;
|
|
216
|
+
/**
|
|
217
|
+
* Confirma o conteúdo atual evitando commits duplicados (blur + change).
|
|
218
|
+
*
|
|
219
|
+
* @returns {void}
|
|
220
|
+
*/
|
|
221
|
+
private commitCurrentInput;
|
|
167
222
|
/**
|
|
168
223
|
* Atualiza o estado local com o valor digitado no campo.
|
|
169
224
|
*
|
|
170
|
-
* @param event - Evento de input
|
|
225
|
+
* @param {Event} event - Evento de input redistribuído pelo `br-input`.
|
|
226
|
+
* @returns {void}
|
|
171
227
|
*/
|
|
172
228
|
private handleInputChange;
|
|
173
229
|
/**
|
|
174
|
-
*
|
|
230
|
+
* Retorna a máscara delegada ao `br-input` de acordo com o modo atual.
|
|
175
231
|
*
|
|
176
|
-
* @
|
|
232
|
+
* @returns {string | undefined} - Máscara a ser aplicada, ou `undefined` quando indisponível.
|
|
177
233
|
*/
|
|
178
|
-
private
|
|
234
|
+
private getInputMask;
|
|
179
235
|
/**
|
|
180
|
-
*
|
|
236
|
+
* Handler de teclado no campo de entrada.
|
|
237
|
+
*
|
|
238
|
+
* Suporta atalhos ARIA (Alt+ArrowDown / F4) para abrir/fechar o picker
|
|
239
|
+
* e Enter para confirmar a edição.
|
|
181
240
|
*
|
|
182
|
-
* @param event - Evento de
|
|
241
|
+
* @param {KeyboardEvent} event - Evento de teclado.
|
|
242
|
+
* @returns {void}
|
|
183
243
|
*/
|
|
184
|
-
private
|
|
244
|
+
private handleInputKeydown;
|
|
185
245
|
/**
|
|
186
246
|
* Retorna o rótulo acessível do botão de alternância do picker.
|
|
187
247
|
*
|
|
188
|
-
* @returns Texto anunciado pelo leitor de tela para o ícone de ação.
|
|
248
|
+
* @returns {string} - Texto anunciado pelo leitor de tela para o ícone de ação.
|
|
189
249
|
*/
|
|
190
250
|
private getToggleAriaLabel;
|
|
191
251
|
/**
|
|
192
|
-
* Normaliza
|
|
252
|
+
* Normaliza e aplica um modo válido (`date` | `time` | `datetime`).
|
|
193
253
|
*
|
|
194
|
-
* @param value - Modo informado externamente.
|
|
254
|
+
* @param {string} value - Modo informado externamente.
|
|
255
|
+
* @returns {void}
|
|
195
256
|
*/
|
|
196
257
|
private ensureValidMode;
|
|
197
258
|
/**
|
|
198
|
-
* Garante que
|
|
259
|
+
* Garante que `referenceDate` seja uma `Date` válida; caso contrário, normaliza.
|
|
199
260
|
*
|
|
200
|
-
* @param value - Data de referência recebida via prop.
|
|
261
|
+
* @param {Date} value - Data de referência recebida via prop.
|
|
262
|
+
* @returns {void}
|
|
201
263
|
*/
|
|
202
264
|
private ensureValidReferenceDate;
|
|
203
265
|
/**
|
|
204
266
|
* Normaliza o valor selecionado para `Date` válido ou `null`.
|
|
205
267
|
*
|
|
206
|
-
* @param value - Valor recebido via prop.
|
|
268
|
+
* @param {Date | null} value - Valor recebido via prop.
|
|
269
|
+
* @returns {void}
|
|
207
270
|
*/
|
|
208
271
|
private ensureValidValue;
|
|
209
272
|
/**
|
|
210
273
|
* Consolida o texto digitado, tenta analisar e emite o novo estado selecionado.
|
|
274
|
+
*
|
|
275
|
+
* Trata modos `single` e `range` e valida mensagens de erro apropriadas.
|
|
276
|
+
*
|
|
277
|
+
* @returns {void}
|
|
211
278
|
*/
|
|
212
279
|
private commitInputValue;
|
|
280
|
+
/**
|
|
281
|
+
* Emite o resultado da validação textual sem alterar o valor selecionado.
|
|
282
|
+
*
|
|
283
|
+
* @param {boolean} valid - Indica se a entrada é válida.
|
|
284
|
+
* @param {string} [message] - Mensagem de erro quando inválido.
|
|
285
|
+
* @returns {void}
|
|
286
|
+
*/
|
|
287
|
+
private emitInputValidation;
|
|
288
|
+
/**
|
|
289
|
+
* Verifica se a entrada possui a quantidade de dígitos esperada para o modo atual.
|
|
290
|
+
*
|
|
291
|
+
* @param {string} value - Texto de entrada a ser verificado.
|
|
292
|
+
* @returns {boolean} - `true` quando completo.
|
|
293
|
+
*/
|
|
294
|
+
private isInputComplete;
|
|
295
|
+
/**
|
|
296
|
+
* Retorna mensagem de validação contextual para uma entrada incompleta ou inválida.
|
|
297
|
+
*
|
|
298
|
+
* @param {string} value - Texto de entrada a ser avaliado.
|
|
299
|
+
* @returns {string} - Mensagem de validação apropriada.
|
|
300
|
+
*/
|
|
301
|
+
private getInputValidationMessage;
|
|
302
|
+
/**
|
|
303
|
+
* Mensagem específica para o formato de intervalo do modo atual.
|
|
304
|
+
*
|
|
305
|
+
* @param {string} value - Texto de intervalo informado no input.
|
|
306
|
+
* @returns {string} - Mensagem de validação do intervalo.
|
|
307
|
+
*/
|
|
308
|
+
private getRangeValidationMessage;
|
|
309
|
+
/**
|
|
310
|
+
* Dispara eventos nativos `input` e `change` para compatibilidade com forms.
|
|
311
|
+
*
|
|
312
|
+
* @returns {void}
|
|
313
|
+
*/
|
|
213
314
|
private emitNativeValueChange;
|
|
214
315
|
/**
|
|
215
316
|
* Analisa o intervalo no formato `dd/MM/yyyy - dd/MM/yyyy`.
|
|
@@ -218,70 +319,100 @@ export declare class DatetimeInput {
|
|
|
218
319
|
* @returns Intervalo analisado ou `null` quando inválido.
|
|
219
320
|
*/
|
|
220
321
|
private parseRangeInput;
|
|
221
|
-
/**
|
|
322
|
+
/**
|
|
323
|
+
* Normaliza os limites do intervalo para garantir ordem cronológica.
|
|
324
|
+
*
|
|
325
|
+
* - Em `time` e `datetime` mantém os limites informados.
|
|
326
|
+
* - Em `date` reordena caso necessário.
|
|
327
|
+
*
|
|
328
|
+
* @param {Date} start - Data de início.
|
|
329
|
+
* @param {Date} end - Data de término.
|
|
330
|
+
* @returns {{ start: Date; end: Date }} - Limites normalizados.
|
|
331
|
+
*/
|
|
222
332
|
private normalizeRangeBounds;
|
|
223
333
|
/**
|
|
224
|
-
* Sincroniza o texto do
|
|
334
|
+
* Sincroniza o texto do input com as props `value`/`rangeStart`/`rangeEnd` e `mode`.
|
|
335
|
+
*
|
|
336
|
+
* @returns {void}
|
|
225
337
|
*/
|
|
226
338
|
private syncInputValueFromProps;
|
|
339
|
+
/**
|
|
340
|
+
* Retorna o elemento interno `<br-input>` quando disponível.
|
|
341
|
+
*
|
|
342
|
+
* @internal
|
|
343
|
+
* @returns {HTMLBrInputElement | null} Elemento interno `<br-input>` ou `null` se não estiver disponível.
|
|
344
|
+
*/
|
|
345
|
+
private getBrInputElement;
|
|
346
|
+
/**
|
|
347
|
+
* Define o valor interno do input imperativamente.
|
|
348
|
+
*
|
|
349
|
+
* @internal Define o valor interno do input sem re-renderizar o host.
|
|
350
|
+
* @param {string} value Valor a ser definido no input interno.
|
|
351
|
+
*/
|
|
352
|
+
private setInternalInputValue;
|
|
227
353
|
/**
|
|
228
354
|
* Formata uma data de acordo com o modo atual do componente.
|
|
229
355
|
*
|
|
230
|
-
* @param date - Data a ser formatada para exibição no input.
|
|
231
|
-
* @returns Representação textual da data/hora no padrão esperado.
|
|
356
|
+
* @param {Date} date - Data a ser formatada para exibição no input.
|
|
357
|
+
* @returns {string} - Representação textual da data/hora no padrão esperado.
|
|
232
358
|
*/
|
|
233
359
|
private formatDateByMode;
|
|
234
360
|
/**
|
|
235
|
-
* Retorna
|
|
361
|
+
* Retorna o mapa de classes CSS aplicado ao host do componente.
|
|
362
|
+
*
|
|
363
|
+
* @returns {CssClassMap}
|
|
236
364
|
*/
|
|
237
365
|
private getCssClassMap;
|
|
238
366
|
/**
|
|
239
367
|
* Seleciona o ícone do campo conforme o modo de entrada ativo.
|
|
240
368
|
*
|
|
241
|
-
* @returns Nome do ícone usado na ação lateral do input.
|
|
369
|
+
* @returns {string} - Nome do ícone usado na ação lateral do input.
|
|
242
370
|
*/
|
|
243
371
|
private getInputIcon;
|
|
244
372
|
/**
|
|
245
373
|
* Converte o texto digitado em `Date` com base no modo configurado.
|
|
246
374
|
*
|
|
247
|
-
* @param value - Texto informado pelo usuário no input.
|
|
248
|
-
* @
|
|
375
|
+
* @param {string} value - Texto informado pelo usuário no input.
|
|
376
|
+
* @param {Date} [base] - Data base usada para completar valores parciais.
|
|
377
|
+
* @returns {Date | null} - Data convertida ou `null` quando inválida.
|
|
249
378
|
*/
|
|
250
379
|
private parseInputValue;
|
|
251
380
|
/**
|
|
252
381
|
* Faz parse de uma data no formato `dd/MM/yyyy`, preservando hora e minuto base.
|
|
253
382
|
*
|
|
254
|
-
* @param value - Texto de data digitado pelo usuário.
|
|
255
|
-
* @param base - Data base usada para completar informações de tempo.
|
|
256
|
-
* @returns Data válida normalizada ou `null` quando o parse falhar.
|
|
383
|
+
* @param {string} value - Texto de data digitado pelo usuário.
|
|
384
|
+
* @param {Date} base - Data base usada para completar informações de tempo.
|
|
385
|
+
* @returns {Date | null} - Data válida normalizada ou `null` quando o parse falhar.
|
|
257
386
|
*/
|
|
258
387
|
private parseDateInput;
|
|
259
388
|
/**
|
|
260
389
|
* Faz parse de hora no formato `HH:mm`, preservando o dia da data base.
|
|
261
390
|
*
|
|
262
|
-
* @param value - Texto de hora digitado pelo usuário.
|
|
263
|
-
* @param base - Data base usada para manter dia, mês e ano.
|
|
264
|
-
* @returns Data válida com hora ajustada ou `null` quando inválida.
|
|
391
|
+
* @param {string} value - Texto de hora digitado pelo usuário.
|
|
392
|
+
* @param {Date} base - Data base usada para manter dia, mês e ano.
|
|
393
|
+
* @returns {Date | null} - Data válida com hora ajustada ou `null` quando inválida.
|
|
265
394
|
*/
|
|
266
395
|
private parseTimeInput;
|
|
267
396
|
/**
|
|
268
|
-
* Faz parse de data e hora completas,
|
|
397
|
+
* Faz parse de data e hora completas, aceitando somente a data como fallback.
|
|
269
398
|
*
|
|
270
|
-
* @param value - Texto digitado no input.
|
|
271
|
-
* @param base - Data base usada como contexto para completar o parse.
|
|
272
|
-
* @returns Data válida a partir da entrada ou `null` quando não reconhecida.
|
|
399
|
+
* @param {string} value - Texto digitado no input.
|
|
400
|
+
* @param {Date} base - Data base usada como contexto para completar o parse.
|
|
401
|
+
* @returns {Date | null} - Data válida a partir da entrada ou `null` quando não reconhecida.
|
|
273
402
|
*/
|
|
274
403
|
private parseDateTimeInput;
|
|
275
|
-
/**
|
|
276
|
-
* Renderiza o campo textual e o ícone de ação do datetime input.
|
|
277
|
-
*/
|
|
278
|
-
private renderInputField;
|
|
279
404
|
/**
|
|
280
405
|
* Retorna o rótulo acessível do campo de entrada de acordo com o modo ativo.
|
|
281
406
|
*
|
|
282
407
|
* @returns Texto anunciado pelo leitor de tela para identificar o campo.
|
|
283
408
|
*/
|
|
284
409
|
private getInputAriaLabel;
|
|
410
|
+
/**
|
|
411
|
+
* Renderiza o campo textual e o ícone de ação do datetime input.
|
|
412
|
+
*
|
|
413
|
+
* @returns {JSX.Element}
|
|
414
|
+
*/
|
|
415
|
+
private renderInputField;
|
|
285
416
|
/**
|
|
286
417
|
* Renderização principal do componente.
|
|
287
418
|
*/
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Configuração estrutural da entrada textual para um modo do datetime input.
|
|
3
|
+
*
|
|
4
|
+
* @typedef {object} InputFormatConfig
|
|
5
|
+
* @property {string} mask - Máscara utilizada para render e validação (ex.: `yyyy-MM-dd`, `HH:mm`, `yyyy-MM-dd HH:mm`).
|
|
6
|
+
* @property {readonly number[]} acceptedDigitCounts - Conjuntos de contagens de dígitos aceitas (útil para validação incremental/formatos alternativos).
|
|
7
|
+
* @property {number} fullDigitCount - Quantidade total de dígitos esperada para uma entrada completa (usada para validação estrita).
|
|
8
|
+
* @property {string} displayFormat - Formato usado para `format(date, formatString)` (date-fns).
|
|
9
|
+
* @property {readonly string[]} parseFormats - Formatos aceitos para parse (em ordem de preferência) usados por `parse` (date-fns).
|
|
10
|
+
* @property {object} messages - Mensagens customizáveis para validação/estado do input.
|
|
11
|
+
* @property {string} rangeFormat - Formato textual usado para exibir o modelo de intervalo na mensagem.
|
|
12
|
+
*/
|
|
13
|
+
export type InputFormatConfig = {
|
|
14
|
+
mask: string;
|
|
15
|
+
acceptedDigitCounts: readonly number[];
|
|
16
|
+
fullDigitCount: number;
|
|
17
|
+
displayFormat: string;
|
|
18
|
+
parseFormats: readonly string[];
|
|
19
|
+
messages: InputFormatMessages;
|
|
20
|
+
rangeFormat: string;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Conjunto de mensagens usadas para feedback do `br-datetime-input`.
|
|
24
|
+
*
|
|
25
|
+
* @typedef {object} InputFormatMessages
|
|
26
|
+
* @property {string} incomplete - Mensagem quando a entrada está incompleta (ex.: falta digitar dígitos).
|
|
27
|
+
* @property {string} invalid - Mensagem quando a entrada completa é inválida (ex.: 31/02/2026).
|
|
28
|
+
* @property {string} incompleteRange - Mensagem quando o intervalo está incompleto (ex.: falta o fim).
|
|
29
|
+
* @property {string} invalidRange - Mensagem quando o intervalo é inválido (ex.: fim anterior ao início).
|
|
30
|
+
*/
|
|
31
|
+
export type InputFormatMessages = {
|
|
32
|
+
incomplete: string;
|
|
33
|
+
invalid: string;
|
|
34
|
+
incompleteRange: string;
|
|
35
|
+
invalidRange: string;
|
|
36
|
+
};
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Conjunto de modos suportados pelo datetime
|
|
2
|
+
* Conjunto de modos suportados pelo `br-datetime-picker`.
|
|
3
3
|
*
|
|
4
|
-
* `
|
|
4
|
+
* - `DATE`: modo de seleção apenas de data.
|
|
5
|
+
* - `TIME`: modo de seleção apenas de hora.
|
|
6
|
+
* - `DATETIME`: modo de seleção de data e hora.
|
|
7
|
+
* - `DEFAULT`: modo aplicado quando o consumidor não informa um valor válido.
|
|
8
|
+
*
|
|
9
|
+
* @readonly
|
|
10
|
+
* @constant {Readonly<Record<string, string>>}
|
|
5
11
|
*/
|
|
6
12
|
export declare const DATETIME_PICKER_MODE: {
|
|
7
13
|
readonly DATE: "date";
|
|
@@ -9,10 +15,14 @@ export declare const DATETIME_PICKER_MODE: {
|
|
|
9
15
|
readonly DATETIME: "datetime";
|
|
10
16
|
readonly DEFAULT: "datetime";
|
|
11
17
|
};
|
|
18
|
+
export declare const DATETIME_RANGE_ORDER_MESSAGE = "A data e hora de t\u00E9rmino devem ser iguais ou posteriores \u00E0s de in\u00EDcio.";
|
|
12
19
|
/**
|
|
13
|
-
* Valores de locale aceitos pelo componente.
|
|
20
|
+
* Valores de `locale` aceitos pelo componente.
|
|
21
|
+
*
|
|
22
|
+
* `DEFAULT` representa o locale padrão do design system (padrão: `pt-BR`).
|
|
14
23
|
*
|
|
15
|
-
*
|
|
24
|
+
* @readonly
|
|
25
|
+
* @constant {Readonly<Record<string, string>>}
|
|
16
26
|
*/
|
|
17
27
|
export declare const DATETIME_PICKER_LOCALE: {
|
|
18
28
|
readonly DEFAULT: "pt-BR";
|
|
@@ -20,7 +30,11 @@ export declare const DATETIME_PICKER_LOCALE: {
|
|
|
20
30
|
/**
|
|
21
31
|
* Ações de navegação emitidas pelos controles do calendário e do relógio.
|
|
22
32
|
*
|
|
23
|
-
* Os
|
|
33
|
+
* Os valores formam o contrato entre componentes que consomem ou disparam eventos
|
|
34
|
+
* de navegação (por exemplo, avançar mês/hora ou retroceder minuto).
|
|
35
|
+
*
|
|
36
|
+
* @readonly
|
|
37
|
+
* @constant {Readonly<Record<string, string>>}
|
|
24
38
|
*/
|
|
25
39
|
export declare const NAVIGATION_ACTION: {
|
|
26
40
|
readonly PREVIOUS_HOUR: "previous-hour";
|
|
@@ -1,9 +1,36 @@
|
|
|
1
1
|
import type { DatetimePickerDateRange, DatetimePickerFormContext, DatetimePickerMissingValueContext, DatetimePickerMode } from './datetime-picker.types';
|
|
2
|
-
/**
|
|
2
|
+
/**
|
|
3
|
+
* Serializa o valor atual para envio em FormData conforme o modo ativo.
|
|
4
|
+
*
|
|
5
|
+
* @param {Date | null} value - Valor selecionado a ser serializado para submissão.
|
|
6
|
+
* @param {DatetimePickerFormContext} context - Contexto com `mode`, `selectionMode` e limites (rangeStart/rangeEnd).
|
|
7
|
+
* @returns {string | null} Representação serializada pronta para `FormData`, ou `null` quando não houver valor.
|
|
8
|
+
*/
|
|
3
9
|
export declare function serializeDatetimePickerFormValue(value: Date | null, context: DatetimePickerFormContext): string | null;
|
|
4
|
-
/**
|
|
10
|
+
/**
|
|
11
|
+
* Analisa um valor serializado de formulário para `Date` respeitando o modo atual.
|
|
12
|
+
*
|
|
13
|
+
* @param {string} value - String serializada vinda do formulário.
|
|
14
|
+
* @param {DatetimePickerMode} mode - Modo (`date` | `time` | `datetime`) que dita o parser a ser usado.
|
|
15
|
+
* @param {Date} referenceDate - Data de referência usada ao analisar valores de hora.
|
|
16
|
+
* @returns {Date | null} Objeto Date quando a análise for bem-sucedida, ou `null` quando inválido.
|
|
17
|
+
*/
|
|
5
18
|
export declare function parseDatetimePickerSerializedValue(value: string, mode: DatetimePickerMode, referenceDate: Date): Date | null;
|
|
6
|
-
/**
|
|
7
|
-
|
|
8
|
-
|
|
19
|
+
/**
|
|
20
|
+
* Analisa um intervalo serializado no formato `start/end` conforme o modo ativo.
|
|
21
|
+
*
|
|
22
|
+
* @param {string} value - String no formato `start/end` contendo os dois lados do intervalo.
|
|
23
|
+
* @param {DatetimePickerMode} mode - Modo a ser usado para análise (padrão: `date`).
|
|
24
|
+
* @param {Date} referenceDate - Data de referência para análise de horários.
|
|
25
|
+
* @returns {DatetimePickerDateRange | null} `{ start, end }` quando válido, ou `null` quando inválido.
|
|
26
|
+
*/
|
|
27
|
+
export declare function parseDatetimePickerSerializedRange(value: string, mode?: DatetimePickerMode, referenceDate?: Date): DatetimePickerDateRange | null;
|
|
28
|
+
/**
|
|
29
|
+
* Indica se o componente deve sinalizar `valueMissing` na validação nativa.
|
|
30
|
+
*
|
|
31
|
+
* A função considera `required`, `disabled` e se o valor (ou intervalo) está incompleto.
|
|
32
|
+
*
|
|
33
|
+
* @param {DatetimePickerMissingValueContext} context - Contexto contendo `required`, `disabled`, `value` e, quando aplicável, `rangeStart`/`rangeEnd`.
|
|
34
|
+
* @returns {boolean} `true` quando o controle deve reportar `valueMissing`.
|
|
35
|
+
*/
|
|
9
36
|
export declare function hasDatetimePickerMissingValue(context: DatetimePickerMissingValueContext): boolean;
|