@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
|
@@ -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
|
|
5
|
+
import { p as e, H as t, d as r, h as i } from "./p-DSkSDmzD.js";
|
|
6
6
|
|
|
7
|
-
import { _ as
|
|
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-
|
|
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
|
|
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 =
|
|
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
|
|
102
|
-
const
|
|
103
|
-
if (this.isExpanded && !
|
|
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
|
|
114
|
-
if (Array.isArray(
|
|
115
|
-
e =
|
|
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 (
|
|
120
|
-
console.error("Erro ao converter options para JSON:",
|
|
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((
|
|
140
|
-
selected: this.isMultiple ? Array.isArray(e) && e.includes(
|
|
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,
|
|
213
|
+
handleKeydownOnItem(e, t) {
|
|
207
214
|
if (e.key === "Enter" || e.key === " ") {
|
|
208
215
|
e.preventDefault();
|
|
209
|
-
this.handleSelection(
|
|
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
|
|
229
|
-
if (this.isMultiple)
|
|
230
|
-
this.focusedIndex = e === "next" ? (this.focusedIndex + 1) %
|
|
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
|
|
235
|
-
if (
|
|
236
|
-
const
|
|
237
|
-
|
|
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
|
|
250
|
-
if (e < 0 || e >= this.
|
|
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
|
|
255
|
-
|
|
256
|
-
this.parsedOptions =
|
|
267
|
+
const e = [ ...this.parsedOptions ];
|
|
268
|
+
e[a].selected = !e[a].selected;
|
|
269
|
+
this.parsedOptions = e;
|
|
257
270
|
} else {
|
|
258
|
-
const
|
|
271
|
+
const e = this.parsedOptions.map((e => Object.assign(Object.assign({}, e), {
|
|
259
272
|
selected: false
|
|
260
273
|
})));
|
|
261
|
-
|
|
262
|
-
this.parsedOptions =
|
|
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)) : (
|
|
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((
|
|
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
|
|
311
|
+
const t = e[0].label || e[0].value;
|
|
284
312
|
if (this.isMultiple) {
|
|
285
|
-
const
|
|
286
|
-
return `${
|
|
313
|
+
const r = e.length > 1 ? ` + (${e.length - 1})` : "";
|
|
314
|
+
return `${t}${r}`;
|
|
287
315
|
} else {
|
|
288
|
-
return
|
|
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
|
|
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 ?
|
|
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,
|
|
315
|
-
const
|
|
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 =
|
|
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((
|
|
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
|
|
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:
|
|
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 &&
|
|
375
|
+
}, this.showSearchIcon && i("br-icon", {
|
|
345
376
|
slot: "icon",
|
|
346
377
|
"icon-name": "fa-solid:search",
|
|
347
378
|
"aria-hidden": "true"
|
|
348
|
-
}),
|
|
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
|
|
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
|
-
},
|
|
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
|
-
|
|
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 ===
|
|
415
|
+
tabindex: this.focusedIndex === t ? 0 : -1,
|
|
377
416
|
"aria-selected": e.selected,
|
|
378
|
-
onClick: () => this.handleSelection(
|
|
379
|
-
onKeyDown: e => this.handleKeydownOnItem(e,
|
|
380
|
-
}, this.isMultiple ?
|
|
381
|
-
name: `checkbox-${
|
|
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(
|
|
385
|
-
}) :
|
|
423
|
+
onCheckedChange: () => this.handleSelection(t)
|
|
424
|
+
}) : i("br-radio", {
|
|
386
425
|
exportparts: "radio-input, radio-label",
|
|
387
|
-
name: `radio-${
|
|
426
|
+
name: `radio-${t}-${this.customId}`,
|
|
388
427
|
label: e.label || e.value,
|
|
389
428
|
checked: e.selected === true,
|
|
390
|
-
onCheckedChange: () => this.handleSelection(
|
|
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
|
|
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
|
|
413
|
-
key: "
|
|
504
|
+
return i("div", {
|
|
505
|
+
key: "0cc55b88b7a17c5e930f76db97f9edb7e4a2948d",
|
|
414
506
|
class: this.getCssClassMap(),
|
|
415
507
|
id: this.getComputedId()
|
|
416
|
-
}, this.renderInput(), this.isExpanded &&
|
|
417
|
-
key: "
|
|
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
|
|
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: [
|
|
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,
|
|
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 {
|
|
524
|
-
//# sourceMappingURL=p-
|
|
525
|
-
//# sourceMappingURL=p-
|
|
620
|
+
export { g as S, defineCustomElement as d };
|
|
621
|
+
//# sourceMappingURL=p-B8JLH_ik.js.map
|
|
622
|
+
//# sourceMappingURL=p-B8JLH_ik.js.map
|