@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.
Files changed (43) hide show
  1. package/dist/cjs/br-checkbox.br-input.br-radio.entry.cjs.js.map +1 -1
  2. package/dist/cjs/br-checkbox_3.cjs.entry.js +63 -2
  3. package/dist/cjs/br-dropdown.br-select.entry.cjs.js.map +1 -1
  4. package/dist/cjs/br-dropdown_2.cjs.entry.js +95 -6
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/webcomponents.cjs.js +1 -1
  7. package/dist/collection/components/input/input.js +87 -2
  8. package/dist/collection/components/input/input.js.map +1 -1
  9. package/dist/collection/components/select/select.js +160 -8
  10. package/dist/collection/components/select/select.js.map +1 -1
  11. package/dist/collection/pages/components/select/index.js +41 -0
  12. package/dist/components/br-input.js +4 -4
  13. package/dist/components/br-pagination.js +2 -2
  14. package/dist/components/br-select.js +4 -4
  15. package/dist/components/{p-Cw0pxndP.js → p-B8JLH_ik.js} +171 -74
  16. package/dist/components/p-B8JLH_ik.js.map +1 -0
  17. package/dist/components/{p-CbnpaWFn.js → p-CkOo_SmU.js} +75 -9
  18. package/dist/components/p-CkOo_SmU.js.map +1 -0
  19. package/dist/custom-elements.json +171 -4
  20. package/dist/esm/br-checkbox.br-input.br-radio.entry.js.map +1 -1
  21. package/dist/esm/br-checkbox_3.entry.js +63 -2
  22. package/dist/esm/br-dropdown.br-select.entry.js.map +1 -1
  23. package/dist/esm/br-dropdown_2.entry.js +95 -6
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/esm/webcomponents.js +1 -1
  26. package/dist/hydrate/index.js +167 -11
  27. package/dist/hydrate/index.mjs +167 -11
  28. package/dist/types/components/input/input.d.ts +9 -0
  29. package/dist/types/components/select/select.d.ts +25 -0
  30. package/dist/types/components.d.ts +30 -8
  31. package/dist/webcomponents/br-checkbox.br-input.br-radio.entry.esm.js.map +1 -1
  32. package/dist/webcomponents/br-dropdown.br-select.entry.esm.js.map +1 -1
  33. package/dist/webcomponents/{p-abfb0743.entry.js → p-6511c9cd.entry.js} +126 -64
  34. package/dist/webcomponents/p-6511c9cd.entry.js.map +1 -0
  35. package/dist/webcomponents/{p-67d88dcb.entry.js → p-a7fa8119.entry.js} +110 -18
  36. package/dist/webcomponents/p-a7fa8119.entry.js.map +1 -0
  37. package/dist/webcomponents/webcomponents.esm.js +15 -15
  38. package/dist/webcomponents.html-custom-data.json +7 -2
  39. package/package.json +1 -1
  40. package/dist/components/p-CbnpaWFn.js.map +0 -1
  41. package/dist/components/p-Cw0pxndP.js.map +0 -1
  42. package/dist/webcomponents/p-67d88dcb.entry.js.map +0 -1
  43. package/dist/webcomponents/p-abfb0743.entry.js.map +0 -1
@@ -2,9 +2,9 @@
2
2
  * Construído por SERPRO
3
3
  * © https://serpro.gov.br/ - MIT License.
4
4
  */
5
- import { p as e, H as r, d as t, h as a } from "./p-DSkSDmzD.js";
5
+ import { p as e, H as t, d as r, h as i } from "./p-DSkSDmzD.js";
6
6
 
7
- import { _ as i } from "./p-DIPMDb5E.js";
7
+ import { _ as a } from "./p-DIPMDb5E.js";
8
8
 
9
9
  import { d as o } from "./p-CodfIeVU.js";
10
10
 
@@ -14,22 +14,22 @@ import { d as s } from "./p-BGvZWtkB.js";
14
14
 
15
15
  import { d as n } from "./p-Ck56essO.js";
16
16
 
17
- import { d as c } from "./p-CbnpaWFn.js";
17
+ import { d as c } from "./p-CkOo_SmU.js";
18
18
 
19
19
  import { d as b } from "./p-0zSorzux.js";
20
20
 
21
21
  import { d } from "./p-C5niSTTq.js";
22
22
 
23
- const g = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md)}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select{max-width:400px;min-width:100px;position:relative}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high)*2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.inverted .br-input,.br-select.inverted .br-input label,.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1*var(--spacing-scale-base));margin-right:calc(-1*var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y)*-1);margin-left:calc(var(--item-padding-x)*-1);margin-right:calc(var(--item-padding-x)*-1);margin-top:calc(var(--item-padding-y)*-1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y)*2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y)*2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.inverted,.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.inverted.active,.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item[data-toggle] .content i{color:var(--interactive)}.br-item .content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:rgba(0,0,0,0);color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:inline-block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}';
23
+ const h = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md)}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select{max-width:400px;min-width:100px;position:relative}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high)*2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.inverted .br-input,.br-select.inverted .br-input label,.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1*var(--spacing-scale-base));margin-right:calc(-1*var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y)*-1);margin-left:calc(var(--item-padding-x)*-1);margin-right:calc(var(--item-padding-x)*-1);margin-top:calc(var(--item-padding-y)*-1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y)*2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y)*2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.inverted,.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.inverted.active,.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item[data-toggle] .content i{color:var(--interactive)}.br-item .content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:rgba(0,0,0,0);color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:inline-block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}';
24
24
 
25
- const h = e(class e extends r {
25
+ const g = e(class e extends t {
26
26
  constructor(e) {
27
27
  super();
28
28
  if (e !== false) {
29
29
  this.__registerHost();
30
30
  }
31
31
  this.__attachShadow();
32
- this.valueChange = t(this, "valueChange", 7);
32
+ this.valueChange = r(this, "valueChange", 7);
33
33
  this.elementInternals = this.attachInternals();
34
34
  /**
35
35
  * Texto auxiliar exibido antes de uma seleção.
@@ -79,8 +79,12 @@ const h = e(class e extends r {
79
79
  // Representa as opções do select disponíveis para renderização.
80
80
  // Cada opção contém `label`, `value` e o estado de seleção (`selected`).
81
81
  this.parsedOptions = [];
82
+ // Opções filtradas de acordo com o termo de busca digitado.
83
+ this.filteredOptions = [];
82
84
  // Valor exibido no input, refletindo as opções selecionadas.
83
85
  this.inputValue = "";
86
+ // Termo digitado no input (modo busca).
87
+ this.searchTerm = "";
84
88
  // Indica se todas as opções estão selecionadas. Comportamento do checkbox "Selecionar Todos".
85
89
  this.isAllSelected = false;
86
90
  // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).
@@ -98,9 +102,9 @@ const h = e(class e extends r {
98
102
  * @returns {void}
99
103
  */ this.handleClickOutside = e => {
100
104
  // Usa composedPath para considerar nós dentro de Shadow DOM como "dentro" do componente
101
- const r = e.composedPath && e.composedPath() || [];
102
- const t = r.includes(this.el) || e.target instanceof Node && this.el.contains(e.target);
103
- if (this.isExpanded && !t) {
105
+ const t = e.composedPath && e.composedPath() || [];
106
+ const r = t.includes(this.el) || e.target instanceof Node && this.el.contains(e.target);
107
+ if (this.isExpanded && !r) {
104
108
  this.isExpanded = false;
105
109
  }
106
110
  };
@@ -110,14 +114,14 @@ const h = e(class e extends r {
110
114
  let e = [];
111
115
  if (typeof this.options === "string") {
112
116
  try {
113
- const r = JSON.parse(this.options);
114
- if (Array.isArray(r)) {
115
- e = r;
117
+ const t = JSON.parse(this.options);
118
+ if (Array.isArray(t)) {
119
+ e = t;
116
120
  } else {
117
121
  throw new Error("JSON inválido: deve ser um array");
118
122
  }
119
- } catch (r) {
120
- console.error("Erro ao converter options para JSON:", r.message);
123
+ } catch (t) {
124
+ console.error("Erro ao converter options para JSON:", t.message);
121
125
  e = [];
122
126
  }
123
127
  } else if (Array.isArray(this.options)) {
@@ -125,6 +129,8 @@ const h = e(class e extends r {
125
129
  }
126
130
  // Sanitiza as opções (remove opções inválidas, etc.)
127
131
  this.parsedOptions = e;
132
+ // Atualiza lista filtrada considerando o termo atual
133
+ this.filteredOptions = this.getFilteredOptions(this.searchTerm);
128
134
  // Atualiza o estado do componente
129
135
  this.updateSelectedOptions();
130
136
  this.updateSelectedAllState();
@@ -136,13 +142,14 @@ const h = e(class e extends r {
136
142
  }
137
143
  syncValueFromOutside(e) {
138
144
  // Atualize parsedOptions a partir de newVal
139
- this.parsedOptions = this.parsedOptions.map((r => Object.assign(Object.assign({}, r), {
140
- selected: this.isMultiple ? Array.isArray(e) && e.includes(r.value) : e === r.value
145
+ this.parsedOptions = this.parsedOptions.map((t => Object.assign(Object.assign({}, t), {
146
+ selected: this.isMultiple ? Array.isArray(e) && e.includes(t.value) : e === t.value
141
147
  })));
142
148
  this.selectedValue = e;
143
149
  this.updateSelectedOptions();
144
150
  // mantém inputValue coeso
145
151
  this.updateSelectedAllState();
152
+ this.filteredOptions = this.getFilteredOptions(this.searchTerm);
146
153
  }
147
154
  componentWillLoad() {
148
155
  this.isExpanded = this.isOpen;
@@ -203,10 +210,10 @@ const h = e(class e extends r {
203
210
  break;
204
211
  }
205
212
  }
206
- handleKeydownOnItem(e, r) {
213
+ handleKeydownOnItem(e, t) {
207
214
  if (e.key === "Enter" || e.key === " ") {
208
215
  e.preventDefault();
209
- this.handleSelection(r);
216
+ this.handleSelection(t);
210
217
  } else if (e.key === "Escape") {
211
218
  this.closeSelect();
212
219
  }
@@ -225,16 +232,16 @@ const h = e(class e extends r {
225
232
  e === null || e === void 0 ? void 0 : e.focus();
226
233
  }
227
234
  focusItemInDirection(e) {
228
- let r = this.parsedOptions.length;
229
- if (this.isMultiple) r += 1;
230
- this.focusedIndex = e === "next" ? (this.focusedIndex + 1) % r : (this.focusedIndex - 1 + r) % r;
235
+ let t = this.parsedOptions.length;
236
+ if (this.isMultiple) t += 1;
237
+ this.focusedIndex = e === "next" ? (this.focusedIndex + 1) % t : (this.focusedIndex - 1 + t) % t;
231
238
  this.focusItem(this.focusedIndex);
232
239
  }
233
240
  focusItem(e) {
234
- const r = this.el.shadowRoot.querySelectorAll(".br-item");
235
- if (r[e]) {
236
- const t = r[e];
237
- t.focus();
241
+ const t = this.el.shadowRoot.querySelectorAll(".br-item");
242
+ if (t[e]) {
243
+ const r = t[e];
244
+ r.focus();
238
245
  }
239
246
  }
240
247
  openSelect() {
@@ -246,31 +253,38 @@ const h = e(class e extends r {
246
253
  this.focusedIndex = -1;
247
254
  }
248
255
  handleSelection(e) {
249
- var r, t;
250
- if (e < 0 || e >= this.parsedOptions.length) {
256
+ var t, r;
257
+ if (e < 0 || e >= this.filteredOptions.length) {
258
+ return;
259
+ }
260
+ // Localiza opção original a partir da lista filtrada
261
+ const i = this.filteredOptions[e];
262
+ const a = this.parsedOptions.findIndex((e => e.value === i.value));
263
+ if (a === -1) {
251
264
  return;
252
265
  }
253
266
  if (this.isMultiple) {
254
- const r = [ ...this.parsedOptions ];
255
- r[e].selected = !r[e].selected;
256
- this.parsedOptions = r;
267
+ const e = [ ...this.parsedOptions ];
268
+ e[a].selected = !e[a].selected;
269
+ this.parsedOptions = e;
257
270
  } else {
258
- const r = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
271
+ const e = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
259
272
  selected: false
260
273
  })));
261
- r[e].selected = true;
262
- this.parsedOptions = r;
274
+ e[a].selected = true;
275
+ this.parsedOptions = e;
263
276
  this.isExpanded = false;
264
277
  }
265
278
  // Atualiza a prop 'value' interna do componente
266
- this.selectedValue = this.isMultiple ? this.parsedOptions.filter((e => e.selected)).map((e => e.value)) : (r = this.parsedOptions.find((e => e.selected))) === null || r === void 0 ? void 0 : r.value;
279
+ this.selectedValue = this.isMultiple ? this.parsedOptions.filter((e => e.selected)).map((e => e.value)) : (t = this.parsedOptions.find((e => e.selected))) === null || t === void 0 ? void 0 : t.value;
267
280
  this.value = this.selectedValue;
268
281
  // Emite o evento 'valueChange' para que o ngModel possa capturar
269
282
  this.valueChange.emit(this.selectedValue);
270
283
  this.updateSelectedOptions();
271
284
  this.updateSelectedAllState();
285
+ this.filteredOptions = this.getFilteredOptions(this.searchTerm);
272
286
  try {
273
- this.elementInternals.setFormValue(JSON.stringify((t = this.selectedValue) !== null && t !== void 0 ? t : []));
287
+ this.elementInternals.setFormValue(JSON.stringify((r = this.selectedValue) !== null && r !== void 0 ? r : []));
274
288
  } catch (e) {
275
289
  // Ignora erro em testes onde setFormValue não é implementado
276
290
  }
@@ -278,14 +292,28 @@ const h = e(class e extends r {
278
292
  updateSelectedOptions() {
279
293
  this.inputValue = this.getStringValue(this.parsedOptions.filter((e => e.selected)));
280
294
  }
295
+ normalizeText(e) {
296
+ return (e || "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
297
+ }
298
+ getFilteredOptions(e) {
299
+ if (!e) {
300
+ return this.parsedOptions;
301
+ }
302
+ const t = this.normalizeText(e);
303
+ return this.parsedOptions.filter((e => {
304
+ const r = this.normalizeText(e.label || e.value);
305
+ const i = this.normalizeText(e.value);
306
+ return r.includes(t) || i.includes(t);
307
+ }));
308
+ }
281
309
  getStringValue(e) {
282
310
  if (e.length > 0) {
283
- const r = e[0].label || e[0].value;
311
+ const t = e[0].label || e[0].value;
284
312
  if (this.isMultiple) {
285
- const t = e.length > 1 ? ` + (${e.length - 1})` : "";
286
- return `${r}${t}`;
313
+ const r = e.length > 1 ? ` + (${e.length - 1})` : "";
314
+ return `${t}${r}`;
287
315
  } else {
288
- return r;
316
+ return t;
289
317
  }
290
318
  }
291
319
  return "";
@@ -295,13 +323,13 @@ const h = e(class e extends r {
295
323
  // A lógica de emissão do evento já está no handleSelection para o ngModel.
296
324
  // Esta função pode ser simplificada ou removida se a única finalidade era emitir para ngModel.
297
325
  // No entanto, se houver outros consumidores deste evento, você pode mantê-la.
298
- const r = this.parsedOptions.filter((e => e.selected === true)).map((e => e.value));
326
+ const t = this.parsedOptions.filter((e => e.selected === true)).map((e => e.value));
299
327
  // É importante emitir o 'value' para o ngModel.
300
328
  // Já emitimos em handleSelection, mas se quiser ter certeza, pode emitir aqui também.
301
329
  // this.valueChange.emit(this.isMultiple ? selectedValues : selectedValues[0] ?? undefined);
302
330
  // Atualiza o valor do form associado
303
331
  try {
304
- this.elementInternals.setFormValue(JSON.stringify(this.isMultiple ? r : (e = r[0]) !== null && e !== void 0 ? e : null));
332
+ this.elementInternals.setFormValue(JSON.stringify(this.isMultiple ? t : (e = t[0]) !== null && e !== void 0 ? e : null));
305
333
  } catch (e) {
306
334
  // Ignora erro em testes onde setFormValue não é implementado
307
335
  }
@@ -311,11 +339,11 @@ const h = e(class e extends r {
311
339
  this.isAllSelected = e;
312
340
  }
313
341
  toggleSelectAll() {
314
- var e, r;
315
- const t = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
342
+ var e, t;
343
+ const r = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
316
344
  selected: !this.isAllSelected
317
345
  })));
318
- this.parsedOptions = t;
346
+ this.parsedOptions = r;
319
347
  this.isAllSelected = !this.isAllSelected;
320
348
  this.updateSelectedOptions();
321
349
  // Atualiza a prop 'value' e emite o evento para ngModel
@@ -323,29 +351,32 @@ const h = e(class e extends r {
323
351
  this.value = this.selectedValue;
324
352
  this.valueChange.emit(this.selectedValue);
325
353
  try {
326
- this.elementInternals.setFormValue(JSON.stringify((r = this.selectedValue) !== null && r !== void 0 ? r : []));
354
+ this.elementInternals.setFormValue(JSON.stringify((t = this.selectedValue) !== null && t !== void 0 ? t : []));
327
355
  } catch (e) {
328
356
  // Ignora erro em testes onde setFormValue não é implementado
329
357
  }
330
358
  }
331
359
  renderInput() {
332
- return a("br-input", {
360
+ return i("br-input", {
333
361
  exportparts: "label",
334
- value: this.inputValue,
362
+ value: this.searchTerm || this.inputValue,
335
363
  label: this.label,
336
364
  isInline: this.isInline,
337
365
  controlWidth: this.inputWidth,
338
366
  borderless: this.borderless,
339
367
  placeholder: this.placeholder,
340
368
  actionLabel: this.isExpanded ? "Recolher lista de opções" : "Exibir lista de opções",
341
- readonly: true,
369
+ readonly: false,
342
370
  onClick: () => this.toggleOpen(),
371
+ onInput: e => this.handleSearchInput(e),
372
+ onFocus: () => this.handleSearchFocus(),
373
+ onBlur: () => this.handleSearchBlur(),
343
374
  onKeyDown: e => this.handleKeydownOnInput(e)
344
- }, this.showSearchIcon && a("br-icon", {
375
+ }, this.showSearchIcon && i("br-icon", {
345
376
  slot: "icon",
346
377
  "icon-name": "fa-solid:search",
347
378
  "aria-hidden": "true"
348
- }), a("br-icon", {
379
+ }), i("br-icon", {
349
380
  slot: "action",
350
381
  "icon-name": this.isExpanded ? "fa-solid:angle-up" : "fa-solid:angle-down",
351
382
  height: "16",
@@ -353,7 +384,7 @@ const h = e(class e extends r {
353
384
  }));
354
385
  }
355
386
  renderSelectAllCheckbox() {
356
- return a("div", {
387
+ return i("div", {
357
388
  class: `br-item highlighted ${this.isAllSelected ? "selected" : ""}`,
358
389
  "data-all": "data-all",
359
390
  tabindex: "-1",
@@ -361,7 +392,7 @@ const h = e(class e extends r {
361
392
  "aria-selected": this.isAllSelected,
362
393
  onKeyDown: e => this.handleSelectAllKeyDown(e),
363
394
  onClick: () => this.toggleSelectAll()
364
- }, a("br-checkbox", {
395
+ }, i("br-checkbox", {
365
396
  name: `checkbox-${this.customId}`,
366
397
  label: this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel,
367
398
  checked: this.isAllSelected,
@@ -369,25 +400,33 @@ const h = e(class e extends r {
369
400
  }));
370
401
  }
371
402
  renderOptions() {
372
- return this.parsedOptions.map(((e, r) => a("div", {
403
+ if (this.filteredOptions.length === 0) {
404
+ return i("div", {
405
+ class: "br-item empty",
406
+ role: "option",
407
+ "aria-selected": "false",
408
+ tabindex: -1
409
+ }, "Nenhum resultado encontrado");
410
+ }
411
+ return this.filteredOptions.map(((e, t) => i("div", {
373
412
  class: `br-item ${e.selected ? "selected" : ""}`,
374
413
  key: `${e.label}-${this.customId}`,
375
414
  role: "option",
376
- tabindex: this.focusedIndex === r ? 0 : -1,
415
+ tabindex: this.focusedIndex === t ? 0 : -1,
377
416
  "aria-selected": e.selected,
378
- onClick: () => this.handleSelection(r),
379
- onKeyDown: e => this.handleKeydownOnItem(e, r)
380
- }, this.isMultiple ? a("br-checkbox", {
381
- name: `checkbox-${r}-${this.customId}`,
417
+ onClick: () => this.handleSelection(t),
418
+ onKeyDown: e => this.handleKeydownOnItem(e, t)
419
+ }, this.isMultiple ? i("br-checkbox", {
420
+ name: `checkbox-${t}-${this.customId}`,
382
421
  label: e.label || e.value,
383
422
  checked: e.selected === true,
384
- onCheckedChange: () => this.handleSelection(r)
385
- }) : a("br-radio", {
423
+ onCheckedChange: () => this.handleSelection(t)
424
+ }) : i("br-radio", {
386
425
  exportparts: "radio-input, radio-label",
387
- name: `radio-${r}-${this.customId}`,
426
+ name: `radio-${t}-${this.customId}`,
388
427
  label: e.label || e.value,
389
428
  checked: e.selected === true,
390
- onCheckedChange: () => this.handleSelection(r)
429
+ onCheckedChange: () => this.handleSelection(t)
391
430
  }))));
392
431
  }
393
432
  /**
@@ -399,22 +438,75 @@ const h = e(class e extends r {
399
438
  /**
400
439
  * Inverte o valor da prop `isOpen`
401
440
  */ toggleOpen() {
402
- return i(this, void 0, void 0, (function*() {
441
+ return a(this, void 0, void 0, (function*() {
403
442
  this.isExpanded = !this.isExpanded;
404
443
  }));
405
444
  }
445
+ /**
446
+ * Limpa todas as opções selecionadas.
447
+ */ clear() {
448
+ return a(this, void 0, void 0, (function*() {
449
+ const e = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
450
+ selected: false
451
+ })));
452
+ this.parsedOptions = e;
453
+ const t = this.isMultiple ? [] : undefined;
454
+ this.selectedValue = t;
455
+ this.value = t;
456
+ this.updateSelectedOptions();
457
+ this.updateSelectedAllState();
458
+ this.valueChange.emit(t);
459
+ try {
460
+ this.elementInternals.setFormValue(JSON.stringify(t !== null && t !== void 0 ? t : this.isMultiple ? [] : null));
461
+ } catch (e) {
462
+ // Ignora erro em testes onde setFormValue não é implementado
463
+ }
464
+ }));
465
+ }
466
+ /**
467
+ * Retorna o valor selecionado.
468
+ * @returns {Promise<string | string[]>} O valor atual.
469
+ */ getValue() {
470
+ return a(this, void 0, void 0, (function*() {
471
+ return this.value;
472
+ }));
473
+ }
474
+ /**
475
+ * Define o valor do componente.
476
+ * @param {string | string[]} newValue O novo valor a ser definido.
477
+ */ setValue(e) {
478
+ return a(this, void 0, void 0, (function*() {
479
+ this.value = e;
480
+ // O @Watch('value') cuidará da sincronização
481
+ }));
482
+ }
406
483
  getCssClassMap() {
407
484
  return {
408
485
  "br-select": true
409
486
  };
410
487
  }
488
+ handleSearchInput(e) {
489
+ var t;
490
+ const r = (t = e.target.value) !== null && t !== void 0 ? t : "";
491
+ this.searchTerm = r;
492
+ this.filteredOptions = this.getFilteredOptions(r);
493
+ this.isExpanded = true;
494
+ }
495
+ handleSearchFocus() {
496
+ this.filteredOptions = this.getFilteredOptions(this.searchTerm);
497
+ }
498
+ handleSearchBlur() {
499
+ // Ao sair do campo, volta a exibir o resumo das seleções
500
+ this.searchTerm = "";
501
+ this.filteredOptions = this.getFilteredOptions("");
502
+ }
411
503
  render() {
412
- return a("div", {
413
- key: "28a2e3a517671a43786e0595dcb09d9e6176c640",
504
+ return i("div", {
505
+ key: "0cc55b88b7a17c5e930f76db97f9edb7e4a2948d",
414
506
  class: this.getCssClassMap(),
415
507
  id: this.getComputedId()
416
- }, this.renderInput(), this.isExpanded && a("br-list", {
417
- key: "884049d5cfb8f4d9f3235e699a61a0b83b0dccf9",
508
+ }, this.renderInput(), this.isExpanded && i("br-list", {
509
+ key: "55af5ca9de920524dcf05091e2c9369fd199c67f",
418
510
  tabindex: -1,
419
511
  onKeyDown: e => this.handleKeydownOnList(e)
420
512
  }, this.isMultiple && this.renderSelectAllCheckbox(), this.renderOptions()));
@@ -432,7 +524,7 @@ const h = e(class e extends r {
432
524
  };
433
525
  }
434
526
  static get style() {
435
- return g;
527
+ return h;
436
528
  }
437
529
  }, [ 321, "br-select", {
438
530
  label: [ 513 ],
@@ -447,14 +539,19 @@ const h = e(class e extends r {
447
539
  inputWidth: [ 513, "input-width" ],
448
540
  borderless: [ 516 ],
449
541
  customId: [ 513, "custom-id" ],
450
- value: [ 1 ],
542
+ value: [ 1025 ],
451
543
  parsedOptions: [ 32 ],
544
+ filteredOptions: [ 32 ],
452
545
  inputValue: [ 32 ],
546
+ searchTerm: [ 32 ],
453
547
  selectedValue: [ 32 ],
454
548
  isAllSelected: [ 32 ],
455
549
  isExpanded: [ 32 ],
456
550
  focusedIndex: [ 32 ],
457
- toggleOpen: [ 64 ]
551
+ toggleOpen: [ 64 ],
552
+ clear: [ 64 ],
553
+ getValue: [ 64 ],
554
+ setValue: [ 64 ]
458
555
  }, undefined, {
459
556
  options: [ "synchronizeSelect" ],
460
557
  value: [ "syncValueFromOutside" ]
@@ -471,7 +568,7 @@ function defineCustomElement() {
471
568
  switch (e) {
472
569
  case "br-select":
473
570
  if (!customElements.get(e)) {
474
- customElements.define(e, h);
571
+ customElements.define(e, g);
475
572
  }
476
573
  break;
477
574
 
@@ -520,6 +617,6 @@ function defineCustomElement() {
520
617
  }));
521
618
  }
522
619
 
523
- export { h as S, defineCustomElement as d };
524
- //# sourceMappingURL=p-Cw0pxndP.js.map
525
- //# sourceMappingURL=p-Cw0pxndP.js.map
620
+ export { g as S, defineCustomElement as d };
621
+ //# sourceMappingURL=p-B8JLH_ik.js.map
622
+ //# sourceMappingURL=p-B8JLH_ik.js.map