npm - @govbr-ds/webcomponents - Versions diffs - 2.0.0-next.64 → 2.0.0-next.65 - Mend

@govbr-ds/webcomponents 2.0.0-next.64 → 2.0.0-next.65

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 (691) hide show

package/dist/components/br-tab.js CHANGED Viewed

@@ -2,13 +2,13 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as a, d as e, h as r, c as i } from "./p-DSkSDmzD.js";
+import { p as t, H as a, c as e, h as r, d as i } from "./p-DozXPp1d.js";
 import { H as o } from "./p-D4N4PPot.js";
-import { d as n } from "./p-CBj_WCYf.js";
+import { d as n } from "./p-JsxUUux9.js";
-const l = "*,*::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}main{display:block}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))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@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))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !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}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}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}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !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)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.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-tab{--tab-padding:var(--spacing-scale-3x);--tab-size:var(--tab-medium);--tab-large:var(--spacing-scale-3x);--tab-medium:var(--spacing-scale-2x);--tab-small:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{overflow-x:auto;width:100%}@media (max-width: 991px){.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;width:100%}}.br-tab .tab-nav ul{border-bottom:1px solid var(--border-color);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;margin-top:0;padding:0;width:100%}.br-tab .tab-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;white-space:nowrap}.br-tab .tab-item button,.br-tab .tab-item a{--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-tab .tab-item button:focus,.br-tab .tab-item a:focus{outline:none}.br-tab .tab-item button:focus-visible,.br-tab .tab-item a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab .tab-item button:not(:disabled):hover,.br-tab .tab-item a:not(:disabled):hover{background-image:-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-tab .tab-item button,.br-tab .tab-item a{background-color:rgba(0,0,0,0);border:0;border-bottom:4px solid rgba(0,0,0,0);color:var(--color);display:inline-block;font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-medium);line-height:1;padding:var(--tab-size) var(--tab-padding);text-align:center;white-space:nowrap}.br-tab .tab-item:first-child{padding-left:0}.br-tab .tab-item:last-child{padding-right:0}.br-tab .tab-item.is-active button,.br-tab .tab-item.active button{border-bottom:4px solid var(--active);color:var(--active)}.br-tab .tab-item.is-active .results,.br-tab .tab-item.active .results{--font-weight:var(--font-weight-semi-bold);color:var(--active)}.br-tab .results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab[data-counter=true] .tab-nav ul{margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))}.br-tab .tab-content .tab-panel{color:var(--text-color);display:none}.br-tab .tab-content .tab-panel.is-active,.br-tab .tab-content .tab-panel.active{display:block}.br-tab.small,.br-tab[small]{--tab-size:var(--tab-small)}.br-tab.medium,.br-tab[medium],.br-tab.is-medium{--tab-size:var(--tab-medium)}.br-tab.large,.br-tab[large]{--tab-size:var(--tab-large)}.br-tab.inverted,.br-tab.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-tab.inverted .tab-item.active button,.br-tab.dark-mode .tab-item.active button{border-bottom-color:var(--background-light);color:var(--color)}:host{display:block}.br-tab{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow-x:hidden;padding:var(--tab-container-padding, 16px)}.tab-nav[data-counter=true]{min-height:102px;overflow:hidden}.tab-nav[data-counter=true] ul{max-height:65px}.tab-nav .tab-item button .icon:not(:only-child){margin-right:var(--spacing-scale-base)}.results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}";
+const l = "*,*::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}main{display:block}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))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@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))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !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,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}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}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}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !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)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.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,*[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-tab{--tab-padding:var(--spacing-scale-3x);--tab-size:var(--tab-medium);--tab-large:var(--spacing-scale-3x);--tab-medium:var(--spacing-scale-2x);--tab-small:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{overflow-x:auto;width:100%}@media (max-width: 991px){.br-tab .tab-nav::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-tab .tab-nav::-webkit-scrollbar-track{background:var(--gray-10)}.br-tab .tab-nav::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-tab .tab-nav{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;width:100%}}.br-tab .tab-nav ul{border-bottom:1px solid var(--border-color);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;margin-top:0;padding:0;width:100%}.br-tab .tab-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;white-space:nowrap}.br-tab .tab-item button,.br-tab .tab-item a{--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-tab .tab-item button:focus,.br-tab .tab-item a:focus{outline:none}.br-tab .tab-item button.focus-visible,.br-tab .tab-item button:focus-visible,.br-tab .tab-item a.focus-visible,.br-tab .tab-item a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-tab .tab-item button:not(:disabled):hover,.br-tab .tab-item a:not(:disabled):hover{background-image:-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-tab .tab-item button,.br-tab .tab-item a{background-color:rgba(0,0,0,0);border:0;border-bottom:4px solid rgba(0,0,0,0);color:var(--color);display:inline-block;font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-medium);line-height:1;padding:var(--tab-size) var(--tab-padding);text-align:center;white-space:nowrap}.br-tab .tab-item:first-child{padding-left:0}.br-tab .tab-item:last-child{padding-right:0}.br-tab .tab-item.is-active button,.br-tab .tab-item.active button{border-bottom:4px solid var(--active);color:var(--active)}.br-tab .tab-item.is-active .results,.br-tab .tab-item.active .results{--font-weight:var(--font-weight-semi-bold);color:var(--active)}.br-tab .results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}.br-tab[data-counter=true] .tab-nav ul{margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))}.br-tab .tab-content .tab-panel{color:var(--text-color);display:none}.br-tab .tab-content .tab-panel.is-active,.br-tab .tab-content .tab-panel.active{display:block}.br-tab.small,.br-tab[small]{--tab-size:var(--tab-small)}.br-tab.medium,.br-tab[medium],.br-tab.is-medium{--tab-size:var(--tab-medium)}.br-tab.large,.br-tab[large]{--tab-size:var(--tab-large)}.br-tab.inverted,.br-tab.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-tab.inverted .tab-item.active button,.br-tab.dark-mode .tab-item.active button{border-bottom-color:var(--background-light);color:var(--color)}:host{display:block;height:100%;min-height:0;overflow:hidden;--br-tab-height:auto}.br-tab{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:var(--br-tab-height);min-height:0;width:100%;overflow:hidden;padding:var(--tab-container-padding, 16px)}.br-tab.scroll-disabled{height:auto;min-height:auto;overflow:visible}.tab-nav{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tab-nav[data-counter=true]{min-height:102px;overflow:hidden}.tab-nav[data-counter=true] ul{max-height:65px}.tab-nav .tab-item button .icon:not(:only-child){margin-right:var(--spacing-scale-base)}.tab-content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto}.scroll-disabled .tab-content{overflow:hidden}.results{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-scale-2x);position:absolute;top:100%}";
 const s =  t(class t extends a {
   constructor(t) {
@@ -30,17 +30,25 @@ const s =  t(class t extends a {
          */    this.label = "Abas de Navegação";
     /**
          * Define o alinhamento horizontal dos itens da tab na barra de navegação.
-         * - 'start': Alinha à esquerda
-         * - 'center': Centraliza
-         * - 'end': Alinha à direita
          */    this.alignItemsTab = "start";
+    /**
+         * Desabilita o scroll automático da área de conteúdo.
+         * Por padrão, o scroll vertical fica apenas na região de conteúdo.
+         */    this.scrollDisabled = false;
     /**
          * Lista dos tab items registrados
          */    this.tabItems = [];
+    /**
+         * ID do tab atualmente ativo
+         */    this.activeTabId = "";
     /**
          * Flag para controlar se o activeTabId já foi inicializado
          */    this.activeTabInitialized = false;
-    this.registerTabItems = () => {
+    /**
+         * Registra os tab items filhos e garante que cada um tenha um ID único.
+         * Também propaga o color mode para os tab items.
+         * @returns void
+         */    this.registerTabItems = () => {
       if (this.slotElement === undefined || this.slotElement === null) return;
       const t = this.slotElement.assignedElements();
       this.tabItems = t.filter((t => {
@@ -67,14 +75,19 @@ const s =  t(class t extends a {
       }
       this.updateTabStates();
     };
-    this.handleTabButtonClick = t => {
+    /**
+         * Manipula a navegação por teclado nos botões de tab para melhorar a acessibilidade
+         */    this.handleTabButtonClick = t => {
       var a;
       const e = (a = t.currentTarget) === null || a === void 0 ? void 0 : a.getAttribute("data-tab-id");
       if (typeof e === "string" && e.trim() !== "") {
         this.handleTabClick(e);
       }
     };
-    this.handleTabButtonKeyDown = t => {
+    /**
+         * Manipula o evento de pressionamento de tecla nos botões de tab para melhorar a acessibilidade
+         * @param event Evento de teclado
+         */    this.handleTabButtonKeyDown = t => {
       var a;
       const e = (a = t.currentTarget) === null || a === void 0 ? void 0 : a.getAttribute("data-tab-index");
       const r = e !== null ? Number(e) : NaN;
@@ -181,9 +194,9 @@ const s =  t(class t extends a {
       this.activeTabId = this.tabItems[e].tabItemId;
       // O foco será definido no próximo render através do tabindex
             setTimeout((() => {
-        var t;
-        const a = this.el.shadowRoot.querySelectorAll(".tab-item button");
-        (t = a[e]) === null || t === void 0 ? void 0 : t.focus();
+        var t, a;
+        const r = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelectorAll(".tab-item button");
+        (a = r === null || r === void 0 ? void 0 : r[e]) === null || a === void 0 ? void 0 : a.focus();
       }), 0);
     }
   }
@@ -195,7 +208,8 @@ const s =  t(class t extends a {
       small: this.density === "small",
       medium: this.density === "medium",
       large: this.density === "large",
-      "dark-mode": this.colorMode === "dark"
+      "dark-mode": this.colorMode === "dark",
+      "scroll-disabled": this.scrollDisabled
     };
   }
   /**
@@ -217,32 +231,72 @@ const s =  t(class t extends a {
     };
     return t[this.alignItemsTab] || "flex-start";
   }
-  componentDidLoad() {
+  /**
+     * Verifica se o valor fornecido é uma altura válida para o componente, aceitando unidades CSS modernas e a palavra-chave 'auto'.
+     * @param value Valor a ser verificado
+     * @returns true se o valor for uma altura válida, caso contrário false
+     */  isValidHeight(t) {
+    if (!t || typeof t !== "string") return false;
+    const a = t.trim();
+    // aceita auto
+        if (a === "auto") return true;
+    // aceita funções CSS modernas
+        if (/^(calc|min|max|clamp)\(.+\)$/.test(a)) return true;
+    // aceita unidades CSS modernas
+        const e = /^\d+(\.\d+)?(px|%|vh|vw|dvh|svh|lvh|vmin|vmax|rem|em)$/;
+    if (e.test(a)) return true;
+    return false;
+  }
+  /**
+     * Retorna a altura resolvida do componente, considerando valores válidos e emitindo um aviso para valores inválidos.
+     * @returns A altura resolvida ou undefined se o valor for inválido
+     */  getResolvedHeight() {
+    if (!this.height) return undefined;
+    if (this.isValidHeight(this.height)) {
+      return this.height;
+    }
+    console.warn(`[br-tab]: valor inválido para "height": "${this.height}". Valor ignorado.`);
+    return undefined;
+  }
+  /**
+     * Ciclo de vida. Executado antes do componente ser carregado no DOM.
+     * Garante que os tab items sejam registrados mesmo que o evento slotchange não seja disparado.
+     */  componentWillLoad() {
     // Garante que registerTabItems seja chamado mesmo se slotchange não disparar
     this.registerTabItems();
   }
-  disconnectedCallback() {
+  /**
+     * Ciclo de vida. Executado quando o componente é removido do DOM.
+     * Desconecta o MutationObserver para evitar vazamentos de memória.
+     */  disconnectedCallback() {
     if (this.mutationObserver !== undefined && this.mutationObserver !== null && typeof this.mutationObserver === "object") {
       this.mutationObserver.disconnect();
     }
   }
-  render() {
+  /**
+     * Renderiza o componente.
+     * @returns JSX.Element
+     */  render() {
     const t = this.tabItems.some((t => t.counter));
+    const a = this.getResolvedHeight();
     return r(i, {
-      key: "dea6613a9ed15d542ccfc0d01471d4a640dfa80d"
+      key: "9bbbfeb3425e859fd6ff7f97b7611249d4661099"
     }, r("div", {
-      key: "89d49365b5e6c2e12f94263a7b984d5a6e686ad7",
+      key: "846df18fd7bc977d922760eee5aaf0ad6143563e",
       class: this.getCssClassMap(),
       id: this.customId,
-      part: "container"
+      part: "container",
+      style: a !== undefined ? {
+        "--br-tab-height": a
+      } : undefined
     }, r("nav", {
-      key: "8176cf4747a9a82f8ca57a3d45cf31ae4171b1ce",
+      key: "e711ab0b3441ae9c21f8d12c8a363154cb99a648",
       class: "tab-nav",
       "data-counter": t ? "true" : "false",
       "aria-label": this.label,
       part: "nav"
     }, r("ul", {
-      key: "7409dbd25c12cfacae6edeca46e51e87112779d9",
+      key: "ddeb1d6a3b3d8bd9fce510b5c07467e843599a59",
       role: "tablist",
       style: {
         justifyContent: this.getAlignItemsStyle()
@@ -275,10 +329,10 @@ const s =  t(class t extends a {
         class: "results"
       }, "(", t.counter, ")"));
     })))), r("div", {
-      key: "5a35a4fcd760f6acb71baf44eabfd1d9b4b1df18",
+      key: "2b049401dba168ad30a3a2b5762afdf649cc6c1d",
       class: "tab-content"
     }, r("slot", {
-      key: "b267ea15b83b65083cf0110a8e1006de41dfbf8e",
+      key: "4a2a12edb00fa61f0206e50542e0dc8c12b52dff",
       ref: t => {
         this.slotElement = t;
       },
@@ -303,6 +357,8 @@ const s =  t(class t extends a {
   colorMode: [ 513, "color-mode" ],
   label: [ 513 ],
   alignItemsTab: [ 513, "align-items-tab" ],
+  scrollDisabled: [ 516, "scroll-disabled" ],
+  height: [ 513 ],
   tabItems: [ 32 ],
   activeTabId: [ 32 ]
 }, [ [ 0, "brTabItemPropsChange", "handleTabItemPropsChange" ] ], {
@@ -332,10 +388,10 @@ function defineCustomElement$1() {
   }));
 }
-const c = s;
+const b = s;
-const b = defineCustomElement$1;
+const c = defineCustomElement$1;
-export { c as BrTab, b as defineCustomElement };
+export { b as BrTab, c as defineCustomElement };
 //# sourceMappingURL=br-tab.js.map
 //# sourceMappingURL=br-tab.js.map

package/dist/components/br-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["tabCss","Tab","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","density","label","alignItemsTab","tabItems","activeTabInitialized","registerTabItems","slotElement","undefined","assignedElements","filter","el","_a","tagName","toLowerCase","forEach","item","tabItemId","hasAttribute","id","setAttribute","colorMode","length","activeItem","find","isActive","activeTabId","updateTabStates","handleTabButtonClick","event","tabId","currentTarget","getAttribute","trim","handleTabClick","handleTabButtonKeyDown","indexAttr","index","Number","NaN","isNaN","handleKeyNavigation","activeTabChanged","newId","activeIndex","findIndex","brTabChange","emit","tabIndex","colorModeChanged","newValue","removeAttribute","handleTabItemPropsChange","currentIndex","newIndex","key","preventDefault","activePanel","focusableElements","querySelectorAll","focus","setTimeout","buttons","shadowRoot","getCssClassMap","small","medium","large","getTabItemCssClassMap","active","getAlignItemsStyle","alignMap","start","center","end","componentDidLoad","disconnectedCallback","mutationObserver","disconnect","render","hasCounter","some","counter","h","Host","class","part","role","style","justifyContent","map","showOnlyIcon","onlyIcon","type","tabindex","onClick","onKeyDown","icon","tabItemTitle","ref","onSlotchange"],"sources":["../../packages/webcomponents/src/components/tab/tab.scss?tag=br-tab&encapsulation=shadow","../../packages/webcomponents/src/components/tab/tab.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n\n:host {\n display: block;\n}\n\n.br-tab {\n box-sizing: border-box;\n width: 100%;\n overflow-x: hidden;\n padding: var(--tab-container-padding, 16px);\n}\n\n.tab-nav {\n &[data-counter=\"true\"] {\n min-height: 102px;\n overflow: hidden;\n\n ul {\n max-height: 65px;\n }\n }\n\n .tab-item {\n button {\n .icon:not(:only-child) {\n margin-right: var(--spacing-scale-base);\n }\n }\n }\n}\n\n.results {\n display: flex;\n font-weight: var(--font-weight);\n justify-content: center;\n margin-top: var(--spacing-scale-2x);\n position: absolute;\n top: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/*\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/tab?tab=designer).\n \n @slot default - Slot para inserir os itens das abas (br-tab-item)\n \n @part container - Parte para o contêiner principal das abas\n * @part nav - Parte para a navegação das abas\n /\n@Component({\n tag: 'br-tab',\n styleUrl: 'tab.scss',\n shadow: true,\n})\nexport class Tab {\n /\n Referência ao elemento host do componente.\n /\n @Element() el: HTMLBrTabElement\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /\n A propriedade 'density' define a densidade do componente.\n /\n @Prop({ reflect: true }) readonly density: 'small' \| 'medium' \| 'large' = 'medium'\n\n /\n Define se o Tab usará um esquema de cores escuro.\n /\n @Prop({ reflect: true }) readonly colorMode: 'dark'\n\n /\n Label de acessibilidade para a navegação das tabs\n /\n @Prop({ reflect: true }) readonly label: string = 'Abas de Navegação'\n\n /\n Define o alinhamento horizontal dos itens da tab na barra de navegação.\n * - 'start': Alinha à esquerda\n * - 'center': Centraliza\n * - 'end': Alinha à direita\n /\n @Prop({ reflect: true }) readonly alignItemsTab: 'start' \| 'center' \| 'end' = 'start'\n\n /\n Lista dos tab items registrados\n /\n @State() private tabItems: HTMLBrTabItemElement[] = []\n\n /\n ID do tab atualmente ativo\n /\n @State() private activeTabId: string\n\n /\n Flag para controlar se o activeTabId já foi inicializado\n /\n private activeTabInitialized = false\n\n /\n Evento disparado quando um tab é ativado.\n /\n @Event() brTabChange: EventEmitter<{ tabId: string; tabIndex: number }>\n\n private slotElement: HTMLSlotElement\n private mutationObserver: MutationObserver\n\n /\n Observa mudanças no tab ativo para atualizar os estados\n /\n @Watch('activeTabId')\n activeTabChanged(newId: string) {\n this.updateTabStates()\n const activeIndex = this.tabItems.findIndex((item) => item.tabItemId === newId)\n this.brTabChange.emit({ tabId: newId, tabIndex: activeIndex })\n }\n\n /\n Observa mudanças no color mode para propagar aos filhos\n /\n @Watch('colorMode')\n colorModeChanged(newValue: string) {\n this.tabItems.forEach((item) => {\n if (newValue !== undefined && newValue !== null && typeof newValue === 'string') {\n item.setAttribute('color-mode', newValue)\n } else {\n item.removeAttribute('color-mode')\n }\n })\n }\n\n /\n Escuta evento de mudança de propriedades dos tab-items filhos.\n * Este listener garante que o componente pai seja re-renderizado quando\n * propriedades como tabItemTitle, icon, counter ou onlyIcon mudam dinamicamente.\n /\n @Listen('brTabItemPropsChange')\n handleTabItemPropsChange() {\n // Força re-renderização para atualizar a navegação\n this.tabItems = [...this.tabItems]\n }\n\n private registerTabItems = () => {\n if (this.slotElement === undefined \|\| this.slotElement === null) return\n\n const assignedElements = this.slotElement.assignedElements() as HTMLBrTabItemElement[]\n this.tabItems = assignedElements.filter((el) => el.tagName?.toLowerCase() === 'br-tab-item')\n\n // Garante que cada tab item tenha um ID único\n this.tabItems.forEach((item) => {\n if (\n item.tabItemId === undefined \|\|\n item.tabItemId === null \|\|\n (typeof item.tabItemId === 'string' && item.tabItemId === '') \|\|\n item.hasAttribute('tab-item-id') === false\n ) {\n const id = Helpers.generateUniqueId()\n item.tabItemId = id\n item.setAttribute('tab-item-id', id)\n }\n\n // Propaga color mode\n if (this.colorMode !== undefined && this.colorMode !== null && typeof this.colorMode === 'string') {\n item.setAttribute('color-mode', this.colorMode)\n }\n })\n\n // Só define activeTabId se ainda não foi inicializado\n if (!this.activeTabInitialized && this.tabItems.length > 0) {\n const activeItem = this.tabItems.find((item) => item.isActive === true)\n this.activeTabId = activeItem?.tabItemId \|\| this.tabItems[0].tabItemId\n this.activeTabInitialized = true\n }\n\n this.updateTabStates()\n }\n\n /\n Atualiza o estado ativo de todos os tab items\n * Comunicação direta similar ao Vue\n /\n private updateTabStates() {\n this.tabItems.forEach((item) => {\n const isActive = item.tabItemId === this.activeTabId\n item.isActive = isActive\n\n // Atualiza atributos para compatibilidade\n if (isActive) {\n item.setAttribute('is-active', 'true')\n item.setAttribute('aria-selected', 'true')\n } else {\n item.removeAttribute('is-active')\n item.removeAttribute('aria-selected')\n }\n })\n }\n\n /\n Manipula o clique em um botão de tab\n /\n private handleTabClick(tabId: string) {\n if (this.activeTabId !== tabId) {\n this.activeTabId = tabId\n }\n }\n\n private handleTabButtonClick = (event: MouseEvent) => {\n const tabId = (event.currentTarget as HTMLElement \| null)?.getAttribute('data-tab-id')\n if (typeof tabId === 'string' && tabId.trim() !== '') {\n this.handleTabClick(tabId)\n }\n }\n\n private handleTabButtonKeyDown = (event: KeyboardEvent) => {\n const indexAttr = (event.currentTarget as HTMLElement \| null)?.getAttribute('data-tab-index')\n const index = indexAttr !== null ? Number(indexAttr) : NaN\n if (!Number.isNaN(index)) {\n this.handleKeyNavigation(index, event)\n }\n }\n\n /\n Manipula navegação por teclado (acessibilidade)\n /\n private handleKeyNavigation(currentIndex: number, event: KeyboardEvent) {\n let newIndex = currentIndex\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault()\n newIndex = (currentIndex + 1) % this.tabItems.length\n break\n case 'ArrowLeft':\n event.preventDefault()\n newIndex = (currentIndex - 1 + this.tabItems.length) % this.tabItems.length\n break\n case 'Home':\n event.preventDefault()\n newIndex = 0\n break\n case 'End':\n event.preventDefault()\n newIndex = this.tabItems.length - 1\n break\n case 'ArrowDown':\n event.preventDefault()\n // Foca no conteúdo do painel ativo\n const activePanel = this.tabItems[currentIndex]\n if (activePanel !== undefined && activePanel !== null && typeof activePanel === 'object') {\n const focusableElements = activePanel.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n )\n if (focusableElements.length > 0) {\n ;(focusableElements[0] as HTMLElement).focus()\n }\n }\n return\n default:\n return\n }\n\n // Ativa e foca o novo tab\n if (newIndex !== currentIndex) {\n this.activeTabId = this.tabItems[newIndex].tabItemId\n // O foco será definido no próximo render através do tabindex\n setTimeout(() => {\n const buttons = this.el.shadowRoot.querySelectorAll('.tab-item button')\n ;(buttons[newIndex] as HTMLElement)?.focus()\n }, 0)\n }\n }\n\n /\n Retorna o mapeamento de classes CSS do componente\n /\n private getCssClassMap(): CssClassMap {\n return {\n 'br-tab': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n 'dark-mode': this.colorMode === 'dark',\n }\n }\n\n /\n Retorna o mapeamento de classes CSS para cada item de navegação\n /\n private getTabItemCssClassMap(isActive: boolean): CssClassMap {\n return {\n 'tab-item': true,\n active: isActive,\n 'dark-mode': this.colorMode === 'dark',\n }\n }\n\n /\n Retorna o alinhamento em formato flexbox\n /\n private getAlignItemsStyle(): string {\n const alignMap = {\n start: 'flex-start',\n center: 'center',\n end: 'flex-end',\n }\n return alignMap[this.alignItemsTab] \|\| 'flex-start'\n }\n\n componentDidLoad() {\n // Garante que registerTabItems seja chamado mesmo se slotchange não disparar\n this.registerTabItems()\n }\n\n disconnectedCallback() {\n if (\n this.mutationObserver !== undefined &&\n this.mutationObserver !== null &&\n typeof this.mutationObserver === 'object'\n ) {\n this.mutationObserver.disconnect()\n }\n }\n\n render() {\n const hasCounter = this.tabItems.some((item) => item.counter)\n\n return (\n <Host>\n <div class={this.getCssClassMap()} id={this.customId} part=\"container\">\n {/ Navegação das tabs */}\n <nav class=\"tab-nav\" data-counter={hasCounter ? 'true' : 'false'} aria-label={this.label} part=\"nav\">\n <ul role=\"tablist\" style={{ justifyContent: this.getAlignItemsStyle() }}>\n {this.tabItems.map((item, index) => {\n const isActive = item.tabItemId === this.activeTabId\n const showOnlyIcon = item.onlyIcon \|\| item.hasAttribute('only-icon')\n\n return (\n <li key={item.tabItemId} class={this.getTabItemCssClassMap(isActive)} role=\"presentation\">\n <button\n type=\"button\"\n id={`tab-button-${item.tabItemId}`}\n role=\"tab\"\n aria-selected={isActive ? 'true' : 'false'}\n aria-controls={`tab-panel-${item.tabItemId}`}\n tabindex={isActive ? 0 : -1}\n data-tab-id={item.tabItemId}\n data-tab-index={index}\n onClick={this.handleTabButtonClick}\n onKeyDown={this.handleTabButtonKeyDown}\n >\n <span class=\"name\">\n {item.icon && (\n <span class=\"icon\">\n <br-icon icon-name={item.icon}></br-icon>\n </span>\n )}\n {!showOnlyIcon && <span>{item.tabItemTitle}</span>}\n </span>\n </button>\n {item.counter && <span class=\"results\">({item.counter})</span>}\n </li>\n )\n })}\n </ul>\n </nav>\n\n <div class=\"tab-content\">\n <slot\n ref={(el) => {\n this.slotElement = el as HTMLSlotElement\n }}\n onSlotchange={this.registerTabItems}\n ></slot>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["tabCss","Tab","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","density","label","alignItemsTab","scrollDisabled","tabItems","activeTabId","activeTabInitialized","registerTabItems","slotElement","undefined","assignedElements","filter","el","_a","tagName","toLowerCase","forEach","item","tabItemId","hasAttribute","id","setAttribute","colorMode","length","activeItem","find","isActive","updateTabStates","handleTabButtonClick","event","tabId","currentTarget","getAttribute","trim","handleTabClick","handleTabButtonKeyDown","indexAttr","index","Number","NaN","isNaN","handleKeyNavigation","activeTabChanged","newId","activeIndex","findIndex","brTabChange","emit","tabIndex","colorModeChanged","newValue","removeAttribute","handleTabItemPropsChange","currentIndex","newIndex","key","preventDefault","activePanel","focusableElements","querySelectorAll","focus","setTimeout","buttons","shadowRoot","_b","getCssClassMap","small","medium","large","getTabItemCssClassMap","active","getAlignItemsStyle","alignMap","start","center","end","isValidHeight","value","trimmed","test","cssUnitRegex","getResolvedHeight","height","console","warn","componentWillLoad","disconnectedCallback","mutationObserver","disconnect","render","hasCounter","some","counter","resolvedHeight","h","Host","class","part","style","role","justifyContent","map","showOnlyIcon","onlyIcon","type","tabindex","onClick","onKeyDown","icon","tabItemTitle","ref","onSlotchange"],"sources":["../../packages/webcomponents/src/components/tab/tab.scss?tag=br-tab&encapsulation=shadow","../../packages/webcomponents/src/components/tab/tab.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n\n:host {\n display: block;\n height: 100%;\n min-height: 0;\n overflow: hidden;\n --br-tab-height: auto;\n}\n\n.br-tab {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n height: var(--br-tab-height);\n min-height: 0;\n width: 100%;\n overflow: hidden;\n padding: var(--tab-container-padding, 16px);\n\n &.scroll-disabled {\n height: auto;\n min-height: auto;\n overflow: visible;\n }\n}\n\n.tab-nav {\n flex: 0 0 auto;\n\n &[data-counter=\"true\"] {\n min-height: 102px;\n overflow: hidden;\n\n ul {\n max-height: 65px;\n }\n }\n\n .tab-item {\n button {\n .icon:not(:only-child) {\n margin-right: var(--spacing-scale-base);\n }\n }\n }\n}\n\n.tab-content {\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n\n .scroll-disabled & {\n overflow: hidden;\n }\n}\n\n.results {\n display: flex;\n font-weight: var(--font-weight);\n justify-content: center;\n margin-top: var(--spacing-scale-2x);\n position: absolute;\n top: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/*\n Tipo de densidade para o componente Tab, definindo o espaçamento e tamanho dos elementos.\n /\ntype TabDensity = 'small' \| 'medium' \| 'large'\n\n/\n Tipo de modo de cor para o componente Tab, definindo o esquema de cores utilizado.\n /\ntype TabColorMode = 'dark'\n\n/\n Tipo de alinhamento dos itens da tab na barra de navegação.\n /\ntype TabAlignItems = 'start' \| 'center' \| 'end'\n\n/\n ## Design System\n \n Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/tab?tab=designer).\n \n @slot default - Slot para inserir os itens das abas (br-tab-item)\n \n @part container - Parte para o contêiner principal das abas\n * @part nav - Parte para a navegação das abas\n /\n@Component({\n tag: 'br-tab',\n styleUrl: 'tab.scss',\n shadow: true,\n})\nexport class Tab {\n /\n Referência ao elemento host do componente.\n /\n @Element() el!: HTMLBrTabElement\n\n /\n Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /\n A propriedade 'density' define a densidade do componente.\n /\n @Prop({ reflect: true }) readonly density: TabDensity = 'medium'\n\n /\n Define se o Tab usará um esquema de cores escuro.\n /\n @Prop({ reflect: true }) readonly colorMode?: TabColorMode\n\n /\n Label de acessibilidade para a navegação das tabs\n /\n @Prop({ reflect: true }) readonly label: string = 'Abas de Navegação'\n\n /\n Define o alinhamento horizontal dos itens da tab na barra de navegação.\n /\n @Prop({ reflect: true }) readonly alignItemsTab: TabAlignItems = 'start'\n\n /\n Desabilita o scroll automático da área de conteúdo.\n * Por padrão, o scroll vertical fica apenas na região de conteúdo.\n /\n @Prop({ reflect: true }) readonly scrollDisabled: boolean = false\n\n /\n Define a altura máxima da área de conteúdo, ativando o scroll interno quando o conteúdo ultrapassa essa altura.\n /\n @Prop({ reflect: true }) readonly height?: string\n\n /\n Lista dos tab items registrados\n /\n @State() private tabItems: HTMLBrTabItemElement[] = []\n\n /\n ID do tab atualmente ativo\n /\n @State() private activeTabId: string = ''\n\n /\n Flag para controlar se o activeTabId já foi inicializado\n /\n private activeTabInitialized = false\n\n /\n Evento disparado quando um tab é ativado.\n /\n @Event() brTabChange!: EventEmitter<{ tabId: string; tabIndex: number }>\n\n /\n Referência ao elemento de slot para monitorar mudanças nos tab items filhos.\n /\n private slotElement: HTMLSlotElement \| undefined\n\n /\n Observador de mutação para detectar mudanças nos tab items filhos\n /\n private mutationObserver: MutationObserver \| undefined\n\n /\n Observa mudanças no tab ativo para atualizar os estados\n /\n @Watch('activeTabId')\n activeTabChanged(newId: string) {\n this.updateTabStates()\n const activeIndex = this.tabItems.findIndex((item) => item.tabItemId === newId)\n this.brTabChange.emit({ tabId: newId, tabIndex: activeIndex })\n }\n\n /\n Observa mudanças no color mode para propagar aos filhos\n /\n @Watch('colorMode')\n colorModeChanged(newValue: string) {\n this.tabItems.forEach((item) => {\n if (newValue !== undefined && newValue !== null && typeof newValue === 'string') {\n item.setAttribute('color-mode', newValue)\n } else {\n item.removeAttribute('color-mode')\n }\n })\n }\n\n /\n Escuta evento de mudança de propriedades dos tab-items filhos.\n * Este listener garante que o componente pai seja re-renderizado quando\n * propriedades como tabItemTitle, icon, counter ou onlyIcon mudam dinamicamente.\n /\n @Listen('brTabItemPropsChange')\n handleTabItemPropsChange() {\n // Força re-renderização para atualizar a navegação\n this.tabItems = [...this.tabItems]\n }\n\n /\n Registra os tab items filhos e garante que cada um tenha um ID único.\n * Também propaga o color mode para os tab items.\n * @returns void\n /\n private registerTabItems = () => {\n if (this.slotElement === undefined \|\| this.slotElement === null) return\n\n const assignedElements = this.slotElement.assignedElements() as HTMLBrTabItemElement[]\n this.tabItems = assignedElements.filter((el) => el.tagName?.toLowerCase() === 'br-tab-item')\n\n // Garante que cada tab item tenha um ID único\n this.tabItems.forEach((item) => {\n if (\n item.tabItemId === undefined \|\|\n item.tabItemId === null \|\|\n (typeof item.tabItemId === 'string' && item.tabItemId === '') \|\|\n item.hasAttribute('tab-item-id') === false\n ) {\n const id = Helpers.generateUniqueId()\n item.tabItemId = id\n item.setAttribute('tab-item-id', id)\n }\n\n // Propaga color mode\n if (this.colorMode !== undefined && this.colorMode !== null && typeof this.colorMode === 'string') {\n item.setAttribute('color-mode', this.colorMode)\n }\n })\n\n // Só define activeTabId se ainda não foi inicializado\n if (!this.activeTabInitialized && this.tabItems.length > 0) {\n const activeItem = this.tabItems.find((item) => item.isActive === true)\n this.activeTabId = activeItem?.tabItemId \|\| this.tabItems[0].tabItemId\n this.activeTabInitialized = true\n }\n\n this.updateTabStates()\n }\n\n /\n Atualiza o estado ativo de todos os tab items\n * Comunicação direta similar ao Vue\n /\n private updateTabStates() {\n this.tabItems.forEach((item) => {\n const isActive = item.tabItemId === this.activeTabId\n item.isActive = isActive\n\n // Atualiza atributos para compatibilidade\n if (isActive) {\n item.setAttribute('is-active', 'true')\n item.setAttribute('aria-selected', 'true')\n } else {\n item.removeAttribute('is-active')\n item.removeAttribute('aria-selected')\n }\n })\n }\n\n /\n Manipula o clique em um botão de tab\n /\n private handleTabClick(tabId: string) {\n if (this.activeTabId !== tabId) {\n this.activeTabId = tabId\n }\n }\n\n /\n Manipula a navegação por teclado nos botões de tab para melhorar a acessibilidade\n /\n private handleTabButtonClick = (event: MouseEvent) => {\n const tabId = (event.currentTarget as HTMLElement \| null)?.getAttribute('data-tab-id')\n if (typeof tabId === 'string' && tabId.trim() !== '') {\n this.handleTabClick(tabId)\n }\n }\n\n /\n Manipula o evento de pressionamento de tecla nos botões de tab para melhorar a acessibilidade\n * @param event Evento de teclado\n /\n private handleTabButtonKeyDown = (event: KeyboardEvent) => {\n const indexAttr = (event.currentTarget as HTMLElement \| null)?.getAttribute('data-tab-index')\n const index = indexAttr !== null ? Number(indexAttr) : NaN\n if (!Number.isNaN(index)) {\n this.handleKeyNavigation(index, event)\n }\n }\n\n /\n Manipula navegação por teclado (acessibilidade)\n /\n private handleKeyNavigation(currentIndex: number, event: KeyboardEvent) {\n let newIndex = currentIndex\n\n switch (event.key) {\n case 'ArrowRight':\n event.preventDefault()\n newIndex = (currentIndex + 1) % this.tabItems.length\n break\n case 'ArrowLeft':\n event.preventDefault()\n newIndex = (currentIndex - 1 + this.tabItems.length) % this.tabItems.length\n break\n case 'Home':\n event.preventDefault()\n newIndex = 0\n break\n case 'End':\n event.preventDefault()\n newIndex = this.tabItems.length - 1\n break\n case 'ArrowDown':\n event.preventDefault()\n // Foca no conteúdo do painel ativo\n const activePanel = this.tabItems[currentIndex]\n if (activePanel !== undefined && activePanel !== null && typeof activePanel === 'object') {\n const focusableElements = activePanel.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n )\n if (focusableElements.length > 0) {\n ;(focusableElements[0] as HTMLElement).focus()\n }\n }\n return\n default:\n return\n }\n\n // Ativa e foca o novo tab\n if (newIndex !== currentIndex) {\n this.activeTabId = this.tabItems[newIndex].tabItemId\n // O foco será definido no próximo render através do tabindex\n setTimeout(() => {\n const buttons = this.el.shadowRoot?.querySelectorAll('.tab-item button')\n ;(buttons?.[newIndex] as HTMLElement)?.focus()\n }, 0)\n }\n }\n\n /\n Retorna o mapeamento de classes CSS do componente\n /\n private getCssClassMap(): CssClassMap {\n return {\n 'br-tab': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n 'dark-mode': this.colorMode === 'dark',\n 'scroll-disabled': this.scrollDisabled,\n }\n }\n\n /\n Retorna o mapeamento de classes CSS para cada item de navegação\n /\n private getTabItemCssClassMap(isActive: boolean): CssClassMap {\n return {\n 'tab-item': true,\n active: isActive,\n 'dark-mode': this.colorMode === 'dark',\n }\n }\n\n /\n Retorna o alinhamento em formato flexbox\n /\n private getAlignItemsStyle(): string {\n const alignMap = {\n start: 'flex-start',\n center: 'center',\n end: 'flex-end',\n }\n return alignMap[this.alignItemsTab] \|\| 'flex-start'\n }\n\n /\n Verifica se o valor fornecido é uma altura válida para o componente, aceitando unidades CSS modernas e a palavra-chave 'auto'.\n * @param value Valor a ser verificado\n * @returns true se o valor for uma altura válida, caso contrário false\n /\n private isValidHeight(value?: string): boolean {\n if (!value \|\| typeof value !== 'string') return false\n\n const trimmed = value.trim()\n\n // aceita auto\n if (trimmed === 'auto') return true\n\n // aceita funções CSS modernas\n if (/^(calc\|min\|max\|clamp)\$.+\$$/.test(trimmed)) return true\n\n // aceita unidades CSS modernas\n const cssUnitRegex = /^\\d+(\\.\\d+)?(px\|%\|vh\|vw\|dvh\|svh\|lvh\|vmin\|vmax\|rem\|em)$/\n\n if (cssUnitRegex.test(trimmed)) return true\n\n return false\n }\n\n /\n Retorna a altura resolvida do componente, considerando valores válidos e emitindo um aviso para valores inválidos.\n * @returns A altura resolvida ou undefined se o valor for inválido\n /\n private getResolvedHeight(): string \| undefined {\n if (!this.height) return undefined\n\n if (this.isValidHeight(this.height)) {\n return this.height\n }\n\n console.warn(`[br-tab]: valor inválido para \"height\": \"${this.height}\". Valor ignorado.`)\n\n return undefined\n }\n\n /\n Ciclo de vida. Executado antes do componente ser carregado no DOM.\n * Garante que os tab items sejam registrados mesmo que o evento slotchange não seja disparado.\n /\n componentWillLoad() {\n // Garante que registerTabItems seja chamado mesmo se slotchange não disparar\n this.registerTabItems()\n }\n\n /\n Ciclo de vida. Executado quando o componente é removido do DOM.\n * Desconecta o MutationObserver para evitar vazamentos de memória.\n /\n disconnectedCallback() {\n if (\n this.mutationObserver !== undefined &&\n this.mutationObserver !== null &&\n typeof this.mutationObserver === 'object'\n ) {\n this.mutationObserver.disconnect()\n }\n }\n\n /\n Renderiza o componente.\n * @returns JSX.Element\n /\n render() {\n const hasCounter = this.tabItems.some((item) => item.counter)\n const resolvedHeight = this.getResolvedHeight()\n\n return (\n <Host>\n <div\n class={this.getCssClassMap()}\n id={this.customId}\n part=\"container\"\n style={resolvedHeight !== undefined ? { '--br-tab-height': resolvedHeight } : undefined}\n >\n {/ Navegação das tabs */}\n <nav class=\"tab-nav\" data-counter={hasCounter ? 'true' : 'false'} aria-label={this.label} part=\"nav\">\n <ul role=\"tablist\" style={{ justifyContent: this.getAlignItemsStyle() }}>\n {this.tabItems.map((item, index) => {\n const isActive = item.tabItemId === this.activeTabId\n const showOnlyIcon = item.onlyIcon \|\| item.hasAttribute('only-icon')\n\n return (\n <li key={item.tabItemId} class={this.getTabItemCssClassMap(isActive)} role=\"presentation\">\n <button\n type=\"button\"\n id={`tab-button-${item.tabItemId}`}\n role=\"tab\"\n aria-selected={isActive ? 'true' : 'false'}\n aria-controls={`tab-panel-${item.tabItemId}`}\n tabindex={isActive ? 0 : -1}\n data-tab-id={item.tabItemId}\n data-tab-index={index}\n onClick={this.handleTabButtonClick}\n onKeyDown={this.handleTabButtonKeyDown}\n >\n <span class=\"name\">\n {item.icon && (\n <span class=\"icon\">\n <br-icon icon-name={item.icon}></br-icon>\n </span>\n )}\n {!showOnlyIcon && <span>{item.tabItemTitle}</span>}\n </span>\n </button>\n {item.counter && <span class=\"results\">({item.counter})</span>}\n </li>\n )\n })}\n </ul>\n </nav>\n\n <div class=\"tab-content\">\n <slot\n ref={(el) => {\n this.slotElement = el as HTMLSlotElement\n }}\n onSlotchange={this.registerTabItems}\n ></slot>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/br-table-cell.js CHANGED Viewed

@@ -2,11 +2,11 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as a, h as e, c as r } from "./p-DSkSDmzD.js";
+import { p as t, H as a, h as e, d as r } from "./p-DozXPp1d.js";
 import { H as i } from "./p-D4N4PPot.js";
-const o = "*,*::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}main{display:block}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))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@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))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !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}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}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}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !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)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.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)}:host{display:table-cell;border-bottom:1px solid #ccc;--horizontal-align:left}.br-table-cell{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);padding:var(--table-row-size) var(--table-padding);text-align:var(--horizontal-align)}.br-table-cell.vertical-border{border-left:1px solid #ccc}";
+const o = "*,*::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}main{display:block}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))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@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))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !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,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}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}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}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !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)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.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,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:table-cell;border-bottom:1px solid #ccc;--horizontal-align:left}.br-table-cell{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);padding:var(--table-row-size) var(--table-padding);text-align:var(--horizontal-align)}.br-table-cell.vertical-border{border-left:1px solid #ccc}";
 var n;
@@ -64,13 +64,13 @@ const l =  t(class t extends a {
      * @returns JSX do componente.
      */  render() {
     return e(r, {
-      key: "4d6a701ef2af2df1fdf8bb44aec3bcab73bfc377"
+      key: "0042c9657d925c7a701d189cb951f0db017cb66c"
     }, e("div", {
-      key: "100c6606ec442dee0bfeba33e5b3b06d00e9dbe3",
+      key: "65afbc3ae7b073790a033a1c5f650cfd8e52b16d",
       id: this.customId,
       class: this.getCssClassMap()
     }, e("slot", {
-      key: "5c5a594b7dcbd0d085d2945942d2e10d27c7f64f"
+      key: "8a6bdd866b78797ce887ec9ba5312301edcbfbc4"
     })));
   }
   get el() {

package/dist/components/br-table-header-cell.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as a, d as e, h as r, c as i } from "./p-DSkSDmzD.js";
+import { p as t, H as a, c as e, h as r, d as i } from "./p-DozXPp1d.js";
 import { H as o } from "./p-D4N4PPot.js";
@@ -12,7 +12,7 @@ const n = {
   }
 };
-const l = "*,*::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}main{display:block}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))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@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))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !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}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}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}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !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)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.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)}:host{display:table-cell;--horizontal-align:left}.br-table-header-cell{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);padding:var(--table-row-size) var(--table-padding);text-align:var(--horizontal-align)}.br-table-header-cell.vertical-border{border-left:1px solid #ccc}";
+const l = "*,*::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}main{display:block}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))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@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))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !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,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}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}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}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !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)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.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,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:table-cell;--horizontal-align:left}.br-table-header-cell{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);padding:var(--table-row-size) var(--table-padding);text-align:var(--horizontal-align)}.br-table-header-cell.vertical-border{border-left:1px solid #ccc}";
 const s =  t(class t extends a {
   constructor(t) {
@@ -51,13 +51,13 @@ const s =  t(class t extends a {
   }
   render() {
     return r(i, {
-      key: "dbf113e66af816c34f44ce115209d247cfe1114b"
+      key: "964dc8d5e2551d5f382c30203f881c8135101312"
     }, r("div", {
-      key: "d6fd86627925236eac54c5ac2112a4371cd4832f",
+      key: "23fbb9d3fff08b900f518fb3a8c6ebd73a1e8290",
       id: this.customId,
       class: this.getCssClassMap()
     }, r("slot", {
-      key: "adf6097ed5126a8347555684830fe5fd74a8fbce"
+      key: "be3d0d7e1d31895091534bb359ab2a7e7df08ec6"
     })));
   }
   get el() {
@@ -95,10 +95,10 @@ function defineCustomElement$1() {
   }));
 }
-const c = s;
+const g = s;
-const g = defineCustomElement$1;
+const c = defineCustomElement$1;
-export { c as BrTableHeaderCell, g as defineCustomElement };
+export { g as BrTableHeaderCell, c as defineCustomElement };
 //# sourceMappingURL=br-table-header-cell.js.map
 //# sourceMappingURL=br-table-header-cell.js.map