@govbr-ds/webcomponents 2.0.0-next.57 → 2.0.0-next.58

package/dist/components/br-tab-item.js

@@ -2,11 +2,11 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as a, d as r, h as e, c as i } from "./p-DSkSDmzD.js";
+import { p as t, H as a, d as e, h as r, c as i, t as o } from "./p-Dl8sbmQD.js";
 
-import { H as o } from "./p-BRKK5nMe.js";
+import { H as n } from "./p-BRKK5nMe.js";
 
-const n = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-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{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host(:not([is-active])){display:none}:host([is-active]){display:block}:host(.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);color:var(--color)}";
+const tabItemCss = () => `*,*::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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.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}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.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-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.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{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host(:not([is-active])){display:none}:host([is-active]){display:block}:host(.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);color:var(--color)}`;
 
 const l =  t(class t extends a {
   constructor(t) {
@@ -15,11 +15,11 @@ const l =  t(class t extends a {
       this.__registerHost();
     }
     this.__attachShadow();
-    this.brTabItemPropsChange = r(this, "brTabItemPropsChange", 7);
+    this.brTabItemPropsChange = e(this, "brTabItemPropsChange", 7);
     /**
          * Identificador único do item da tab.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.tabItemId = o.generateUniqueId();
+         */    this.tabItemId = n.generateUniqueId();
     /**
          * Define se exibe apenas o ícone, sem texto
          */    this.onlyIcon = false;
@@ -50,7 +50,7 @@ const l =  t(class t extends a {
   componentWillLoad() {
     // Garante ID único
     if (this.tabItemId === undefined || this.tabItemId === null || typeof this.tabItemId === "string" && this.tabItemId === "") {
-      this.tabItemId = o.generateUniqueId();
+      this.tabItemId = n.generateUniqueId();
     }
     // Suporte para o atributo 'active' (além de 'is-active')
         if (this.el.hasAttribute("active")) {
@@ -65,15 +65,15 @@ const l =  t(class t extends a {
     };
   }
   render() {
-    return e(i, {
-      key: "a367279e1f086a06de38d3ff05c7b5684d5226d7",
+    return r(i, {
+      key: "9b3a7545178ba2b81b763e44e73697e6cea901e1",
       class: this.getCssClassMap(),
       id: `tab-panel-${this.tabItemId}`,
       role: "tabpanel",
       "aria-labelledby": `tab-button-${this.tabItemId}`,
       "aria-hidden": this.isActive ? "false" : "true"
-    }, e("slot", {
-      key: "ba649836cfda6d9e574fe96c8b6652c578348167"
+    }, r("slot", {
+      key: "5b147318f03f7dcbe9efb609e532f8b9f1a6133a"
     }));
   }
   get el() {
@@ -88,7 +88,7 @@ const l =  t(class t extends a {
     };
   }
   static get style() {
-    return n;
+    return tabItemCss();
   }
 }, [ 257, "br-tab-item", {
   tabItemId: [ 1537, "tab-item-id" ],
@@ -113,8 +113,8 @@ function defineCustomElement$1() {
   t.forEach((t => {
     switch (t) {
      case "br-tab-item":
-      if (!customElements.get(t)) {
-        customElements.define(t, l);
+      if (!customElements.get(o(t))) {
+        customElements.define(o(t), l);
       }
       break;
     }

package/dist/components/br-tab-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["tabItemCss","TabItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","tabItemId","Helpers","generateUniqueId","onlyIcon","isActive","tabItemTitleChanged","brTabItemPropsChange","emit","iconChanged","counterChanged","onlyIconChanged","componentWillLoad","undefined","el","hasAttribute","getCssClassMap","active","colorMode","render","h","Host","key","class","id","role"],"sources":["../../packages/webcomponents/src/components/tab/tab-item/tab-item.scss?tag=br-tab-item&encapsulation=shadow","../../packages/webcomponents/src/components/tab/tab-item/tab-item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n\n:host {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n:host(:not([is-active])) {\n  display: none;\n}\n\n:host([is-active]) {\n  display: block;\n}\n\n:host(.dark-mode) {\n  @include dark-mode;\n\n  color: var(--color);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n *\n * @slot default - Slot com conteúdo do item da tab\n *\n * @example\n * ```html\n * <br-tab>\n *   <br-tab-item tab-item-title=\"Equipe\" icon=\"fa-solid:users\">\n *     Conteúdo da aba Equipe\n *   </br-tab-item>\n * </br-tab>\n * ```\n */\n@Component({\n  tag: 'br-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n})\nexport class TabItem {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrTabItemElement\n\n  /**\n   * Identificador único do item da tab.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true, mutable: true }) tabItemId: string = Helpers.generateUniqueId()\n\n  /**\n   * Define o título do item de tab que aparece no botão de navegação\n   */\n  @Prop({ reflect: true }) readonly tabItemTitle: string\n\n  /**\n   * Define ícone do item de tab\n   */\n  @Prop({ reflect: true }) readonly icon: string\n\n  /**\n   * Define se exibe apenas o ícone, sem texto\n   */\n  @Prop({ reflect: true }) readonly onlyIcon: boolean = false\n\n  /**\n   * Define se o item de tab está ativo/visível\n   */\n\n  @Prop({ reflect: true, mutable: true }) isActive: boolean = false\n\n  /**\n   * Define contador do item de tab (exibido abaixo do botão)\n   */\n  @Prop({ reflect: true }) readonly counter: string\n\n  /**\n   * Define se o Tab usará um esquema de cores escuro\n   */\n  @Prop({ reflect: true }) readonly colorMode: 'dark'\n\n  /**\n   * Evento disparado quando as propriedades do tab-item mudam.\n   * O componente pai (br-tab) escuta este evento para atualizar a navegação.\n   */\n  @Event() brTabItemPropsChange: EventEmitter<void>\n\n  /**\n   * Observa mudanças no título e notifica o pai\n   */\n  @Watch('tabItemTitle')\n  tabItemTitleChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  /**\n   * Observa mudanças no ícone e notifica o pai\n   */\n  @Watch('icon')\n  iconChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  /**\n   * Observa mudanças no contador e notifica o pai\n   */\n  @Watch('counter')\n  counterChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  /**\n   * Observa mudanças em onlyIcon e notifica o pai\n   */\n  @Watch('onlyIcon')\n  onlyIconChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  componentWillLoad() {\n    // Garante ID único\n    if (\n      this.tabItemId === undefined ||\n      this.tabItemId === null ||\n      (typeof this.tabItemId === 'string' && this.tabItemId === '')\n    ) {\n      this.tabItemId = Helpers.generateUniqueId()\n    }\n\n    // Suporte para o atributo 'active' (além de 'is-active')\n    if (this.el.hasAttribute('active')) {\n      this.isActive = true\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'tab-panel': true,\n      active: this.isActive,\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.getCssClassMap()}\n        id={`tab-panel-${this.tabItemId}`}\n        role=\"tabpanel\"\n        aria-labelledby={`tab-button-${this.tabItemId}`}\n        aria-hidden={this.isActive ? 'false' : 'true'}\n      >\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAa;;MCwBNC,KAAOC,EAAA,MAAAD,UAAAE;EALpB,WAAAC,CAAAC;;;;;;;;;;eAgB0CC,KAAAC,YAAoBC,EAAQC;;;eAelCH,KAAQI,WAAY;;;eAMdJ,KAAQK,WAAY;AAuF7D;;;SAjEC,mBAAAC;IACEN,KAAKO,qBAAqBC;;;;SAO5B,WAAAC;IACET,KAAKO,qBAAqBC;;;;SAO5B,cAAAE;IACEV,KAAKO,qBAAqBC;;;;SAO5B,eAAAG;IACEX,KAAKO,qBAAqBC;;EAG5B,iBAAAI;;IAEE,IACEZ,KAAKC,cAAcY,aACnBb,KAAKC,cAAc,eACXD,KAAKC,cAAc,YAAYD,KAAKC,cAAc,IAC1D;MACAD,KAAKC,YAAYC,EAAQC;;;QAI3B,IAAIH,KAAKc,GAAGC,aAAa,WAAW;MAClCf,KAAKK,WAAW;;;EAIZ,cAAAW;IACN,OAAO;MACL,aAAa;MACbC,QAAQjB,KAAKK;MACb,aAAaL,KAAKkB,cAAc;;;EAIpC,MAAAC;IACE,OACEC,EAACC,GACC;MAAAC,KAAA;MAAAC,OAAOvB,KAAKgB;MACZQ,IAAI,aAAaxB,KAAKC;MACtBwB,MAAK;MACY,iCAAczB,KAAKC;MACvB,eAAAD,KAAKK,WAAW,UAAU;OAEvCe,EAAa;MAAAE,KAAA","ignoreList":[]}
+{"version":3,"names":["tabItemCss","TabItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","tabItemId","Helpers","generateUniqueId","onlyIcon","isActive","tabItemTitleChanged","brTabItemPropsChange","emit","iconChanged","counterChanged","onlyIconChanged","componentWillLoad","undefined","el","hasAttribute","getCssClassMap","active","colorMode","render","h","Host","key","class","id","role"],"sources":["../../packages/webcomponents/src/components/tab/tab-item/tab-item.scss?tag=br-tab-item&encapsulation=shadow","../../packages/webcomponents/src/components/tab/tab-item/tab-item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tab/tab\";\n\n:host {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n:host(:not([is-active])) {\n  display: none;\n}\n\n:host([is-active]) {\n  display: block;\n}\n\n:host(.dark-mode) {\n  @include dark-mode;\n\n  color: var(--color);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab-item?tab=designer).\n *\n * @slot default - Slot com conteúdo do item da tab\n *\n * @example\n * ```html\n * <br-tab>\n *   <br-tab-item tab-item-title=\"Equipe\" icon=\"fa-solid:users\">\n *     Conteúdo da aba Equipe\n *   </br-tab-item>\n * </br-tab>\n * ```\n */\n@Component({\n  tag: 'br-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n})\nexport class TabItem {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrTabItemElement\n\n  /**\n   * Identificador único do item da tab.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true, mutable: true }) tabItemId: string = Helpers.generateUniqueId()\n\n  /**\n   * Define o título do item de tab que aparece no botão de navegação\n   */\n  @Prop({ reflect: true }) readonly tabItemTitle: string\n\n  /**\n   * Define ícone do item de tab\n   */\n  @Prop({ reflect: true }) readonly icon: string\n\n  /**\n   * Define se exibe apenas o ícone, sem texto\n   */\n  @Prop({ reflect: true }) readonly onlyIcon: boolean = false\n\n  /**\n   * Define se o item de tab está ativo/visível\n   */\n\n  @Prop({ reflect: true, mutable: true }) isActive: boolean = false\n\n  /**\n   * Define contador do item de tab (exibido abaixo do botão)\n   */\n  @Prop({ reflect: true }) readonly counter: string\n\n  /**\n   * Define se o Tab usará um esquema de cores escuro\n   */\n  @Prop({ reflect: true }) readonly colorMode: 'dark'\n\n  /**\n   * Evento disparado quando as propriedades do tab-item mudam.\n   * O componente pai (br-tab) escuta este evento para atualizar a navegação.\n   */\n  @Event() brTabItemPropsChange: EventEmitter<void>\n\n  /**\n   * Observa mudanças no título e notifica o pai\n   */\n  @Watch('tabItemTitle')\n  tabItemTitleChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  /**\n   * Observa mudanças no ícone e notifica o pai\n   */\n  @Watch('icon')\n  iconChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  /**\n   * Observa mudanças no contador e notifica o pai\n   */\n  @Watch('counter')\n  counterChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  /**\n   * Observa mudanças em onlyIcon e notifica o pai\n   */\n  @Watch('onlyIcon')\n  onlyIconChanged() {\n    this.brTabItemPropsChange.emit()\n  }\n\n  componentWillLoad() {\n    // Garante ID único\n    if (\n      this.tabItemId === undefined ||\n      this.tabItemId === null ||\n      (typeof this.tabItemId === 'string' && this.tabItemId === '')\n    ) {\n      this.tabItemId = Helpers.generateUniqueId()\n    }\n\n    // Suporte para o atributo 'active' (além de 'is-active')\n    if (this.el.hasAttribute('active')) {\n      this.isActive = true\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'tab-panel': true,\n      active: this.isActive,\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.getCssClassMap()}\n        id={`tab-panel-${this.tabItemId}`}\n        role=\"tabpanel\"\n        aria-labelledby={`tab-button-${this.tabItemId}`}\n        aria-hidden={this.isActive ? 'false' : 'true'}\n      >\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,aAAa,MAAM;;MCwBZC,KAAOC,EAAA,MAAAD,UAAAE;EALpB,WAAAC,CAAAC;;;;;;;;;;eAgB0CC,KAAAC,YAAoBC,EAAQC;;;eAelCH,KAAQI,WAAY;;;eAMdJ,KAAQK,WAAY;AAuF7D;;;SAjEC,mBAAAC;IACEN,KAAKO,qBAAqBC;;;;SAO5B,WAAAC;IACET,KAAKO,qBAAqBC;;;;SAO5B,cAAAE;IACEV,KAAKO,qBAAqBC;;;;SAO5B,eAAAG;IACEX,KAAKO,qBAAqBC;;EAG5B,iBAAAI;;IAEE,IACEZ,KAAKC,cAAcY,aACnBb,KAAKC,cAAc,eACXD,KAAKC,cAAc,YAAYD,KAAKC,cAAc,IAC1D;MACAD,KAAKC,YAAYC,EAAQC;;;QAI3B,IAAIH,KAAKc,GAAGC,aAAa,WAAW;MAClCf,KAAKK,WAAW;;;EAIZ,cAAAW;IACN,OAAO;MACL,aAAa;MACbC,QAAQjB,KAAKK;MACb,aAAaL,KAAKkB,cAAc;;;EAIpC,MAAAC;IACE,OACEC,EAACC,GACC;MAAAC,KAAA;MAAAC,OAAOvB,KAAKgB;MACZQ,IAAI,aAAaxB,KAAKC;MACtBwB,MAAK;MACY,iCAAczB,KAAKC;MACvB,eAAAD,KAAKK,WAAW,UAAU;OAEvCe,EAAa;MAAAE,KAAA","ignoreList":[]}

package/dist/components/br-tab.js

@@ -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, d as e, h as r, c as i, t as o } from "./p-Dl8sbmQD.js";
 
-import { H as o } from "./p-BRKK5nMe.js";
+import { H as n } from "./p-BRKK5nMe.js";
 
-import { d as n } from "./p-Ck56essO.js";
+import { d as s } from "./p-DPI-6oom.js";
 
-const s = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-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 tabCss = () => `*,*::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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.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}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.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-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.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 =  t(class t extends a {
   constructor(t) {
@@ -21,7 +21,7 @@ const l =  t(class t extends a {
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = o.generateUniqueId();
+         */    this.customId = n.generateUniqueId();
     /**
          * A propriedade 'density' define a densidade do componente.
          * Os valores possíveis são 'small', 'medium' e 'large'.
@@ -48,7 +48,7 @@ const l =  t(class t extends a {
       // Garante que cada tab item tenha um ID único
             this.tabItems.forEach((t => {
         if (t.tabItemId === undefined || t.tabItemId === null || typeof t.tabItemId === "string" && t.tabItemId === "" || t.hasAttribute("tab-item-id") === false) {
-          const a = o.generateUniqueId();
+          const a = n.generateUniqueId();
           t.tabItemId = a;
           t.setAttribute("tab-item-id", a);
         }
@@ -220,20 +220,20 @@ const l =  t(class t extends a {
   render() {
     const t = this.tabItems.some((t => t.counter));
     return r(i, {
-      key: "dd967a1f23e28c8a5a9bf5b3928bb4091758e771"
+      key: "d5d82cd81b6bfb0149c071b39a29579a18420b02"
     }, r("div", {
-      key: "4ca08119a0b71d0ba4cadbdaf1c7120ea742a2a3",
+      key: "338a67a0e3f462e1e261a6013493ef86f53dc1c8",
       class: this.getCssClassMap(),
       id: this.customId,
       part: "container"
     }, r("nav", {
-      key: "043cea72141f81419ee5ec119bc649f1db05c6c9",
+      key: "6ed0ec25d746c9910c90b0d83257b6bc78b46c02",
       class: "tab-nav",
       "data-counter": t ? "true" : "false",
       "aria-label": this.label,
       part: "nav"
     }, r("ul", {
-      key: "cb040a85fdeaba76424213979113ec867c3ce777",
+      key: "02bc9612685d07f054a17fc8971dd91ffbfb7eee",
       role: "tablist",
       style: {
         justifyContent: this.getAlignItemsStyle()
@@ -264,10 +264,10 @@ const l =  t(class t extends a {
         class: "results"
       }, "(", t.counter, ")"));
     })))), r("div", {
-      key: "6f83271a8d71ee400e704a7ebff786e2677b8fb3",
+      key: "5b4cff99e3e60e499aa5b7d4644facc7fc1e5360",
       class: "tab-content"
     }, r("slot", {
-      key: "785ae1c7280c8e9c53117794924bc9191bfc9027",
+      key: "e9ac8a2d1dc1088a5848a98d71ff49166fdc3a06",
       ref: t => {
         this.slotElement = t;
       },
@@ -284,7 +284,7 @@ const l =  t(class t extends a {
     };
   }
   static get style() {
-    return s;
+    return tabCss();
   }
 }, [ 257, "br-tab", {
   customId: [ 513, "custom-id" ],
@@ -307,14 +307,14 @@ function defineCustomElement$1() {
   t.forEach((t => {
     switch (t) {
      case "br-tab":
-      if (!customElements.get(t)) {
-        customElements.define(t, l);
+      if (!customElements.get(o(t))) {
+        customElements.define(o(t), l);
       }
       break;
 
      case "br-icon":
-      if (!customElements.get(t)) {
-        n();
+      if (!customElements.get(o(t))) {
+        s();
       }
       break;
     }

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

@@ -1 +1 @@
-{"version":3,"names":["tabCss","Tab","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","density","label","alignItemsTab","tabItems","registerTabItems","slotElement","undefined","assignedElements","filter","el","_a","tagName","toLowerCase","forEach","item","tabItemId","hasAttribute","id","setAttribute","colorMode","activeTabId","length","activeItem","find","isActive","updateTabStates","activeTabChanged","newId","activeIndex","findIndex","brTabChange","emit","tabId","tabIndex","colorModeChanged","newValue","removeAttribute","handleTabItemPropsChange","handleTabClick","handleKeyNavigation","currentIndex","event","newIndex","key","preventDefault","activePanel","focusableElements","querySelectorAll","focus","setTimeout","buttons","shadowRoot","getCssClassMap","small","medium","large","getTabItemCssClassMap","active","getAlignItemsStyle","alignMap","start","center","end","componentDidLoad","MutationObserver","mutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","hasCounter","some","counter","h","Host","class","part","role","style","justifyContent","map","index","showOnlyIcon","onlyIcon","type","tabindex","onClick","onKeyDown","e","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 * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab?tab=designer).\n *\n * @slot default - Slot com os componentes br-tab-item\n *\n * @part container - Container principal do componente\n * @part nav - Elemento de navegação das tabs\n *\n * @example\n * ```html\n * <br-tab>\n *   <br-tab-item tab-item-title=\"Equipe\">Conteúdo da equipe</br-tab-item>\n *   <br-tab-item tab-item-title=\"Projetos\">Conteúdo de projetos</br-tab-item>\n * </br-tab>\n * ```\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   * Os valores possíveis são 'small', 'medium' e 'large'.\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   * 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    // Define o primeiro tab como ativo se nenhum estiver ativo\n    if (\n      (this.activeTabId === undefined ||\n        this.activeTabId === null ||\n        (typeof this.activeTabId === 'string' && this.activeTabId === '')) &&\n      this.tabItems.length > 0\n    ) {\n      const activeItem = this.tabItems.find((item) => item.isActive === true)\n      this.activeTabId = activeItem?.tabItemId || this.tabItems[0].tabItemId\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 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    // Observa mudanças no slot\n    if (typeof MutationObserver !== 'undefined') {\n      this.mutationObserver = new MutationObserver(() => {\n        this.registerTabItems()\n      })\n\n      this.mutationObserver.observe(this.el, {\n        childList: true,\n        subtree: false,\n      })\n    }\n\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                      onClick={() => this.handleTabClick(item.tabItemId)}\n                      onKeyDown={(e) => this.handleKeyNavigation(index, e)}\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":[]}
+{"version":3,"names":["tabCss","Tab","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","density","label","alignItemsTab","tabItems","registerTabItems","slotElement","undefined","assignedElements","filter","el","_a","tagName","toLowerCase","forEach","item","tabItemId","hasAttribute","id","setAttribute","colorMode","activeTabId","length","activeItem","find","isActive","updateTabStates","activeTabChanged","newId","activeIndex","findIndex","brTabChange","emit","tabId","tabIndex","colorModeChanged","newValue","removeAttribute","handleTabItemPropsChange","handleTabClick","handleKeyNavigation","currentIndex","event","newIndex","key","preventDefault","activePanel","focusableElements","querySelectorAll","focus","setTimeout","buttons","shadowRoot","getCssClassMap","small","medium","large","getTabItemCssClassMap","active","getAlignItemsStyle","alignMap","start","center","end","componentDidLoad","MutationObserver","mutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","hasCounter","some","counter","h","Host","class","part","role","style","justifyContent","map","index","showOnlyIcon","onlyIcon","type","tabindex","onClick","onKeyDown","e","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 * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tab?tab=designer).\n *\n * @slot default - Slot com os componentes br-tab-item\n *\n * @part container - Container principal do componente\n * @part nav - Elemento de navegação das tabs\n *\n * @example\n * ```html\n * <br-tab>\n *   <br-tab-item tab-item-title=\"Equipe\">Conteúdo da equipe</br-tab-item>\n *   <br-tab-item tab-item-title=\"Projetos\">Conteúdo de projetos</br-tab-item>\n * </br-tab>\n * ```\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   * Os valores possíveis são 'small', 'medium' e 'large'.\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   * 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    // Define o primeiro tab como ativo se nenhum estiver ativo\n    if (\n      (this.activeTabId === undefined ||\n        this.activeTabId === null ||\n        (typeof this.activeTabId === 'string' && this.activeTabId === '')) &&\n      this.tabItems.length > 0\n    ) {\n      const activeItem = this.tabItems.find((item) => item.isActive === true)\n      this.activeTabId = activeItem?.tabItemId || this.tabItems[0].tabItemId\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 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    // Observa mudanças no slot\n    if (typeof MutationObserver !== 'undefined') {\n      this.mutationObserver = new MutationObserver(() => {\n        this.registerTabItems()\n      })\n\n      this.mutationObserver.observe(this.el, {\n        childList: true,\n        subtree: false,\n      })\n    }\n\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                      onClick={() => this.handleTabClick(item.tabItemId)}\n                      onKeyDown={(e) => this.handleKeyNavigation(index, e)}\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

@@ -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, c as r, t as i } from "./p-Dl8sbmQD.js";
 
-import { H as i } from "./p-BRKK5nMe.js";
+import { H as o } from "./p-BRKK5nMe.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}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}: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 tableCellCss = () => `*,*::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))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.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}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.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-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.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}`;
 
 var n;
 
@@ -24,7 +24,7 @@ const l =  t(class t extends a {
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = i.generateUniqueId();
+         */    this.customId = o.generateUniqueId();
     /**
          * Define se a célula do cabeçalho possui borda vertical.
          */    this.hasVerticalBorder = false;
@@ -64,13 +64,13 @@ const l =  t(class t extends a {
      * @returns JSX do componente.
      */  render() {
     return e(r, {
-      key: "b562e95bead621fd98e9ca05e1a622e9b82efaeb"
+      key: "083defbaa06348ccb686285fd2db360f73bf8dd0"
     }, e("div", {
-      key: "ac37799ac6e136e2ed609f5a2386bd564ed9b4c1",
+      key: "954e3d35eee0c0e0073610cb8c94613c9dc7ad3d",
       id: this.customId,
       class: this.getCssClassMap()
     }, e("slot", {
-      key: "afb08186d4539ef8aba9d76fef67ffa3bfdadae9"
+      key: "a5f520bcf4b6513da65cc1f2e1f48391c4ba2460"
     })));
   }
   get el() {
@@ -82,7 +82,7 @@ const l =  t(class t extends a {
     };
   }
   static get style() {
-    return o;
+    return tableCellCss();
   }
 }, [ 257, "br-table-cell", {
   customId: [ 513, "custom-id" ],
@@ -100,8 +100,8 @@ function defineCustomElement$1() {
   t.forEach((t => {
     switch (t) {
      case "br-table-cell":
-      if (!customElements.get(t)) {
-        customElements.define(t, l);
+      if (!customElements.get(i(t))) {
+        customElements.define(i(t), l);
       }
       break;
     }
@@ -110,8 +110,8 @@ function defineCustomElement$1() {
 
 const s = l;
 
-const g = defineCustomElement$1;
+const c = defineCustomElement$1;
 
-export { s as BrTableCell, g as defineCustomElement };
+export { s as BrTableCell, c as defineCustomElement };
 //# sourceMappingURL=br-table-cell.js.map
 //# sourceMappingURL=br-table-cell.js.map

package/dist/components/br-table-cell.js.map

@@ -1 +1 @@
-{"version":3,"names":["tableCellCss","CssVariables","TableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","hasVerticalBorder","horizontalAlign","handleHorizontalAlignChange","newValue","el","style","setProperty","HORIZONTAL_ALIGN","handleHorizontalAlignDidChange","event","hasAttribute","detail","connectedCallback","getCssClassMap","render","h","Host","key","id","class"],"sources":["../../packages/webcomponents/src/components/table/table-cell/table-cell.scss?tag=br-table-cell&encapsulation=shadow","../../packages/webcomponents/src/components/table/table-cell/table-cell.tsx"],"sourcesContent":[":host {\n  display: table-cell;\n  border-bottom: 1px solid #ccc;\n  --horizontal-align: left;\n}\n\n.br-table-cell {\n  color: var(--color);\n  font-size: var(--font-size-scale-base);\n  font-weight: var(--font-weight-medium);\n  padding: var(--table-row-size) var(--table-padding);\n  text-align: var(--horizontal-align);\n\n  &.vertical-border {\n    border-left: 1px solid #ccc;\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\ntype HorizontalAlign = 'left' | 'center' | 'right'\n\nenum CssVariables {\n  HORIZONTAL_ALIGN = '--horizontal-align',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table-cell',\n  styleUrl: 'table-cell.scss',\n  shadow: true,\n})\nexport class TableCell {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrTableCellElement\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   * Define se a célula do cabeçalho possui borda vertical.\n   */\n  @Prop({ reflect: true }) hasVerticalBorder: boolean = false\n\n  /**\n   * Define o alinhamento horizontal do conteúdo da célula.\n   */\n  @Prop({ reflect: true }) horizontalAlign: HorizontalAlign = 'left'\n\n  /**\n   * Watcher que observa as mudanças na propriedade `horizontalAlign`.\n   */\n  @Watch('horizontalAlign')\n  handleHorizontalAlignChange(newValue: HorizontalAlign) {\n    this.el.style.setProperty(CssVariables.HORIZONTAL_ALIGN, newValue)\n  }\n\n  /**\n   * Ouve o evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n   * @param event Objeto Event\n   */\n  @Listen('brHorizontalAlignDidChange', { target: 'document' })\n  handleHorizontalAlignDidChange(event: CustomEvent) {\n    if (!this.el.hasAttribute('horizontal-align')) {\n      this.el.style.setProperty(CssVariables.HORIZONTAL_ALIGN, event.detail)\n    }\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado após o componente ser renderizado no DOM.\n   */\n  connectedCallback() {\n    this.handleHorizontalAlignChange(this.horizontalAlign)\n  }\n\n  /**\n   * Define um conjunto de classes CSS que serão aplicadas ao componente.\n   * @returns Objeto com as classes CSS.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table-cell': true,\n      'vertical-border': this.hasVerticalBorder,\n    }\n  }\n\n  /**\n   * Define o JSX do componente.\n   * @returns JSX do componente.\n   */\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAe;;ACOrB,IAAKC;;CAAL,SAAKA;EACHA,EAAA;AACD,EAFD,CAAKA,UAEJ;;MAYYC,KAASC,EAAA,MAAAD,UAAAE;EALtB,WAAAC,CAAAC;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;;;eAKpCH,KAAiBI,oBAAY;;;eAK7BJ,KAAeK,kBAAoB;AAoD7D;;;SA9CC,2BAAAC,CAA4BC;IAC1BP,KAAKQ,GAAGC,MAAMC,YAAYhB,EAAaiB,kBAAkBJ;;;;;SAQ3D,8BAAAK,CAA+BC;IAC7B,KAAKb,KAAKQ,GAAGM,aAAa,qBAAqB;MAC7Cd,KAAKQ,GAAGC,MAAMC,YAAYhB,EAAaiB,kBAAkBE,EAAME;;;;;SAOnE,iBAAAC;IACEhB,KAAKM,4BAA4BN,KAAKK;;;;;SAOhC,cAAAY;IACN,OAAO;MACL,iBAAiB;MACjB,mBAAmBjB,KAAKI;;;;;;SAQ5B,MAAAc;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAK;MAAAE,KAAA;MAAAC,IAAItB,KAAKC;MAAUsB,OAAOvB,KAAKiB;OAClCE,EAAa;MAAAE,KAAA","ignoreList":[]}
+{"version":3,"names":["tableCellCss","CssVariables","TableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","hasVerticalBorder","horizontalAlign","handleHorizontalAlignChange","newValue","el","style","setProperty","HORIZONTAL_ALIGN","handleHorizontalAlignDidChange","event","hasAttribute","detail","connectedCallback","getCssClassMap","render","h","Host","key","id","class"],"sources":["../../packages/webcomponents/src/components/table/table-cell/table-cell.scss?tag=br-table-cell&encapsulation=shadow","../../packages/webcomponents/src/components/table/table-cell/table-cell.tsx"],"sourcesContent":[":host {\n  display: table-cell;\n  border-bottom: 1px solid #ccc;\n  --horizontal-align: left;\n}\n\n.br-table-cell {\n  color: var(--color);\n  font-size: var(--font-size-scale-base);\n  font-weight: var(--font-weight-medium);\n  padding: var(--table-row-size) var(--table-padding);\n  text-align: var(--horizontal-align);\n\n  &.vertical-border {\n    border-left: 1px solid #ccc;\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\ntype HorizontalAlign = 'left' | 'center' | 'right'\n\nenum CssVariables {\n  HORIZONTAL_ALIGN = '--horizontal-align',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-table-cell',\n  styleUrl: 'table-cell.scss',\n  shadow: true,\n})\nexport class TableCell {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrTableCellElement\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   * Define se a célula do cabeçalho possui borda vertical.\n   */\n  @Prop({ reflect: true }) hasVerticalBorder: boolean = false\n\n  /**\n   * Define o alinhamento horizontal do conteúdo da célula.\n   */\n  @Prop({ reflect: true }) horizontalAlign: HorizontalAlign = 'left'\n\n  /**\n   * Watcher que observa as mudanças na propriedade `horizontalAlign`.\n   */\n  @Watch('horizontalAlign')\n  handleHorizontalAlignChange(newValue: HorizontalAlign) {\n    this.el.style.setProperty(CssVariables.HORIZONTAL_ALIGN, newValue)\n  }\n\n  /**\n   * Ouve o evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.\n   * @param event Objeto Event\n   */\n  @Listen('brHorizontalAlignDidChange', { target: 'document' })\n  handleHorizontalAlignDidChange(event: CustomEvent) {\n    if (!this.el.hasAttribute('horizontal-align')) {\n      this.el.style.setProperty(CssVariables.HORIZONTAL_ALIGN, event.detail)\n    }\n  }\n\n  /**\n   * Ciclo de vida do componente. Chamado após o componente ser renderizado no DOM.\n   */\n  connectedCallback() {\n    this.handleHorizontalAlignChange(this.horizontalAlign)\n  }\n\n  /**\n   * Define um conjunto de classes CSS que serão aplicadas ao componente.\n   * @returns Objeto com as classes CSS.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-table-cell': true,\n      'vertical-border': this.hasVerticalBorder,\n    }\n  }\n\n  /**\n   * Define o JSX do componente.\n   * @returns JSX do componente.\n   */\n  render() {\n    return (\n      <Host>\n        <div id={this.customId} class={this.getCssClassMap()}>\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,eAAe,MAAM;;ACO3B,IAAKC;;CAAL,SAAKA;EACHA,EAAA;AACD,EAFD,CAAKA,UAEJ;;MAYYC,KAASC,EAAA,MAAAD,UAAAE;EALtB,WAAAC,CAAAC;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;;;eAKpCH,KAAiBI,oBAAY;;;eAK7BJ,KAAeK,kBAAoB;AAoD7D;;;SA9CC,2BAAAC,CAA4BC;IAC1BP,KAAKQ,GAAGC,MAAMC,YAAYhB,EAAaiB,kBAAkBJ;;;;;SAQ3D,8BAAAK,CAA+BC;IAC7B,KAAKb,KAAKQ,GAAGM,aAAa,qBAAqB;MAC7Cd,KAAKQ,GAAGC,MAAMC,YAAYhB,EAAaiB,kBAAkBE,EAAME;;;;;SAOnE,iBAAAC;IACEhB,KAAKM,4BAA4BN,KAAKK;;;;;SAOhC,cAAAY;IACN,OAAO;MACL,iBAAiB;MACjB,mBAAmBjB,KAAKI;;;;;;SAQ5B,MAAAc;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAK;MAAAE,KAAA;MAAAC,IAAItB,KAAKC;MAAUsB,OAAOvB,KAAKiB;OAClCE,EAAa;MAAAE,KAAA","ignoreList":[]}