@govbr-ds/webcomponents 2.0.0-next.56 → 2.0.0-next.57
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/dist/cjs/br-checkbox.br-input.br-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/br-checkbox_3.cjs.entry.js +63 -2
- package/dist/cjs/br-dropdown.br-select.entry.cjs.js.map +1 -1
- package/dist/cjs/br-dropdown_2.cjs.entry.js +95 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/components/input/input.js +87 -2
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/select/select.js +160 -8
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/pages/components/select/index.js +41 -0
- package/dist/components/br-input.js +4 -4
- package/dist/components/br-pagination.js +2 -2
- package/dist/components/br-select.js +4 -4
- package/dist/components/{p-Cw0pxndP.js → p-B8JLH_ik.js} +171 -74
- package/dist/components/p-B8JLH_ik.js.map +1 -0
- package/dist/components/{p-CbnpaWFn.js → p-CkOo_SmU.js} +75 -9
- package/dist/components/p-CkOo_SmU.js.map +1 -0
- package/dist/custom-elements.json +171 -4
- package/dist/esm/br-checkbox.br-input.br-radio.entry.js.map +1 -1
- package/dist/esm/br-checkbox_3.entry.js +63 -2
- package/dist/esm/br-dropdown.br-select.entry.js.map +1 -1
- package/dist/esm/br-dropdown_2.entry.js +95 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/hydrate/index.js +167 -11
- package/dist/hydrate/index.mjs +167 -11
- package/dist/types/components/input/input.d.ts +9 -0
- package/dist/types/components/select/select.d.ts +25 -0
- package/dist/types/components.d.ts +30 -8
- package/dist/webcomponents/br-checkbox.br-input.br-radio.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-dropdown.br-select.entry.esm.js.map +1 -1
- package/dist/webcomponents/{p-abfb0743.entry.js → p-6511c9cd.entry.js} +126 -64
- package/dist/webcomponents/p-6511c9cd.entry.js.map +1 -0
- package/dist/webcomponents/{p-67d88dcb.entry.js → p-a7fa8119.entry.js} +110 -18
- package/dist/webcomponents/p-a7fa8119.entry.js.map +1 -0
- package/dist/webcomponents/webcomponents.esm.js +15 -15
- package/dist/webcomponents.html-custom-data.json +7 -2
- package/package.json +1 -1
- package/dist/components/p-CbnpaWFn.js.map +0 -1
- package/dist/components/p-Cw0pxndP.js.map +0 -1
- package/dist/webcomponents/p-67d88dcb.entry.js.map +0 -1
- package/dist/webcomponents/p-abfb0743.entry.js.map +0 -1
|
@@ -42,6 +42,6 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
42
42
|
|
|
43
43
|
patchBrowser().then(async (options) => {
|
|
44
44
|
await globalScripts();
|
|
45
|
-
return bootstrapLazy(JSON.parse("[[\"br-pagination\",[[321,\"br-pagination\",{\"colorMode\":[513,\"color-mode\"],\"customId\":[513,\"custom-id\"],\"total\":[514],\"current\":[1538],\"ariaLabel\":[513,\"aria-label\"],\"previousLabel\":[513,\"previous-label\"],\"nextLabel\":[513,\"next-label\"],\"ellipsisLabel\":[513,\"ellipsis-label\"],\"density\":[513],\"variant\":[513],\"totalItems\":[514,\"total-items\"],\"perPage\":[1538,\"per-page\"],\"perPageOptions\":[16],\"perPageLabel\":[513,\"per-page-label\"],\"goToPageLabel\":[513,\"go-to-page-label\"],\"itemsText\":[513,\"items-text\"],\"isSmall\":[32]},null,{\"total\":[\"handleTotalChange\"],\"current\":[\"handleCurrentChange\"]}]]],[\"br-breadcrumb\",[[257,\"br-breadcrumb\",{\"customId\":[513,\"custom-id\"],\"homeUrl\":[1,\"home-url\"],\"crumbs\":[1],\"showTooltip\":[32],\"tooltipPosition\":[32],\"tooltipText\":[32],\"isSmallScreen\":[32],\"isTruncate\":[32],\"larguraInterna\":[32],\"larguraPai\":[32],\"isFolderOpen\":[32]}]]],[\"br-footer-category\",[[257,\"br-footer-category\",{\"customId\":[513,\"custom-id\"],\"label\":[513],\"isDesktop\":[32],\"accordionGroup\":[32]}]]],[\"br-footer-social\",[[257,\"br-footer-social\",{\"customId\":[513,\"custom-id\"],\"icon\":[513],\"description\":[513],\"href\":[513]}]]],[\"br-message\",[[321,\"br-message\",{\"messageTitle\":[513,\"message-title\"],\"customId\":[513,\"custom-id\"],\"message\":[513],\"isInline\":[516,\"is-inline\"],\"isClosable\":[516,\"is-closable\"],\"autoRemove\":[516,\"auto-remove\"],\"showIcon\":[516,\"show-icon\"],\"isFeedback\":[516,\"is-feedback\"],\"state\":[513]}]]],[\"br-modal\",[[321,\"br-modal\",{\"customId\":[513,\"custom-id\"],\"titleText\":[1,\"title-text\"],\"show\":[1540],\"autoClose\":[516,\"auto-close\"],\"initialFocusSelector\":[1,\"initial-focus-selector\"],\"size\":[513],\"scrim\":[516],\"scrollable\":[516],\"alignFooter\":[513,\"align-footer\"],\"open\":[64],\"close\":[64]}]]],[\"br-step-item\",[[321,\"br-step-item\",{\"label\":[513],\"highlight\":[513],\"active\":[516],\"disabled\":[516],\"brIconName\":[513,\"br-icon-name\"],\"brIconAria\":[513,\"br-icon-aria\"],\"showTimeLine\":[32],\"stepItemPositionStatus\":[32],\"stepLayout\":[32],\"labelPosition\":[32],\"contentType\":[32],\"mode\":[32],\"content\":[32],\"ariaLabelContent\":[32],\"setStepItemPositionStatus\":[64],\"handleShowTimeLine\":[64],\"setLabelPosition\":[64],\"setContentType\":[64],\"setMode\":[64],\"setContent\":[64]},null,{\"active\":[\"watchItemIsActive\"]}]]],[\"br-tag\",[[321,\"br-tag\",{\"label\":[513],\"iconName\":[513,\"icon-name\"],\"name\":[513],\"multiple\":[516],\"selected\":[1540],\"customId\":[513,\"custom-id\"],\"bgColor\":[513,\"bg-color\"],\"density\":[513],\"shape\":[513],\"status\":[516],\"interaction\":[1540],\"interactionSelect\":[516,\"interaction-select\"],\"disabled\":[516],\"ariaLabel\":[513,\"aria-label\"],\"ariaDescribedby\":[513,\"aria-describedby\"],\"selectedClassValue\":[32]},[[4,\"radioSelected\",\"handleCheckedChange\"]],{\"interaction\":[\"handleInteractionChange\"],\"interactionSelect\":[\"handleInteractionSelectChange\"],\"selected\":[\"handleSelectedChange\"]}]]],[\"br-tooltip\",[[321,\"br-tooltip\",{\"customId\":[513,\"custom-id\"],\"position\":[513],\"type\":[513],\"density\":[513],\"state\":[513],\"isAutoVisible\":[516,\"is-auto-visible\"],\"showDelay\":[514,\"show-delay\"],\"hideDelay\":[514,\"hide-delay\"],\"isVisible\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[4,\"keydown\",\"handleKeyDown\"]],{\"isVisible\":[\"handleVisibilityChange\"]}]]],[\"br-upload\",[[321,\"br-upload\",{\"customId\":[513,\"custom-id\"],\"accept\":[1],\"label\":[1],\"disabled\":[516],\"state\":[513],\"multiple\":[4],\"filesSelected\":[32],\"file\":[32]}]]],[\"br-avatar\",[[257,\"br-avatar\",{\"density\":[1025],\"customId\":[513,\"custom-id\"],\"src\":[1],\"alt\":[1],\"isIconic\":[4,\"is-iconic\"],\"text\":[1],\"disabled\":[4],\"bgColor\":[513,\"bg-color\"],\"hasError\":[32]},null,{\"density\":[\"handleDensityChange\"]}]]],[\"br-checkgroup\",[[321,\"br-checkgroup\",{\"label\":[1],\"labelSelecionado\":[513,\"label-selecionado\"],\"labelDesselecionado\":[513,\"label-desselecionado\"],\"indeterminate\":[516],\"customId\":[513,\"custom-id\"],\"checked\":[32],\"isIndeterminate\":[32],\"numberOfChildren\":[32]},[[4,\"checkedChange\",\"handleChange\"]]]]],[\"br-footer\",[[257,\"br-footer\",{\"customId\":[513,\"custom-id\"],\"theme\":[513],\"socialNetworkTitle\":[513,\"social-network-title\"]}]]],[\"br-footer-item\",[[257,\"br-footer-item\",{\"customId\":[513,\"custom-id\"],\"href\":[513]}]]],[\"br-sign-in\",[[321,\"br-sign-in\",{\"customId\":[513,\"custom-id\"],\"colorMode\":[513,\"color-mode\"],\"density\":[513],\"disabled\":[516],\"emphasis\":[513],\"shape\":[513],\"href\":[513],\"target\":[513],\"ariaLabel\":[513,\"aria-label\"]}]]],[\"br-tab\",[[257,\"br-tab\",{\"customId\":[513,\"custom-id\"],\"density\":[513],\"colorMode\":[513,\"color-mode\"],\"label\":[513],\"alignItemsTab\":[513,\"align-items-tab\"],\"tabItems\":[32],\"activeTabId\":[32]},[[0,\"brTabItemPropsChange\",\"handleTabItemPropsChange\"]],{\"activeTabId\":[\"activeTabChanged\"],\"colorMode\":[\"colorModeChanged\"]}]]],[\"br-card\",[[321,\"br-card\",{\"customId\":[513,\"custom-id\"],\"disabled\":[516],\"hover\":[516]}]]],[\"br-footer-legal\",[[257,\"br-footer-legal\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-footer-logo\",[[257,\"br-footer-logo\",{\"customId\":[513,\"custom-id\"],\"src\":[513],\"description\":[513],\"position\":[513],\"isPartner\":[516,\"is-partner\"],\"href\":[513],\"target\":[513]}]]],[\"br-loading\",[[321,\"br-loading\",{\"isProgress\":[516,\"is-progress\"],\"customId\":[513,\"custom-id\"],\"progressPercent\":[514,\"progress-percent\"],\"isMedium\":[516,\"is-medium\"],\"label\":[513]}]]],[\"br-magic-button\",[[321,\"br-magic-button\",{\"customId\":[513,\"custom-id\"],\"label\":[513],\"icon\":[513],\"density\":[513],\"circle\":[516],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"br-scrim\",[[321,\"br-scrim\",{\"customId\":[513,\"custom-id\"],\"isOpen\":[516,\"is-open\"],\"positionContent\":[1,\"position-content\"],\"disableCloseOnClick\":[4,\"disable-close-on-click\"],\"zIndex\":[2,\"z-index\"],\"bgColor\":[1,\"bg-color\"],\"customOpacity\":[2,\"custom-opacity\"],\"displayMode\":[1,\"display-mode\"],\"scrollStrategy\":[1,\"scroll-strategy\"],\"scrollThreshold\":[1026,\"scroll-threshold\"],\"activator\":[1],\"ariaLabel\":[1,\"aria-label\"],\"isActive\":[32],\"hasActivatorSlot\":[32],\"setScrollThreshold\":[64],\"open\":[64],\"close\":[64],\"toggle\":[64]},null,{\"isOpen\":[\"handleOpenChange\"],\"zIndex\":[\"updateStyles\"],\"bgColor\":[\"updateStyles\"],\"customOpacity\":[\"updateStyles\"],\"activator\":[\"handleActivatorChange\"]}]]],[\"br-step\",[[321,\"br-step\",{\"layout\":[513],\"initialStep\":[513,\"initial-step\"],\"labelPosition\":[513,\"label-position\"],\"contentType\":[513,\"content-type\"],\"mode\":[513],\"progressionType\":[513,\"progression-type\"],\"activeStep\":[32],\"stepItems\":[32],\"ProceedToNextStep\":[64],\"BackToPreviousStep\":[64],\"StepValidation\":[64],\"GetActiveStep\":[64]},[[2,\"click\",\"handleClick\"]]]]],[\"br-switch\",[[321,\"br-switch\",{\"disabled\":[516],\"checked\":[1540],\"customId\":[513,\"custom-id\"],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"labelOn\":[513,\"label-on\"],\"labelOff\":[513,\"label-off\"],\"hasIcon\":[516,\"has-icon\"],\"name\":[513],\"value\":[513],\"density\":[513],\"_slotDefault\":[32],\"toggleChecked\":[64]}]]],[\"br-tab-item\",[[257,\"br-tab-item\",{\"tabItemId\":[1537,\"tab-item-id\"],\"tabItemTitle\":[513,\"tab-item-title\"],\"icon\":[513],\"onlyIcon\":[516,\"only-icon\"],\"isActive\":[1540,\"is-active\"],\"counter\":[513],\"colorMode\":[513,\"color-mode\"]},null,{\"tabItemTitle\":[\"tabItemTitleChanged\"],\"icon\":[\"iconChanged\"],\"counter\":[\"counterChanged\"],\"onlyIcon\":[\"onlyIconChanged\"]}]]],[\"br-table\",[[257,\"br-table\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-table-cell\",[[257,\"br-table-cell\",{\"customId\":[513,\"custom-id\"],\"hasVerticalBorder\":[516,\"has-vertical-border\"],\"horizontalAlign\":[513,\"horizontal-align\"]},[[4,\"brHorizontalAlignDidChange\",\"handleHorizontalAlignDidChange\"]],{\"horizontalAlign\":[\"handleHorizontalAlignChange\"]}]]],[\"br-table-header-cell\",[[257,\"br-table-header-cell\",{\"customId\":[513,\"custom-id\"],\"hasVerticalBorder\":[516,\"has-vertical-border\"],\"horizontalAlign\":[513,\"horizontal-align\"]},null,{\"horizontalAlign\":[\"handleHorizontalAlignChange\"]}]]],[\"br-table-header-row\",[[257,\"br-table-header-row\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-table-row\",[[257,\"br-table-row\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-textarea\",[[321,\"br-textarea\",{\"value\":[1537],\"label\":[513],\"placeholder\":[513],\"ariaLabel\":[513,\"aria-label\"],\"customId\":[513,\"custom-id\"],\"disabled\":[516],\"maxlength\":[514],\"showCounter\":[516,\"show-counter\"],\"state\":[513],\"density\":[513],\"isInline\":[516,\"is-inline\"],\"currentLength\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChanged\"]}]]],[\"br-button_2\",[[321,\"br-button\",{\"colorMode\":[513,\"color-mode\"],\"customId\":[513,\"custom-id\"],\"density\":[513],\"disabled\":[516],\"emphasis\":[513],\"isActive\":[516,\"is-active\"],\"isLoading\":[516,\"is-loading\"],\"shape\":[513],\"type\":[513],\"value\":[513],\"ariaLabel\":[513,\"aria-label\"],\"ariaPressed\":[513,\"aria-pressed\"]}],[257,\"br-icon\",{\"iconName\":[513,\"icon-name\"],\"height\":[513],\"customId\":[513,\"custom-id\"],\"width\":[513],\"cssClasses\":[513,\"css-classes\"],\"isInline\":[516,\"is-inline\"],\"rotate\":[513],\"flip\":[513],\"isFocusable\":[516,\"is-focusable\"],\"lazy\":[516]}]]],[\"br-checkbox_3\",[[321,\"br-input\",{\"type\":[513],\"autocomplete\":[513],\"density\":[513],\"disabled\":[516],\"isInline\":[516,\"is-inline\"],\"isHighlight\":[516,\"is-highlight\"],\"state\":[513],\"label\":[513],\"customId\":[513,\"custom-id\"],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"value\":[1537],\"controlWidth\":[513,\"control-width\"],\"borderless\":[516],\"helpText\":[513,\"help-text\"],\"autocorrect\":[513],\"min\":[514],\"max\":[514],\"minlength\":[514],\"maxlength\":[514],\"multiple\":[516],\"pattern\":[513],\"step\":[514],\"actionLabel\":[513,\"action-label\"],\"isPasswordVisible\":[32],\"internalState\":[32],\"hasIconSlot\":[32],\"hasActionSlot\":[32],\"hasFeedbackSlot\":[32]}],[321,\"br-radio\",{\"checked\":[1540],\"disabled\":[516],\"state\":[513],\"hasHiddenLabel\":[516,\"has-hidden-label\"],\"customId\":[513,\"custom-id\"],\"name\":[513],\"label\":[513],\"value\":[513],\"toggleChecked\":[64]},[[8,\"checkedChange\",\"handleCheckedChange\"],[0,\"keydown\",\"handleKeyDown\"]]],[321,\"br-checkbox\",{\"indeterminate\":[1540],\"checked\":[1540],\"customId\":[513,\"custom-id\"],\"disabled\":[516],\"hasHiddenLabel\":[516,\"has-hidden-label\"],\"label\":[513],\"name\":[513],\"state\":[513],\"value\":[513],\"isFather\":[4,\"is-father\"],\"slotDefault\":[32],\"numberOfChildren\":[32],\"setIndeterminate\":[64],\"toggleChecked\":[64],\"setNumberOfChildren\":[64]},null,{\"indeterminate\":[\"updateIndeterminate\"]}]]],[\"br-dropdown_2\",[[321,\"br-select\",{\"label\":[513],\"placeholder\":[513],\"isMultiple\":[516,\"is-multiple\"],\"options\":[513],\"selectAllLabel\":[513,\"select-all-label\"],\"unselectAllLabel\":[513,\"unselect-all-label\"],\"showSearchIcon\":[516,\"show-search-icon\"],\"isOpen\":[516,\"is-open\"],\"isInline\":[516,\"is-inline\"],\"inputWidth\":[513,\"input-width\"],\"borderless\":[516],\"customId\":[513,\"custom-id\"],\"value\":[1],\"parsedOptions\":[32],\"inputValue\":[32],\"selectedValue\":[32],\"isAllSelected\":[32],\"isExpanded\":[32],\"focusedIndex\":[32],\"toggleOpen\":[64]},null,{\"options\":[\"synchronizeSelect\"],\"value\":[\"syncValueFromOutside\"]}],[321,\"br-dropdown\",{\"isOpen\":[1540,\"is-open\"],\"customId\":[513,\"custom-id\"],\"placement\":[513],\"preventAutoDismiss\":[516,\"prevent-auto-dismiss\"],\"targetZIndex\":[1,\"target-z-index\"],\"open\":[64],\"hide\":[64],\"setFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"],\"targetZIndex\":[\"targetZIndexChanged\"]}]]],[\"br-divider\",[[257,\"br-divider\",{\"customId\":[513,\"custom-id\"],\"orientation\":[513],\"thickness\":[513],\"borderStyle\":[513,\"border-style\"],\"isDarkMode\":[516,\"is-dark-mode\"],\"color\":[513],\"align\":[1],\"bleed\":[4],\"marginTop\":[2,\"margin-top\"],\"marginBottom\":[2,\"margin-bottom\"],\"marginLeft\":[2,\"margin-left\"],\"marginRight\":[2,\"margin-right\"]},null,{\"color\":[\"updateColor\"],\"marginTop\":[\"updateMargins\"],\"marginBottom\":[\"updateMargins\"],\"marginLeft\":[\"updateMargins\"],\"marginRight\":[\"updateMargins\"]}]]],[\"br-collapse\",[[321,\"br-collapse\",{\"customId\":[513,\"custom-id\"],\"open\":[1540],\"accordionGroup\":[1,\"accordion-group\"],\"iconToShow\":[1,\"icon-to-show\"],\"iconToHide\":[1,\"icon-to-hide\"],\"iconPosition\":[1,\"icon-position\"],\"openCollapse\":[64],\"closeCollapse\":[64]},[[4,\"brDidOpen\",\"handleOpen\"]]]]],[\"br-item_2\",[[321,\"br-list\",{\"header\":[513],\"isHorizontal\":[516,\"is-horizontal\"],\"customId\":[513,\"custom-id\"],\"hideHeaderDivider\":[516,\"hide-header-divider\"],\"collapse\":[516],\"accordion\":[513]}],[321,\"br-item\",{\"disabled\":[516],\"customId\":[513,\"custom-id\"],\"isActive\":[516,\"is-active\"],\"isSelected\":[516,\"is-selected\"],\"isInteractive\":[516,\"is-interactive\"],\"href\":[513],\"target\":[513],\"isButton\":[516,\"is-button\"],\"type\":[1537],\"value\":[513],\"density\":[513],\"hasSlotDefault\":[32],\"hasSlotStart\":[32],\"hasSlotEnd\":[32],\"selectedValue\":[32],\"setFocus\":[64]},[[4,\"checkedChange\",\"handleRadioChange\"],[4,\"checkedChange\",\"handleCheckboxChange\"]]]]]]"), options);
|
|
45
|
+
return bootstrapLazy(JSON.parse("[[\"br-pagination\",[[321,\"br-pagination\",{\"colorMode\":[513,\"color-mode\"],\"customId\":[513,\"custom-id\"],\"total\":[514],\"current\":[1538],\"ariaLabel\":[513,\"aria-label\"],\"previousLabel\":[513,\"previous-label\"],\"nextLabel\":[513,\"next-label\"],\"ellipsisLabel\":[513,\"ellipsis-label\"],\"density\":[513],\"variant\":[513],\"totalItems\":[514,\"total-items\"],\"perPage\":[1538,\"per-page\"],\"perPageOptions\":[16],\"perPageLabel\":[513,\"per-page-label\"],\"goToPageLabel\":[513,\"go-to-page-label\"],\"itemsText\":[513,\"items-text\"],\"isSmall\":[32]},null,{\"total\":[\"handleTotalChange\"],\"current\":[\"handleCurrentChange\"]}]]],[\"br-breadcrumb\",[[257,\"br-breadcrumb\",{\"customId\":[513,\"custom-id\"],\"homeUrl\":[1,\"home-url\"],\"crumbs\":[1],\"showTooltip\":[32],\"tooltipPosition\":[32],\"tooltipText\":[32],\"isSmallScreen\":[32],\"isTruncate\":[32],\"larguraInterna\":[32],\"larguraPai\":[32],\"isFolderOpen\":[32]}]]],[\"br-footer-category\",[[257,\"br-footer-category\",{\"customId\":[513,\"custom-id\"],\"label\":[513],\"isDesktop\":[32],\"accordionGroup\":[32]}]]],[\"br-footer-social\",[[257,\"br-footer-social\",{\"customId\":[513,\"custom-id\"],\"icon\":[513],\"description\":[513],\"href\":[513]}]]],[\"br-message\",[[321,\"br-message\",{\"messageTitle\":[513,\"message-title\"],\"customId\":[513,\"custom-id\"],\"message\":[513],\"isInline\":[516,\"is-inline\"],\"isClosable\":[516,\"is-closable\"],\"autoRemove\":[516,\"auto-remove\"],\"showIcon\":[516,\"show-icon\"],\"isFeedback\":[516,\"is-feedback\"],\"state\":[513]}]]],[\"br-modal\",[[321,\"br-modal\",{\"customId\":[513,\"custom-id\"],\"titleText\":[1,\"title-text\"],\"show\":[1540],\"autoClose\":[516,\"auto-close\"],\"initialFocusSelector\":[1,\"initial-focus-selector\"],\"size\":[513],\"scrim\":[516],\"scrollable\":[516],\"alignFooter\":[513,\"align-footer\"],\"open\":[64],\"close\":[64]}]]],[\"br-step-item\",[[321,\"br-step-item\",{\"label\":[513],\"highlight\":[513],\"active\":[516],\"disabled\":[516],\"brIconName\":[513,\"br-icon-name\"],\"brIconAria\":[513,\"br-icon-aria\"],\"showTimeLine\":[32],\"stepItemPositionStatus\":[32],\"stepLayout\":[32],\"labelPosition\":[32],\"contentType\":[32],\"mode\":[32],\"content\":[32],\"ariaLabelContent\":[32],\"setStepItemPositionStatus\":[64],\"handleShowTimeLine\":[64],\"setLabelPosition\":[64],\"setContentType\":[64],\"setMode\":[64],\"setContent\":[64]},null,{\"active\":[\"watchItemIsActive\"]}]]],[\"br-tag\",[[321,\"br-tag\",{\"label\":[513],\"iconName\":[513,\"icon-name\"],\"name\":[513],\"multiple\":[516],\"selected\":[1540],\"customId\":[513,\"custom-id\"],\"bgColor\":[513,\"bg-color\"],\"density\":[513],\"shape\":[513],\"status\":[516],\"interaction\":[1540],\"interactionSelect\":[516,\"interaction-select\"],\"disabled\":[516],\"ariaLabel\":[513,\"aria-label\"],\"ariaDescribedby\":[513,\"aria-describedby\"],\"selectedClassValue\":[32]},[[4,\"radioSelected\",\"handleCheckedChange\"]],{\"interaction\":[\"handleInteractionChange\"],\"interactionSelect\":[\"handleInteractionSelectChange\"],\"selected\":[\"handleSelectedChange\"]}]]],[\"br-tooltip\",[[321,\"br-tooltip\",{\"customId\":[513,\"custom-id\"],\"position\":[513],\"type\":[513],\"density\":[513],\"state\":[513],\"isAutoVisible\":[516,\"is-auto-visible\"],\"showDelay\":[514,\"show-delay\"],\"hideDelay\":[514,\"hide-delay\"],\"isVisible\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[4,\"keydown\",\"handleKeyDown\"]],{\"isVisible\":[\"handleVisibilityChange\"]}]]],[\"br-upload\",[[321,\"br-upload\",{\"customId\":[513,\"custom-id\"],\"accept\":[1],\"label\":[1],\"disabled\":[516],\"state\":[513],\"multiple\":[4],\"filesSelected\":[32],\"file\":[32]}]]],[\"br-avatar\",[[257,\"br-avatar\",{\"density\":[1025],\"customId\":[513,\"custom-id\"],\"src\":[1],\"alt\":[1],\"isIconic\":[4,\"is-iconic\"],\"text\":[1],\"disabled\":[4],\"bgColor\":[513,\"bg-color\"],\"hasError\":[32]},null,{\"density\":[\"handleDensityChange\"]}]]],[\"br-checkgroup\",[[321,\"br-checkgroup\",{\"label\":[1],\"labelSelecionado\":[513,\"label-selecionado\"],\"labelDesselecionado\":[513,\"label-desselecionado\"],\"indeterminate\":[516],\"customId\":[513,\"custom-id\"],\"checked\":[32],\"isIndeterminate\":[32],\"numberOfChildren\":[32]},[[4,\"checkedChange\",\"handleChange\"]]]]],[\"br-footer\",[[257,\"br-footer\",{\"customId\":[513,\"custom-id\"],\"theme\":[513],\"socialNetworkTitle\":[513,\"social-network-title\"]}]]],[\"br-footer-item\",[[257,\"br-footer-item\",{\"customId\":[513,\"custom-id\"],\"href\":[513]}]]],[\"br-sign-in\",[[321,\"br-sign-in\",{\"customId\":[513,\"custom-id\"],\"colorMode\":[513,\"color-mode\"],\"density\":[513],\"disabled\":[516],\"emphasis\":[513],\"shape\":[513],\"href\":[513],\"target\":[513],\"ariaLabel\":[513,\"aria-label\"]}]]],[\"br-tab\",[[257,\"br-tab\",{\"customId\":[513,\"custom-id\"],\"density\":[513],\"colorMode\":[513,\"color-mode\"],\"label\":[513],\"alignItemsTab\":[513,\"align-items-tab\"],\"tabItems\":[32],\"activeTabId\":[32]},[[0,\"brTabItemPropsChange\",\"handleTabItemPropsChange\"]],{\"activeTabId\":[\"activeTabChanged\"],\"colorMode\":[\"colorModeChanged\"]}]]],[\"br-card\",[[321,\"br-card\",{\"customId\":[513,\"custom-id\"],\"disabled\":[516],\"hover\":[516]}]]],[\"br-footer-legal\",[[257,\"br-footer-legal\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-footer-logo\",[[257,\"br-footer-logo\",{\"customId\":[513,\"custom-id\"],\"src\":[513],\"description\":[513],\"position\":[513],\"isPartner\":[516,\"is-partner\"],\"href\":[513],\"target\":[513]}]]],[\"br-loading\",[[321,\"br-loading\",{\"isProgress\":[516,\"is-progress\"],\"customId\":[513,\"custom-id\"],\"progressPercent\":[514,\"progress-percent\"],\"isMedium\":[516,\"is-medium\"],\"label\":[513]}]]],[\"br-magic-button\",[[321,\"br-magic-button\",{\"customId\":[513,\"custom-id\"],\"label\":[513],\"icon\":[513],\"density\":[513],\"circle\":[516],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"br-scrim\",[[321,\"br-scrim\",{\"customId\":[513,\"custom-id\"],\"isOpen\":[516,\"is-open\"],\"positionContent\":[1,\"position-content\"],\"disableCloseOnClick\":[4,\"disable-close-on-click\"],\"zIndex\":[2,\"z-index\"],\"bgColor\":[1,\"bg-color\"],\"customOpacity\":[2,\"custom-opacity\"],\"displayMode\":[1,\"display-mode\"],\"scrollStrategy\":[1,\"scroll-strategy\"],\"scrollThreshold\":[1026,\"scroll-threshold\"],\"activator\":[1],\"ariaLabel\":[1,\"aria-label\"],\"isActive\":[32],\"hasActivatorSlot\":[32],\"setScrollThreshold\":[64],\"open\":[64],\"close\":[64],\"toggle\":[64]},null,{\"isOpen\":[\"handleOpenChange\"],\"zIndex\":[\"updateStyles\"],\"bgColor\":[\"updateStyles\"],\"customOpacity\":[\"updateStyles\"],\"activator\":[\"handleActivatorChange\"]}]]],[\"br-step\",[[321,\"br-step\",{\"layout\":[513],\"initialStep\":[513,\"initial-step\"],\"labelPosition\":[513,\"label-position\"],\"contentType\":[513,\"content-type\"],\"mode\":[513],\"progressionType\":[513,\"progression-type\"],\"activeStep\":[32],\"stepItems\":[32],\"ProceedToNextStep\":[64],\"BackToPreviousStep\":[64],\"StepValidation\":[64],\"GetActiveStep\":[64]},[[2,\"click\",\"handleClick\"]]]]],[\"br-switch\",[[321,\"br-switch\",{\"disabled\":[516],\"checked\":[1540],\"customId\":[513,\"custom-id\"],\"label\":[1],\"labelPosition\":[513,\"label-position\"],\"labelOn\":[513,\"label-on\"],\"labelOff\":[513,\"label-off\"],\"hasIcon\":[516,\"has-icon\"],\"name\":[513],\"value\":[513],\"density\":[513],\"_slotDefault\":[32],\"toggleChecked\":[64]}]]],[\"br-tab-item\",[[257,\"br-tab-item\",{\"tabItemId\":[1537,\"tab-item-id\"],\"tabItemTitle\":[513,\"tab-item-title\"],\"icon\":[513],\"onlyIcon\":[516,\"only-icon\"],\"isActive\":[1540,\"is-active\"],\"counter\":[513],\"colorMode\":[513,\"color-mode\"]},null,{\"tabItemTitle\":[\"tabItemTitleChanged\"],\"icon\":[\"iconChanged\"],\"counter\":[\"counterChanged\"],\"onlyIcon\":[\"onlyIconChanged\"]}]]],[\"br-table\",[[257,\"br-table\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-table-cell\",[[257,\"br-table-cell\",{\"customId\":[513,\"custom-id\"],\"hasVerticalBorder\":[516,\"has-vertical-border\"],\"horizontalAlign\":[513,\"horizontal-align\"]},[[4,\"brHorizontalAlignDidChange\",\"handleHorizontalAlignDidChange\"]],{\"horizontalAlign\":[\"handleHorizontalAlignChange\"]}]]],[\"br-table-header-cell\",[[257,\"br-table-header-cell\",{\"customId\":[513,\"custom-id\"],\"hasVerticalBorder\":[516,\"has-vertical-border\"],\"horizontalAlign\":[513,\"horizontal-align\"]},null,{\"horizontalAlign\":[\"handleHorizontalAlignChange\"]}]]],[\"br-table-header-row\",[[257,\"br-table-header-row\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-table-row\",[[257,\"br-table-row\",{\"customId\":[513,\"custom-id\"]}]]],[\"br-textarea\",[[321,\"br-textarea\",{\"value\":[1537],\"label\":[513],\"placeholder\":[513],\"ariaLabel\":[513,\"aria-label\"],\"customId\":[513,\"custom-id\"],\"disabled\":[516],\"maxlength\":[514],\"showCounter\":[516,\"show-counter\"],\"state\":[513],\"density\":[513],\"isInline\":[516,\"is-inline\"],\"currentLength\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChanged\"]}]]],[\"br-button_2\",[[321,\"br-button\",{\"colorMode\":[513,\"color-mode\"],\"customId\":[513,\"custom-id\"],\"density\":[513],\"disabled\":[516],\"emphasis\":[513],\"isActive\":[516,\"is-active\"],\"isLoading\":[516,\"is-loading\"],\"shape\":[513],\"type\":[513],\"value\":[513],\"ariaLabel\":[513,\"aria-label\"],\"ariaPressed\":[513,\"aria-pressed\"]}],[257,\"br-icon\",{\"iconName\":[513,\"icon-name\"],\"height\":[513],\"customId\":[513,\"custom-id\"],\"width\":[513],\"cssClasses\":[513,\"css-classes\"],\"isInline\":[516,\"is-inline\"],\"rotate\":[513],\"flip\":[513],\"isFocusable\":[516,\"is-focusable\"],\"lazy\":[516]}]]],[\"br-checkbox_3\",[[321,\"br-input\",{\"type\":[513],\"autocomplete\":[513],\"density\":[513],\"disabled\":[516],\"isInline\":[516,\"is-inline\"],\"isHighlight\":[516,\"is-highlight\"],\"state\":[513],\"label\":[513],\"customId\":[513,\"custom-id\"],\"name\":[513],\"placeholder\":[513],\"readonly\":[516],\"required\":[516],\"value\":[1537],\"controlWidth\":[513,\"control-width\"],\"borderless\":[516],\"helpText\":[513,\"help-text\"],\"autocorrect\":[513],\"min\":[514],\"max\":[514],\"minlength\":[514],\"maxlength\":[514],\"multiple\":[516],\"pattern\":[513],\"mask\":[513],\"step\":[514],\"actionLabel\":[513,\"action-label\"],\"isPasswordVisible\":[32],\"internalState\":[32],\"hasIconSlot\":[32],\"hasActionSlot\":[32],\"hasFeedbackSlot\":[32]},null,{\"value\":[\"handleValueChange\"],\"mask\":[\"handleMaskChange\"]}],[321,\"br-radio\",{\"checked\":[1540],\"disabled\":[516],\"state\":[513],\"hasHiddenLabel\":[516,\"has-hidden-label\"],\"customId\":[513,\"custom-id\"],\"name\":[513],\"label\":[513],\"value\":[513],\"toggleChecked\":[64]},[[8,\"checkedChange\",\"handleCheckedChange\"],[0,\"keydown\",\"handleKeyDown\"]]],[321,\"br-checkbox\",{\"indeterminate\":[1540],\"checked\":[1540],\"customId\":[513,\"custom-id\"],\"disabled\":[516],\"hasHiddenLabel\":[516,\"has-hidden-label\"],\"label\":[513],\"name\":[513],\"state\":[513],\"value\":[513],\"isFather\":[4,\"is-father\"],\"slotDefault\":[32],\"numberOfChildren\":[32],\"setIndeterminate\":[64],\"toggleChecked\":[64],\"setNumberOfChildren\":[64]},null,{\"indeterminate\":[\"updateIndeterminate\"]}]]],[\"br-dropdown_2\",[[321,\"br-select\",{\"label\":[513],\"placeholder\":[513],\"isMultiple\":[516,\"is-multiple\"],\"options\":[513],\"selectAllLabel\":[513,\"select-all-label\"],\"unselectAllLabel\":[513,\"unselect-all-label\"],\"showSearchIcon\":[516,\"show-search-icon\"],\"isOpen\":[516,\"is-open\"],\"isInline\":[516,\"is-inline\"],\"inputWidth\":[513,\"input-width\"],\"borderless\":[516],\"customId\":[513,\"custom-id\"],\"value\":[1025],\"parsedOptions\":[32],\"filteredOptions\":[32],\"inputValue\":[32],\"searchTerm\":[32],\"selectedValue\":[32],\"isAllSelected\":[32],\"isExpanded\":[32],\"focusedIndex\":[32],\"toggleOpen\":[64],\"clear\":[64],\"getValue\":[64],\"setValue\":[64]},null,{\"options\":[\"synchronizeSelect\"],\"value\":[\"syncValueFromOutside\"]}],[321,\"br-dropdown\",{\"isOpen\":[1540,\"is-open\"],\"customId\":[513,\"custom-id\"],\"placement\":[513],\"preventAutoDismiss\":[516,\"prevent-auto-dismiss\"],\"targetZIndex\":[1,\"target-z-index\"],\"open\":[64],\"hide\":[64],\"setFocus\":[64]},null,{\"isOpen\":[\"isOpenChanged\"],\"targetZIndex\":[\"targetZIndexChanged\"]}]]],[\"br-divider\",[[257,\"br-divider\",{\"customId\":[513,\"custom-id\"],\"orientation\":[513],\"thickness\":[513],\"borderStyle\":[513,\"border-style\"],\"isDarkMode\":[516,\"is-dark-mode\"],\"color\":[513],\"align\":[1],\"bleed\":[4],\"marginTop\":[2,\"margin-top\"],\"marginBottom\":[2,\"margin-bottom\"],\"marginLeft\":[2,\"margin-left\"],\"marginRight\":[2,\"margin-right\"]},null,{\"color\":[\"updateColor\"],\"marginTop\":[\"updateMargins\"],\"marginBottom\":[\"updateMargins\"],\"marginLeft\":[\"updateMargins\"],\"marginRight\":[\"updateMargins\"]}]]],[\"br-collapse\",[[321,\"br-collapse\",{\"customId\":[513,\"custom-id\"],\"open\":[1540],\"accordionGroup\":[1,\"accordion-group\"],\"iconToShow\":[1,\"icon-to-show\"],\"iconToHide\":[1,\"icon-to-hide\"],\"iconPosition\":[1,\"icon-position\"],\"openCollapse\":[64],\"closeCollapse\":[64]},[[4,\"brDidOpen\",\"handleOpen\"]]]]],[\"br-item_2\",[[321,\"br-list\",{\"header\":[513],\"isHorizontal\":[516,\"is-horizontal\"],\"customId\":[513,\"custom-id\"],\"hideHeaderDivider\":[516,\"hide-header-divider\"],\"collapse\":[516],\"accordion\":[513]}],[321,\"br-item\",{\"disabled\":[516],\"customId\":[513,\"custom-id\"],\"isActive\":[516,\"is-active\"],\"isSelected\":[516,\"is-selected\"],\"isInteractive\":[516,\"is-interactive\"],\"href\":[513],\"target\":[513],\"isButton\":[516,\"is-button\"],\"type\":[1537],\"value\":[513],\"density\":[513],\"hasSlotDefault\":[32],\"hasSlotStart\":[32],\"hasSlotEnd\":[32],\"selectedValue\":[32],\"setFocus\":[64]},[[4,\"checkedChange\",\"handleRadioChange\"],[4,\"checkedChange\",\"handleCheckboxChange\"]]]]]]"), options);
|
|
46
46
|
});
|
|
47
47
|
//# sourceMappingURL=webcomponents.js.map
|
package/dist/hydrate/index.js
CHANGED
|
@@ -10244,7 +10244,17 @@ class Input {
|
|
|
10244
10244
|
this.hasActionSlot = false;
|
|
10245
10245
|
this.hasFeedbackSlot = false;
|
|
10246
10246
|
this.handleInput = (event) => {
|
|
10247
|
-
|
|
10247
|
+
var _a;
|
|
10248
|
+
const inputElement = event.target;
|
|
10249
|
+
let nextValue = (_a = inputElement.value) !== null && _a !== void 0 ? _a : '';
|
|
10250
|
+
if (this.hasMaskConfigured()) {
|
|
10251
|
+
const maskedValue = this.applyMask(nextValue);
|
|
10252
|
+
if (maskedValue !== nextValue) {
|
|
10253
|
+
inputElement.value = maskedValue;
|
|
10254
|
+
}
|
|
10255
|
+
nextValue = maskedValue;
|
|
10256
|
+
}
|
|
10257
|
+
this.value = nextValue;
|
|
10248
10258
|
this.valueChange.emit(this.value);
|
|
10249
10259
|
};
|
|
10250
10260
|
this.renderLabel = () => {
|
|
@@ -10297,6 +10307,7 @@ class Input {
|
|
|
10297
10307
|
this.hasActionSlot = this.hasSlotContent('action');
|
|
10298
10308
|
this.hasFeedbackSlot = this.hasSlotContent('feedback');
|
|
10299
10309
|
this.internalState = this.state;
|
|
10310
|
+
this.applyMaskToValue();
|
|
10300
10311
|
if (this.hasFeedbackSlot) {
|
|
10301
10312
|
this.initializeStateWithFeedback();
|
|
10302
10313
|
}
|
|
@@ -10349,6 +10360,18 @@ class Input {
|
|
|
10349
10360
|
warning: this.internalState === 'warning',
|
|
10350
10361
|
};
|
|
10351
10362
|
}
|
|
10363
|
+
handleValueChange(newValue) {
|
|
10364
|
+
if (!this.hasMaskConfigured()) {
|
|
10365
|
+
return;
|
|
10366
|
+
}
|
|
10367
|
+
const maskedValue = this.applyMask(newValue !== null && newValue !== void 0 ? newValue : '');
|
|
10368
|
+
if (maskedValue !== newValue) {
|
|
10369
|
+
this.value = maskedValue;
|
|
10370
|
+
}
|
|
10371
|
+
}
|
|
10372
|
+
handleMaskChange() {
|
|
10373
|
+
this.applyMaskToValue();
|
|
10374
|
+
}
|
|
10352
10375
|
hasSlotContent(slotName) {
|
|
10353
10376
|
return this.el.querySelector(`[slot="${slotName}"]`) !== null;
|
|
10354
10377
|
}
|
|
@@ -10371,11 +10394,49 @@ class Input {
|
|
|
10371
10394
|
return hAsync("slot", { name: "feedback" });
|
|
10372
10395
|
}
|
|
10373
10396
|
}
|
|
10397
|
+
applyMaskToValue() {
|
|
10398
|
+
if (!this.hasMaskConfigured() || this.value === undefined || this.value === null) {
|
|
10399
|
+
return;
|
|
10400
|
+
}
|
|
10401
|
+
const maskedValue = this.applyMask(this.value);
|
|
10402
|
+
if (this.value !== maskedValue) {
|
|
10403
|
+
this.value = maskedValue;
|
|
10404
|
+
}
|
|
10405
|
+
}
|
|
10406
|
+
applyMask(value) {
|
|
10407
|
+
if (!this.hasMaskConfigured()) {
|
|
10408
|
+
return value !== null && value !== void 0 ? value : '';
|
|
10409
|
+
}
|
|
10410
|
+
const digits = (value !== null && value !== void 0 ? value : '').replace(/\D/g, '');
|
|
10411
|
+
if (digits.length === 0) {
|
|
10412
|
+
return '';
|
|
10413
|
+
}
|
|
10414
|
+
let maskedValue = '';
|
|
10415
|
+
let digitIndex = 0;
|
|
10416
|
+
for (let i = 0; i < this.mask.length && digitIndex < digits.length; i++) {
|
|
10417
|
+
const maskChar = this.mask[i];
|
|
10418
|
+
if (maskChar === '#') {
|
|
10419
|
+
maskedValue += digits[digitIndex];
|
|
10420
|
+
digitIndex++;
|
|
10421
|
+
}
|
|
10422
|
+
else {
|
|
10423
|
+
maskedValue += maskChar;
|
|
10424
|
+
}
|
|
10425
|
+
}
|
|
10426
|
+
return maskedValue;
|
|
10427
|
+
}
|
|
10428
|
+
hasMaskConfigured() {
|
|
10429
|
+
return typeof this.mask === 'string' && this.mask.length > 0;
|
|
10430
|
+
}
|
|
10374
10431
|
render() {
|
|
10375
|
-
return (hAsync(Host, { key: '
|
|
10432
|
+
return (hAsync(Host, { key: '251164fce4650bd0fa1a1b9189537b11c2ebe6b6' }, hAsync("div", { key: '7b2f561f2cc1d767ba75b483e3d2b93bccd30901', class: this.getInputCssClassMap() }, this.renderLabel(), this.isInline ? this.renderInlineInputContent() : this.renderInputContent(), this.renderFeedback())));
|
|
10376
10433
|
}
|
|
10377
10434
|
static get formAssociated() { return true; }
|
|
10378
10435
|
get el() { return getElement(this); }
|
|
10436
|
+
static get watchers() { return {
|
|
10437
|
+
"value": ["handleValueChange"],
|
|
10438
|
+
"mask": ["handleMaskChange"]
|
|
10439
|
+
}; }
|
|
10379
10440
|
static get style() { return inputCss; }
|
|
10380
10441
|
static get cmpMeta() { return {
|
|
10381
10442
|
"$flags$": 329,
|
|
@@ -10405,6 +10466,7 @@ class Input {
|
|
|
10405
10466
|
"maxlength": [514],
|
|
10406
10467
|
"multiple": [516],
|
|
10407
10468
|
"pattern": [513],
|
|
10469
|
+
"mask": [513],
|
|
10408
10470
|
"step": [514],
|
|
10409
10471
|
"actionLabel": [513, "action-label"],
|
|
10410
10472
|
"isPasswordVisible": [32],
|
|
@@ -10415,7 +10477,7 @@ class Input {
|
|
|
10415
10477
|
},
|
|
10416
10478
|
"$listeners$": undefined,
|
|
10417
10479
|
"$lazyBundleId$": "-",
|
|
10418
|
-
"$attrsToReflect$": [["type", "type"], ["autocomplete", "autocomplete"], ["density", "density"], ["disabled", "disabled"], ["isInline", "is-inline"], ["isHighlight", "is-highlight"], ["state", "state"], ["label", "label"], ["customId", "custom-id"], ["name", "name"], ["placeholder", "placeholder"], ["readonly", "readonly"], ["required", "required"], ["value", "value"], ["controlWidth", "control-width"], ["borderless", "borderless"], ["helpText", "help-text"], ["autocorrect", "autocorrect"], ["min", "min"], ["max", "max"], ["minlength", "minlength"], ["maxlength", "maxlength"], ["multiple", "multiple"], ["pattern", "pattern"], ["step", "step"], ["actionLabel", "action-label"]]
|
|
10480
|
+
"$attrsToReflect$": [["type", "type"], ["autocomplete", "autocomplete"], ["density", "density"], ["disabled", "disabled"], ["isInline", "is-inline"], ["isHighlight", "is-highlight"], ["state", "state"], ["label", "label"], ["customId", "custom-id"], ["name", "name"], ["placeholder", "placeholder"], ["readonly", "readonly"], ["required", "required"], ["value", "value"], ["controlWidth", "control-width"], ["borderless", "borderless"], ["helpText", "help-text"], ["autocorrect", "autocorrect"], ["min", "min"], ["max", "max"], ["minlength", "minlength"], ["maxlength", "maxlength"], ["multiple", "multiple"], ["pattern", "pattern"], ["mask", "mask"], ["step", "step"], ["actionLabel", "action-label"]]
|
|
10419
10481
|
}; }
|
|
10420
10482
|
}
|
|
10421
10483
|
let inputId = 0;
|
|
@@ -12570,8 +12632,12 @@ class Select {
|
|
|
12570
12632
|
// Representa as opções do select disponíveis para renderização.
|
|
12571
12633
|
// Cada opção contém `label`, `value` e o estado de seleção (`selected`).
|
|
12572
12634
|
this.parsedOptions = [];
|
|
12635
|
+
// Opções filtradas de acordo com o termo de busca digitado.
|
|
12636
|
+
this.filteredOptions = [];
|
|
12573
12637
|
// Valor exibido no input, refletindo as opções selecionadas.
|
|
12574
12638
|
this.inputValue = '';
|
|
12639
|
+
// Termo digitado no input (modo busca).
|
|
12640
|
+
this.searchTerm = '';
|
|
12575
12641
|
// Indica se todas as opções estão selecionadas. Comportamento do checkbox "Selecionar Todos".
|
|
12576
12642
|
this.isAllSelected = false;
|
|
12577
12643
|
// Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).
|
|
@@ -12620,6 +12686,8 @@ class Select {
|
|
|
12620
12686
|
}
|
|
12621
12687
|
// Sanitiza as opções (remove opções inválidas, etc.)
|
|
12622
12688
|
this.parsedOptions = parsedOptions;
|
|
12689
|
+
// Atualiza lista filtrada considerando o termo atual
|
|
12690
|
+
this.filteredOptions = this.getFilteredOptions(this.searchTerm);
|
|
12623
12691
|
// Atualiza o estado do componente
|
|
12624
12692
|
this.updateSelectedOptions();
|
|
12625
12693
|
this.updateSelectedAllState();
|
|
@@ -12636,6 +12704,7 @@ class Select {
|
|
|
12636
12704
|
this.selectedValue = newVal;
|
|
12637
12705
|
this.updateSelectedOptions(); // mantém inputValue coeso
|
|
12638
12706
|
this.updateSelectedAllState();
|
|
12707
|
+
this.filteredOptions = this.getFilteredOptions(this.searchTerm);
|
|
12639
12708
|
}
|
|
12640
12709
|
componentWillLoad() {
|
|
12641
12710
|
this.isExpanded = this.isOpen;
|
|
@@ -12738,17 +12807,23 @@ class Select {
|
|
|
12738
12807
|
}
|
|
12739
12808
|
handleSelection(index) {
|
|
12740
12809
|
var _a, _b;
|
|
12741
|
-
if (index < 0 || index >= this.
|
|
12810
|
+
if (index < 0 || index >= this.filteredOptions.length) {
|
|
12811
|
+
return;
|
|
12812
|
+
}
|
|
12813
|
+
// Localiza opção original a partir da lista filtrada
|
|
12814
|
+
const selectedOption = this.filteredOptions[index];
|
|
12815
|
+
const originalIndex = this.parsedOptions.findIndex((o) => o.value === selectedOption.value);
|
|
12816
|
+
if (originalIndex === -1) {
|
|
12742
12817
|
return;
|
|
12743
12818
|
}
|
|
12744
12819
|
if (this.isMultiple) {
|
|
12745
12820
|
const updatedOptions = [...this.parsedOptions];
|
|
12746
|
-
updatedOptions[
|
|
12821
|
+
updatedOptions[originalIndex].selected = !updatedOptions[originalIndex].selected;
|
|
12747
12822
|
this.parsedOptions = updatedOptions;
|
|
12748
12823
|
}
|
|
12749
12824
|
else {
|
|
12750
12825
|
const updatedOptions = this.parsedOptions.map((option) => (Object.assign(Object.assign({}, option), { selected: false })));
|
|
12751
|
-
updatedOptions[
|
|
12826
|
+
updatedOptions[originalIndex].selected = true;
|
|
12752
12827
|
this.parsedOptions = updatedOptions;
|
|
12753
12828
|
this.isExpanded = false;
|
|
12754
12829
|
}
|
|
@@ -12761,6 +12836,7 @@ class Select {
|
|
|
12761
12836
|
this.valueChange.emit(this.selectedValue);
|
|
12762
12837
|
this.updateSelectedOptions();
|
|
12763
12838
|
this.updateSelectedAllState();
|
|
12839
|
+
this.filteredOptions = this.getFilteredOptions(this.searchTerm);
|
|
12764
12840
|
try {
|
|
12765
12841
|
this.elementInternals.setFormValue(JSON.stringify((_b = this.selectedValue) !== null && _b !== void 0 ? _b : []));
|
|
12766
12842
|
}
|
|
@@ -12771,6 +12847,23 @@ class Select {
|
|
|
12771
12847
|
updateSelectedOptions() {
|
|
12772
12848
|
this.inputValue = this.getStringValue(this.parsedOptions.filter((option) => option.selected));
|
|
12773
12849
|
}
|
|
12850
|
+
normalizeText(text) {
|
|
12851
|
+
return (text || '')
|
|
12852
|
+
.normalize('NFD')
|
|
12853
|
+
.replace(/[\u0300-\u036f]/g, '')
|
|
12854
|
+
.toLowerCase();
|
|
12855
|
+
}
|
|
12856
|
+
getFilteredOptions(term) {
|
|
12857
|
+
if (!term) {
|
|
12858
|
+
return this.parsedOptions;
|
|
12859
|
+
}
|
|
12860
|
+
const normalizedTerm = this.normalizeText(term);
|
|
12861
|
+
return this.parsedOptions.filter((option) => {
|
|
12862
|
+
const normalizedLabel = this.normalizeText(option.label || option.value);
|
|
12863
|
+
const normalizedValue = this.normalizeText(option.value);
|
|
12864
|
+
return normalizedLabel.includes(normalizedTerm) || normalizedValue.includes(normalizedTerm);
|
|
12865
|
+
});
|
|
12866
|
+
}
|
|
12774
12867
|
getStringValue(options) {
|
|
12775
12868
|
if (options.length > 0) {
|
|
12776
12869
|
const firstSelected = options[0].label || options[0].value;
|
|
@@ -12824,13 +12917,16 @@ class Select {
|
|
|
12824
12917
|
}
|
|
12825
12918
|
}
|
|
12826
12919
|
renderInput() {
|
|
12827
|
-
return (hAsync("br-input", { exportparts: "label", value: this.inputValue, label: this.label, isInline: this.isInline, controlWidth: this.inputWidth, borderless: this.borderless, placeholder: this.placeholder, actionLabel: this.isExpanded ? 'Recolher lista de opções' : 'Exibir lista de opções', readonly:
|
|
12920
|
+
return (hAsync("br-input", { exportparts: "label", value: this.searchTerm || this.inputValue, label: this.label, isInline: this.isInline, controlWidth: this.inputWidth, borderless: this.borderless, placeholder: this.placeholder, actionLabel: this.isExpanded ? 'Recolher lista de opções' : 'Exibir lista de opções', readonly: false, onClick: () => this.toggleOpen(), onInput: (event) => this.handleSearchInput(event), onFocus: () => this.handleSearchFocus(), onBlur: () => this.handleSearchBlur(), onKeyDown: (event) => this.handleKeydownOnInput(event) }, this.showSearchIcon && hAsync("br-icon", { slot: "icon", "icon-name": "fa-solid:search", "aria-hidden": "true" }), hAsync("br-icon", { slot: "action", "icon-name": this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down', height: "16", "aria-hidden": "true" })));
|
|
12828
12921
|
}
|
|
12829
12922
|
renderSelectAllCheckbox() {
|
|
12830
12923
|
return (hAsync("div", { class: `br-item highlighted ${this.isAllSelected ? 'selected' : ''}`, "data-all": "data-all", tabindex: "-1", role: "option", "aria-selected": this.isAllSelected, onKeyDown: (event) => this.handleSelectAllKeyDown(event), onClick: () => this.toggleSelectAll() }, hAsync("br-checkbox", { name: `checkbox-${this.customId}`, label: this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel, checked: this.isAllSelected, onCheckedChange: () => this.toggleSelectAll() })));
|
|
12831
12924
|
}
|
|
12832
12925
|
renderOptions() {
|
|
12833
|
-
|
|
12926
|
+
if (this.filteredOptions.length === 0) {
|
|
12927
|
+
return (hAsync("div", { class: "br-item empty", role: "option", "aria-selected": "false", tabindex: -1 }, "Nenhum resultado encontrado"));
|
|
12928
|
+
}
|
|
12929
|
+
return this.filteredOptions.map((option, index) => (hAsync("div", { class: `br-item ${option.selected ? 'selected' : ''}`, key: `${option.label}-${this.customId}`, role: "option", tabindex: this.focusedIndex === index ? 0 : -1, "aria-selected": option.selected, onClick: () => this.handleSelection(index), onKeyDown: (event) => this.handleKeydownOnItem(event, index) }, this.isMultiple ? (hAsync("br-checkbox", { name: `checkbox-${index}-${this.customId}`, label: option.label || option.value, checked: option.selected === true, onCheckedChange: () => this.handleSelection(index) })) : (hAsync("br-radio", { exportparts: "radio-input, radio-label", name: `radio-${index}-${this.customId}`, label: option.label || option.value, checked: option.selected === true, onCheckedChange: () => this.handleSelection(index) })))));
|
|
12834
12930
|
}
|
|
12835
12931
|
/**
|
|
12836
12932
|
* Determina um id para o radio.
|
|
@@ -12847,13 +12943,68 @@ class Select {
|
|
|
12847
12943
|
this.isExpanded = !this.isExpanded;
|
|
12848
12944
|
});
|
|
12849
12945
|
}
|
|
12946
|
+
/**
|
|
12947
|
+
* Limpa todas as opções selecionadas.
|
|
12948
|
+
*/
|
|
12949
|
+
clear() {
|
|
12950
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
12951
|
+
const updatedOptions = this.parsedOptions.map((option) => (Object.assign(Object.assign({}, option), { selected: false })));
|
|
12952
|
+
this.parsedOptions = updatedOptions;
|
|
12953
|
+
const newValue = this.isMultiple ? [] : undefined;
|
|
12954
|
+
this.selectedValue = newValue;
|
|
12955
|
+
this.value = newValue;
|
|
12956
|
+
this.updateSelectedOptions();
|
|
12957
|
+
this.updateSelectedAllState();
|
|
12958
|
+
this.valueChange.emit(newValue);
|
|
12959
|
+
try {
|
|
12960
|
+
this.elementInternals.setFormValue(JSON.stringify(newValue !== null && newValue !== void 0 ? newValue : (this.isMultiple ? [] : null)));
|
|
12961
|
+
}
|
|
12962
|
+
catch (_a) {
|
|
12963
|
+
// Ignora erro em testes onde setFormValue não é implementado
|
|
12964
|
+
}
|
|
12965
|
+
});
|
|
12966
|
+
}
|
|
12967
|
+
/**
|
|
12968
|
+
* Retorna o valor selecionado.
|
|
12969
|
+
* @returns {Promise<string | string[]>} O valor atual.
|
|
12970
|
+
*/
|
|
12971
|
+
getValue() {
|
|
12972
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
12973
|
+
return this.value;
|
|
12974
|
+
});
|
|
12975
|
+
}
|
|
12976
|
+
/**
|
|
12977
|
+
* Define o valor do componente.
|
|
12978
|
+
* @param {string | string[]} newValue O novo valor a ser definido.
|
|
12979
|
+
*/
|
|
12980
|
+
setValue(newValue) {
|
|
12981
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
12982
|
+
this.value = newValue;
|
|
12983
|
+
// O @Watch('value') cuidará da sincronização
|
|
12984
|
+
});
|
|
12985
|
+
}
|
|
12850
12986
|
getCssClassMap() {
|
|
12851
12987
|
return {
|
|
12852
12988
|
'br-select': true,
|
|
12853
12989
|
};
|
|
12854
12990
|
}
|
|
12991
|
+
handleSearchInput(event) {
|
|
12992
|
+
var _a;
|
|
12993
|
+
const value = (_a = event.target.value) !== null && _a !== void 0 ? _a : '';
|
|
12994
|
+
this.searchTerm = value;
|
|
12995
|
+
this.filteredOptions = this.getFilteredOptions(value);
|
|
12996
|
+
this.isExpanded = true;
|
|
12997
|
+
}
|
|
12998
|
+
handleSearchFocus() {
|
|
12999
|
+
this.filteredOptions = this.getFilteredOptions(this.searchTerm);
|
|
13000
|
+
}
|
|
13001
|
+
handleSearchBlur() {
|
|
13002
|
+
// Ao sair do campo, volta a exibir o resumo das seleções
|
|
13003
|
+
this.searchTerm = '';
|
|
13004
|
+
this.filteredOptions = this.getFilteredOptions('');
|
|
13005
|
+
}
|
|
12855
13006
|
render() {
|
|
12856
|
-
return (hAsync("div", { key: '
|
|
13007
|
+
return (hAsync("div", { key: '0cc55b88b7a17c5e930f76db97f9edb7e4a2948d', class: this.getCssClassMap(), id: this.getComputedId() }, this.renderInput(), this.isExpanded && (hAsync("br-list", { key: '55af5ca9de920524dcf05091e2c9369fd199c67f', tabindex: -1, onKeyDown: (event) => this.handleKeydownOnList(event) }, this.isMultiple && this.renderSelectAllCheckbox(), this.renderOptions()))));
|
|
12857
13008
|
}
|
|
12858
13009
|
static get formAssociated() { return true; }
|
|
12859
13010
|
get el() { return getElement(this); }
|
|
@@ -12878,14 +13029,19 @@ class Select {
|
|
|
12878
13029
|
"inputWidth": [513, "input-width"],
|
|
12879
13030
|
"borderless": [516],
|
|
12880
13031
|
"customId": [513, "custom-id"],
|
|
12881
|
-
"value": [
|
|
13032
|
+
"value": [1025],
|
|
12882
13033
|
"parsedOptions": [32],
|
|
13034
|
+
"filteredOptions": [32],
|
|
12883
13035
|
"inputValue": [32],
|
|
13036
|
+
"searchTerm": [32],
|
|
12884
13037
|
"selectedValue": [32],
|
|
12885
13038
|
"isAllSelected": [32],
|
|
12886
13039
|
"isExpanded": [32],
|
|
12887
13040
|
"focusedIndex": [32],
|
|
12888
|
-
"toggleOpen": [64]
|
|
13041
|
+
"toggleOpen": [64],
|
|
13042
|
+
"clear": [64],
|
|
13043
|
+
"getValue": [64],
|
|
13044
|
+
"setValue": [64]
|
|
12889
13045
|
},
|
|
12890
13046
|
"$listeners$": undefined,
|
|
12891
13047
|
"$lazyBundleId$": "-",
|