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

package/dist/components/br-checkgroup.js

@@ -2,11 +2,11 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as e, H as t, h as a, c as r } from "./p-DSkSDmzD.js";
+import { p as e, H as t, h as a, c as r, t as i } from "./p-Dl8sbmQD.js";
 
-import { d as i } from "./p-CvEK2Il7.js";
+import { d as o } from "./p-75pWQXE5.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)}.br-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;-webkit-transform:none;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;-webkit-transform:none;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);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)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:block}';
+const checkgroupCss = () => `*,*::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-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;-webkit-transform:none;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;-webkit-transform:none;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);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)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:block}`;
 
 const n =  e(class e extends t {
   constructor(e) {
@@ -150,7 +150,7 @@ const n =  e(class e extends t {
     return this;
   }
   static get style() {
-    return o;
+    return checkgroupCss();
   }
 }, [ 321, "br-checkgroup", {
   label: [ 1 ],
@@ -173,14 +173,14 @@ function defineCustomElement$1() {
   e.forEach((e => {
     switch (e) {
      case "br-checkgroup":
-      if (!customElements.get(e)) {
-        customElements.define(e, n);
+      if (!customElements.get(i(e))) {
+        customElements.define(i(e), n);
       }
       break;
 
      case "br-checkbox":
-      if (!customElements.get(e)) {
-        i();
+      if (!customElements.get(i(e))) {
+        o();
       }
       break;
     }

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

@@ -1 +1 @@
-{"version":3,"names":["checkgroupCss","Checkgroup","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","labelSelecionado","labelDesselecionado","indeterminate","customId","checkgroupId","checked","isIndeterminate","numberOfChildren","handleAllCheckboxChange","checkListAll","Array","from","el","querySelectorAll","forEach","item","parentCheckbox","_a","shadowRoot","querySelector","componentWillLoad","hasAttribute","updateGroupState","componentDidLoad","setNumberOfChildren","monitorSlotChanges","getCssClassMap","handleChange","event","target","isParentCheckbox","allChecked","every","noneChecked","slotElement","checkboxList","assignedElements","filter","tagName","toLowerCase","checkboxFather","_b","length","addEventListener","render","h","Host","key","class","style","width","label","name","onCheckedChange","bind"],"sources":["../../packages/webcomponents/src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\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/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n *\n * @example\n * ```html\n * <br-checkgroup label=\"Opções\">\n *   <br-checkbox label=\"A\"></br-checkbox>\n *   <br-checkbox label=\"B\"></br-checkbox>\n * </br-checkgroup>\n * ```\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\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: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\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 = `br-checkgroup-${checkgroupId++}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  @State() numberOfChildren: number = 0\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  componentDidLoad() {\n    this.setNumberOfChildren()\n    this.monitorSlotChanges()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  private setNumberOfChildren() {\n    const slotElement = this.el.shadowRoot?.querySelector('slot')\n    const checkboxList = slotElement?.assignedElements().filter((el) => el.tagName.toLowerCase() === 'br-checkbox')\n\n    const checkboxFather = this.el.shadowRoot?.querySelector('br-checkbox')\n\n    if (checkboxList.length !== 0 && checkboxFather !== null) {\n      checkboxFather.setNumberOfChildren(checkboxList.length)\n    }\n  }\n\n  private monitorSlotChanges() {\n    const slotElement = this.el.shadowRoot?.querySelector('slot')\n\n    slotElement?.addEventListener('slotchange', () => {\n      this.setNumberOfChildren()\n    })\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n                is-father\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAgB;;MCuBTC,KAAUC,EAAA,MAAAD,UAAAE;EANvB,WAAAC,CAAAC;;;;;;;;;eAuB2BC,KAAgBC,mBAAW;;;eAK3BD,KAAmBE,sBAAW;;;;;eAO9BF,KAAaG,gBAAY;;;;eAMhBH,KAAAI,WAAmB,iBAAiBC;;;;;IAM7DL,KAAOM,UAAY;;;eAKnBN,KAAeO,kBAAY;IAE3BP,KAAgBQ,mBAAW;IAqCnBR,KAAuBS,0BAAG;;MACzC,MAAMC,IAAeC,MAAMC,KAAKZ,KAAKa,GAAGC,iBAAiB;MAEzDJ,EAAaK,SAASC;QACpBA,EAAKV,UAAUN,KAAKM;QACpBU,EAAKb,gBAAgB;AAAK;MAG5B,MAAMc,KAAiBC,IAAAlB,KAAKa,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;MACzD,IAAIH,MAAmB,MAAM;QAC3BA,EAAed,gBAAgB;;;AAiEpC;EA9GC,iBAAAkB;IACErB,KAAKO,kBAAkBP,KAAKa,GAAGS,aAAa;IAE5CtB,KAAKuB;;EAGP,gBAAAC;IACExB,KAAKyB;IACLzB,KAAK0B;;EAGC,cAAAC;IACN,OAAO;MACL,iBAAiB;;;EAOrB,YAAAC,CAAaC;IACX,MAAMC,IAASD,EAAMC;IAErB,IAAI9B,KAAK+B,iBAAiBD,IAAS;MACjC9B,KAAKM,WAAWN,KAAKM;MACrBN,KAAKS;WACA;MACLT,KAAKuB;;;EAID,gBAAAQ,CAAiBD;;IACvB,OAAOA,QAAWZ,IAAAlB,KAAKa,GAAGM,gBAAU,QAAAD,WAAA,aAAAA,EAAEE,cAAc;;EAiB9C,gBAAAG;IACN,MAAMb,IAAeC,MAAMC,KAAKZ,KAAKa,GAAGC,iBAAiB;IACzD,MAAMkB,IAAatB,EAAauB,OAAOjB,KAASA,EAAKV;IACrD,MAAM4B,IAAcxB,EAAauB,OAAOjB,MAAUA,EAAKV;IAEvD,IAAI0B,GAAY;MACdhC,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;WAClB,IAAI2B,GAAa;MACtBlC,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;WAClB;MACLP,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;;;EAInB,mBAAAkB;;IACN,MAAMU,KAAcjB,IAAAlB,KAAKa,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;IACtD,MAAMgB,IAAeD,MAAA,QAAAA,WAAA,aAAAA,EAAaE,mBAAmBC,QAAQzB,KAAOA,EAAG0B,QAAQC,kBAAkB;IAEjG,MAAMC,KAAiBC,IAAA1C,KAAKa,GAAGM,gBAAY,QAAAuB,WAAA,aAAAA,EAAAtB,cAAc;IAEzD,IAAIgB,EAAaO,WAAW,KAAKF,MAAmB,MAAM;MACxDA,EAAehB,oBAAoBW,EAAaO;;;EAI5C,kBAAAjB;;IACN,MAAMS,KAAcjB,IAAAlB,KAAKa,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;IAEtDe,MAAW,QAAXA,WAAW,aAAXA,EAAaS,iBAAiB,eAAc;MAC1C5C,KAAKyB;AAAqB;;EAI9B,MAAAoB;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAA;MAAAE,KAAA;MAAKC,OAAOjD,KAAK2B;MAAkBuB,OAAO;QAAEC,OAAO;;OAChDnD,KAAKoD,SAASN,EAAA;MAAAE,KAAA;OAAQhD,KAAKoD,QAC5BN,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA;MACEK,MAAM,cAAcrD,KAAKI;MACzBE,SAASN,KAAKM;MACdH,eAAeH,KAAKO;MACpB6C,OAAOpD,KAAKM,UAAUN,KAAKE,sBAAsBF,KAAKC;MAC1C,cAAAD,KAAKM,UAAUN,KAAKE,sBAAsBF,KAAKC;MAC3DqD,iBAAiBtD,KAAK4B,aAAa2B,KAAKvD;MAAK;UAKnD8C,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;;AAQZ,IAAI3C,IAAe","ignoreList":[]}
+{"version":3,"names":["checkgroupCss","Checkgroup","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","labelSelecionado","labelDesselecionado","indeterminate","customId","checkgroupId","checked","isIndeterminate","numberOfChildren","handleAllCheckboxChange","checkListAll","Array","from","el","querySelectorAll","forEach","item","parentCheckbox","_a","shadowRoot","querySelector","componentWillLoad","hasAttribute","updateGroupState","componentDidLoad","setNumberOfChildren","monitorSlotChanges","getCssClassMap","handleChange","event","target","isParentCheckbox","allChecked","every","noneChecked","slotElement","checkboxList","assignedElements","filter","tagName","toLowerCase","checkboxFather","_b","length","addEventListener","render","h","Host","key","class","style","width","label","name","onCheckedChange","bind"],"sources":["../../packages/webcomponents/src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } from '@stencil/core'\n\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/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n *\n * @example\n * ```html\n * <br-checkgroup label=\"Opções\">\n *   <br-checkbox label=\"A\"></br-checkbox>\n *   <br-checkbox label=\"B\"></br-checkbox>\n * </br-checkgroup>\n * ```\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\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: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\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 = `br-checkgroup-${checkgroupId++}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  @State() numberOfChildren: number = 0\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  componentDidLoad() {\n    this.setNumberOfChildren()\n    this.monitorSlotChanges()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  private setNumberOfChildren() {\n    const slotElement = this.el.shadowRoot?.querySelector('slot')\n    const checkboxList = slotElement?.assignedElements().filter((el) => el.tagName.toLowerCase() === 'br-checkbox')\n\n    const checkboxFather = this.el.shadowRoot?.querySelector('br-checkbox')\n\n    if (checkboxList.length !== 0 && checkboxFather !== null) {\n      checkboxFather.setNumberOfChildren(checkboxList.length)\n    }\n  }\n\n  private monitorSlotChanges() {\n    const slotElement = this.el.shadowRoot?.querySelector('slot')\n\n    slotElement?.addEventListener('slotchange', () => {\n      this.setNumberOfChildren()\n    })\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n                is-father\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"],"mappings":";;;;;;;;AAAA,MAAMA,gBAAgB,MAAM;;MCuBfC,KAAUC,EAAA,MAAAD,UAAAE;EANvB,WAAAC,CAAAC;;;;;;;;;eAuB2BC,KAAgBC,mBAAW;;;eAK3BD,KAAmBE,sBAAW;;;;;eAO9BF,KAAaG,gBAAY;;;;eAMhBH,KAAAI,WAAmB,iBAAiBC;;;;;IAM7DL,KAAOM,UAAY;;;eAKnBN,KAAeO,kBAAY;IAE3BP,KAAgBQ,mBAAW;IAqCnBR,KAAuBS,0BAAG;;MACzC,MAAMC,IAAeC,MAAMC,KAAKZ,KAAKa,GAAGC,iBAAiB;MAEzDJ,EAAaK,SAASC;QACpBA,EAAKV,UAAUN,KAAKM;QACpBU,EAAKb,gBAAgB;AAAK;MAG5B,MAAMc,KAAiBC,IAAAlB,KAAKa,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;MACzD,IAAIH,MAAmB,MAAM;QAC3BA,EAAed,gBAAgB;;;AAiEpC;EA9GC,iBAAAkB;IACErB,KAAKO,kBAAkBP,KAAKa,GAAGS,aAAa;IAE5CtB,KAAKuB;;EAGP,gBAAAC;IACExB,KAAKyB;IACLzB,KAAK0B;;EAGC,cAAAC;IACN,OAAO;MACL,iBAAiB;;;EAOrB,YAAAC,CAAaC;IACX,MAAMC,IAASD,EAAMC;IAErB,IAAI9B,KAAK+B,iBAAiBD,IAAS;MACjC9B,KAAKM,WAAWN,KAAKM;MACrBN,KAAKS;WACA;MACLT,KAAKuB;;;EAID,gBAAAQ,CAAiBD;;IACvB,OAAOA,QAAWZ,IAAAlB,KAAKa,GAAGM,gBAAU,QAAAD,WAAA,aAAAA,EAAEE,cAAc;;EAiB9C,gBAAAG;IACN,MAAMb,IAAeC,MAAMC,KAAKZ,KAAKa,GAAGC,iBAAiB;IACzD,MAAMkB,IAAatB,EAAauB,OAAOjB,KAASA,EAAKV;IACrD,MAAM4B,IAAcxB,EAAauB,OAAOjB,MAAUA,EAAKV;IAEvD,IAAI0B,GAAY;MACdhC,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;WAClB,IAAI2B,GAAa;MACtBlC,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;WAClB;MACLP,KAAKM,UAAU;MACfN,KAAKO,kBAAkB;;;EAInB,mBAAAkB;;IACN,MAAMU,KAAcjB,IAAAlB,KAAKa,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;IACtD,MAAMgB,IAAeD,MAAA,QAAAA,WAAA,aAAAA,EAAaE,mBAAmBC,QAAQzB,KAAOA,EAAG0B,QAAQC,kBAAkB;IAEjG,MAAMC,KAAiBC,IAAA1C,KAAKa,GAAGM,gBAAY,QAAAuB,WAAA,aAAAA,EAAAtB,cAAc;IAEzD,IAAIgB,EAAaO,WAAW,KAAKF,MAAmB,MAAM;MACxDA,EAAehB,oBAAoBW,EAAaO;;;EAI5C,kBAAAjB;;IACN,MAAMS,KAAcjB,IAAAlB,KAAKa,GAAGM,gBAAY,QAAAD,WAAA,aAAAA,EAAAE,cAAc;IAEtDe,MAAW,QAAXA,WAAW,aAAXA,EAAaS,iBAAiB,eAAc;MAC1C5C,KAAKyB;AAAqB;;EAI9B,MAAAoB;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAA;MAAAE,KAAA;MAAKC,OAAOjD,KAAK2B;MAAkBuB,OAAO;QAAEC,OAAO;;OAChDnD,KAAKoD,SAASN,EAAA;MAAAE,KAAA;OAAQhD,KAAKoD,QAC5BN,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA;MACEK,MAAM,cAAcrD,KAAKI;MACzBE,SAASN,KAAKM;MACdH,eAAeH,KAAKO;MACpB6C,OAAOpD,KAAKM,UAAUN,KAAKE,sBAAsBF,KAAKC;MAC1C,cAAAD,KAAKM,UAAUN,KAAKE,sBAAsBF,KAAKC;MAC3DqD,iBAAiBtD,KAAK4B,aAAa2B,KAAKvD;MAAK;UAKnD8C,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;;AAQZ,IAAI3C,IAAe","ignoreList":[]}

package/dist/components/br-collapse.js

@@ -2,12 +2,12 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { C as o, d as s } from "./p-BGvZWtkB.js";
+import { C as o, d as s } from "./p-Coy21EGa.js";
 
 const t = o;
 
-const p = s;
+const a = s;
 
-export { t as BrCollapse, p as defineCustomElement };
+export { t as BrCollapse, a as defineCustomElement };
 //# sourceMappingURL=br-collapse.js.map
 //# sourceMappingURL=br-collapse.js.map

package/dist/components/br-divider.js

@@ -2,7 +2,7 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { D as o, d as s } from "./p-BFSUtbLz.js";
+import { D as o, d as s } from "./p-MRCv9Vq6.js";
 
 const t = o;
 

package/dist/components/br-dropdown.js

@@ -2,7 +2,7 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { D as o, d as s } from "./p-CDqodOhC.js";
+import { D as o, d as s } from "./p-CwXw4TB_.js";
 
 const t = o;
 

package/dist/components/br-footer-category.js

@@ -2,21 +2,21 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as e, h as a, c as r } from "./p-DSkSDmzD.js";
+import { p as t, H as e, h as a, 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";
 
-import { d as o } from "./p-BGvZWtkB.js";
+import { d as n } from "./p-Coy21EGa.js";
 
-import { d as n } from "./p-BFSUtbLz.js";
+import { d as l } from "./p-MRCv9Vq6.js";
 
-import { d as l } from "./p-Ck56essO.js";
+import { d as s } from "./p-DPI-6oom.js";
 
-import { d as s } from "./p-DGjCsmhy.js";
+import { d as c } from "./p-foGc27n-.js";
 
-import { d as c } from "./p-0zSorzux.js";
+import { d as g } from "./p-_1olx8GR.js";
 
-const g = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block}@media (width >= 992px){.br-footer-category{padding-bottom:48px}}";
+const footerCategoryCss = () => `*,*::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:block}@media (width >= 992px){.br-footer-category{padding-bottom:48px}}`;
 
 const d =  t(class t extends e {
   constructor(t) {
@@ -28,7 +28,7 @@ const d =  t(class t extends e {
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = i.generateUniqueId();
+         */    this.customId = o.generateUniqueId();
     /**
          * Título da lista.
          * @default ''
@@ -119,7 +119,7 @@ const d =  t(class t extends e {
     return this;
   }
   static get style() {
-    return g;
+    return footerCategoryCss();
   }
 }, [ 257, "br-footer-category", {
   customId: [ 513, "custom-id" ],
@@ -136,38 +136,38 @@ function defineCustomElement$1() {
   t.forEach((t => {
     switch (t) {
      case "br-footer-category":
-      if (!customElements.get(t)) {
-        customElements.define(t, d);
+      if (!customElements.get(i(t))) {
+        customElements.define(i(t), d);
       }
       break;
 
      case "br-collapse":
-      if (!customElements.get(t)) {
-        o();
+      if (!customElements.get(i(t))) {
+        n();
       }
       break;
 
      case "br-divider":
-      if (!customElements.get(t)) {
-        n();
+      if (!customElements.get(i(t))) {
+        l();
       }
       break;
 
      case "br-icon":
-      if (!customElements.get(t)) {
-        l();
+      if (!customElements.get(i(t))) {
+        s();
       }
       break;
 
      case "br-item":
-      if (!customElements.get(t)) {
-        s();
+      if (!customElements.get(i(t))) {
+        c();
       }
       break;
 
      case "br-list":
-      if (!customElements.get(t)) {
-        c();
+      if (!customElements.get(i(t))) {
+        g();
       }
       break;
     }

package/dist/components/br-footer-category.js.map

@@ -1 +1 @@
-{"version":3,"names":["footerCategoryCss","FooterCategory","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","label","isDesktop","accordionGroup","handleMediaQueryChange","event","matches","setAccordionGroup","el","parentElement","getAttribute","getCssClassMap","getRootClassMap","col","setMedia","mediaQuery","window","matchMedia","addEventListener","componentWillLoad","disconnectedCallback","removeEventListener","render","h","Host","key","class","id","role","accordion","trim","slot"],"sources":["../../packages/webcomponents/src/components/footer/footer-category/footer-category.scss?tag=br-footer-category&encapsulation=shadow","../../packages/webcomponents/src/components/footer/footer-category/footer-category.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n@media (width >= 992px) {\n  .br-footer-category {\n    padding-bottom: 48px;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/**\n * O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.\n *\n * O `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.\n * Esses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).\n *\n * O componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.\n * Em telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.\n *\n * @slot default - Área destinada aos itens da categoria. Utilize o componente [`br-footer-item`](/docs/components/footer-item) para adicionar itens.\n *\n * @example\n * ```html\n * <br-footer>\n *   <br-footer-category label=\"Links úteis\">\n *     <br-footer-item href=\"/docs\">Documentação</br-footer-item>\n *   </br-footer-category>\n * </br-footer>\n * ```\n */\n@Component({\n  tag: 'br-footer-category',\n  styleUrl: 'footer-category.scss',\n  shadow: true,\n})\nexport class FooterCategory {\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: HTMLBrFooterCategoryElement\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   * Título da lista.\n   * @default ''\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   * Define se o componente é exibido em um layout de desktop ou não.\n   * @default false\n   */\n  @State() isDesktop: boolean = false\n\n  /**\n   * Define o nome do grupo de accordion.\n   */\n  @State() accordionGroup: string = null\n\n  /**\n   * Define o media query para o componente.\n   * O media query é usado para determinar se o componente deve ser exibido em um layout de desktop ou não.\n   */\n  private mediaQuery: MediaQueryList\n\n  /**\n   * Define um nome para o grupo de accordion.\n   * O nome do grupo é definido com base no atributo `custom-id` do elemento pai.\n   */\n  private setAccordionGroup() {\n    this.accordionGroup = `group-${this.el.parentElement.getAttribute('custom-id')}`\n  }\n\n  /**\n   * Método que retorna as classes CSS do componente.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-footer-category': true,\n    }\n  }\n\n  /**\n   * Método que retorna as classes baseadas no tamanho da tela.\n   */\n  private getRootClassMap(): CssClassMap {\n    return {\n      'col-2': this.isDesktop,\n      col: !this.isDesktop,\n    }\n  }\n\n  /**\n   * Define o media query para o componente.\n   * O media query é usado para determinar se o componente deve ser exibido em um layout de desktop ou não.\n   * O valor padrão é `(min-width: 992px)`, que corresponde a telas de desktop.\n   * O valor pode ser alterado para atender às necessidades específicas do projeto.\n   * @default '(min-width: 992px)'\n   */\n  private setMedia() {\n    this.mediaQuery = window.matchMedia('(min-width: 992px)')\n    this.isDesktop = this.mediaQuery.matches\n    this.mediaQuery.addEventListener('change', this.handleMediaQueryChange)\n  }\n\n  /**\n   * Método do ciclo de vida do componente, que é chamado uma vez após o componente começar a ser renderizado no DOM.\n   */\n  componentWillLoad() {\n    this.setMedia()\n    this.setAccordionGroup()\n  }\n\n  /**\n   * Método do ciclo de vida do componente, que é chamado quando o componente é removido do DOM.\n   */\n  disconnectedCallback() {\n    this.mediaQuery.removeEventListener('change', this.handleMediaQueryChange)\n  }\n\n  /**\n   * Trata a mudança de media query.\n   * @param event O evento de mudança de media query.\n   */\n  private handleMediaQueryChange = (event: MediaQueryListEvent) => {\n    this.isDesktop = event.matches\n  }\n\n  /**\n   * Renderiza o componente.\n   * @returns JSX do componente.\n   */\n  render() {\n    return (\n      <Host class={this.getRootClassMap()}>\n        <br-list\n          id={this.customId}\n          class={this.getCssClassMap()}\n          role=\"list\"\n          hide-header-divider={this.isDesktop ? true : null}\n          accordion={!this.isDesktop ? this.accordionGroup : null}\n        >\n          {this.label &&\n            this.label.trim() !== '' &&\n            (this.isDesktop ? (\n              <br-item>\n                <div class=\"content text-down-01 text-bold text-uppercase\">{this.label}</div>\n              </br-item>\n            ) : (\n              <div slot=\"header\" class=\"content text-down-01 text-bold text-uppercase\">\n                {this.label}\n              </div>\n            ))}\n          <slot></slot>\n          {!this.isDesktop && <br-divider></br-divider>}\n        </br-list>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAMA,IAAoB;;MC8BbC,KAAcC,EAAA,MAAAD,UAAAE;EAL3B,WAAAC,CAAAC;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;;;;eAMpCH,KAAKI,QAAW;;;;eAMhCJ,KAASK,YAAY;;;eAKrBL,KAAcM,iBAAW;;;;eAmE1BN,KAAAO,yBAA0BC;MAChCR,KAAKK,YAAYG,EAAMC;AAAO;AAkCjC;;;;SA1FS,iBAAAC;IACNV,KAAKM,iBAAiB,SAASN,KAAKW,GAAGC,cAAcC,aAAa;;;;SAM5D,cAAAC;IACN,OAAO;MACL,sBAAsB;;;;;SAOlB,eAAAC;IACN,OAAO;MACL,SAASf,KAAKK;MACdW,MAAMhB,KAAKK;;;;;;;;;SAWP,QAAAY;IACNjB,KAAKkB,aAAaC,OAAOC,WAAW;IACpCpB,KAAKK,YAAYL,KAAKkB,WAAWT;IACjCT,KAAKkB,WAAWG,iBAAiB,UAAUrB,KAAKO;;;;SAMlD,iBAAAe;IACEtB,KAAKiB;IACLjB,KAAKU;;;;SAMP,oBAAAa;IACEvB,KAAKkB,WAAWM,oBAAoB,UAAUxB,KAAKO;;;;;SAerD,MAAAkB;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;MAACC,OAAO7B,KAAKe;OAChBW,EACE;MAAAE,KAAA;MAAAE,IAAI9B,KAAKC;MACT4B,OAAO7B,KAAKc;MACZiB,MAAK;MAAM,uBACU/B,KAAKK,YAAY,OAAO;MAC7C2B,YAAYhC,KAAKK,YAAYL,KAAKM,iBAAiB;OAElDN,KAAKI,SACJJ,KAAKI,MAAM6B,WAAW,OACrBjC,KAAKK,YACJqB,EAAA,iBACEA,EAAA;MAAKG,OAAM;OAAiD7B,KAAKI,UAGnEsB,EAAK;MAAAQ,MAAK;MAASL,OAAM;OACtB7B,KAAKI,SAGZsB,EAAa;MAAAE,KAAA;SACX5B,KAAKK,aAAaqB,EAAA;MAAAE,KAAA","ignoreList":[]}
+{"version":3,"names":["footerCategoryCss","FooterCategory","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","label","isDesktop","accordionGroup","handleMediaQueryChange","event","matches","setAccordionGroup","el","parentElement","getAttribute","getCssClassMap","getRootClassMap","col","setMedia","mediaQuery","window","matchMedia","addEventListener","componentWillLoad","disconnectedCallback","removeEventListener","render","h","Host","key","class","id","role","accordion","trim","slot"],"sources":["../../packages/webcomponents/src/components/footer/footer-category/footer-category.scss?tag=br-footer-category&encapsulation=shadow","../../packages/webcomponents/src/components/footer/footer-category/footer-category.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n@media (width >= 992px) {\n  .br-footer-category {\n    padding-bottom: 48px;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/**\n * O subcomponente `br-footer-category` representa o mapa do site, de acordo com a documentação de design do GovBR.\n *\n * O `br-footer-category` deve ser utilizado com filho direto do componente [`br-footer`](/docs/components/footer) e possui um slot para os itens da categoria.\n * Esses itens são representados pelo componente [`br-footer-item`](/docs/components/footer-item).\n *\n * O componente `br-footer-category` é responsivo e se adapta a diferentes tamanhos de tela.\n * Em telas menores, ele se comporta como um accordion, enquanto em telas maiores, ele é exibido como uma lista.\n *\n * @slot default - Área destinada aos itens da categoria. Utilize o componente [`br-footer-item`](/docs/components/footer-item) para adicionar itens.\n *\n * @example\n * ```html\n * <br-footer>\n *   <br-footer-category label=\"Links úteis\">\n *     <br-footer-item href=\"/docs\">Documentação</br-footer-item>\n *   </br-footer-category>\n * </br-footer>\n * ```\n */\n@Component({\n  tag: 'br-footer-category',\n  styleUrl: 'footer-category.scss',\n  shadow: true,\n})\nexport class FooterCategory {\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: HTMLBrFooterCategoryElement\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   * Título da lista.\n   * @default ''\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   * Define se o componente é exibido em um layout de desktop ou não.\n   * @default false\n   */\n  @State() isDesktop: boolean = false\n\n  /**\n   * Define o nome do grupo de accordion.\n   */\n  @State() accordionGroup: string = null\n\n  /**\n   * Define o media query para o componente.\n   * O media query é usado para determinar se o componente deve ser exibido em um layout de desktop ou não.\n   */\n  private mediaQuery: MediaQueryList\n\n  /**\n   * Define um nome para o grupo de accordion.\n   * O nome do grupo é definido com base no atributo `custom-id` do elemento pai.\n   */\n  private setAccordionGroup() {\n    this.accordionGroup = `group-${this.el.parentElement.getAttribute('custom-id')}`\n  }\n\n  /**\n   * Método que retorna as classes CSS do componente.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-footer-category': true,\n    }\n  }\n\n  /**\n   * Método que retorna as classes baseadas no tamanho da tela.\n   */\n  private getRootClassMap(): CssClassMap {\n    return {\n      'col-2': this.isDesktop,\n      col: !this.isDesktop,\n    }\n  }\n\n  /**\n   * Define o media query para o componente.\n   * O media query é usado para determinar se o componente deve ser exibido em um layout de desktop ou não.\n   * O valor padrão é `(min-width: 992px)`, que corresponde a telas de desktop.\n   * O valor pode ser alterado para atender às necessidades específicas do projeto.\n   * @default '(min-width: 992px)'\n   */\n  private setMedia() {\n    this.mediaQuery = window.matchMedia('(min-width: 992px)')\n    this.isDesktop = this.mediaQuery.matches\n    this.mediaQuery.addEventListener('change', this.handleMediaQueryChange)\n  }\n\n  /**\n   * Método do ciclo de vida do componente, que é chamado uma vez após o componente começar a ser renderizado no DOM.\n   */\n  componentWillLoad() {\n    this.setMedia()\n    this.setAccordionGroup()\n  }\n\n  /**\n   * Método do ciclo de vida do componente, que é chamado quando o componente é removido do DOM.\n   */\n  disconnectedCallback() {\n    this.mediaQuery.removeEventListener('change', this.handleMediaQueryChange)\n  }\n\n  /**\n   * Trata a mudança de media query.\n   * @param event O evento de mudança de media query.\n   */\n  private handleMediaQueryChange = (event: MediaQueryListEvent) => {\n    this.isDesktop = event.matches\n  }\n\n  /**\n   * Renderiza o componente.\n   * @returns JSX do componente.\n   */\n  render() {\n    return (\n      <Host class={this.getRootClassMap()}>\n        <br-list\n          id={this.customId}\n          class={this.getCssClassMap()}\n          role=\"list\"\n          hide-header-divider={this.isDesktop ? true : null}\n          accordion={!this.isDesktop ? this.accordionGroup : null}\n        >\n          {this.label &&\n            this.label.trim() !== '' &&\n            (this.isDesktop ? (\n              <br-item>\n                <div class=\"content text-down-01 text-bold text-uppercase\">{this.label}</div>\n              </br-item>\n            ) : (\n              <div slot=\"header\" class=\"content text-down-01 text-bold text-uppercase\">\n                {this.label}\n              </div>\n            ))}\n          <slot></slot>\n          {!this.isDesktop && <br-divider></br-divider>}\n        </br-list>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,MAAMA,oBAAoB,MAAM;;MC8BnBC,KAAcC,EAAA,MAAAD,UAAAE;EAL3B,WAAAC,CAAAC;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;;;;eAMpCH,KAAKI,QAAW;;;;eAMhCJ,KAASK,YAAY;;;eAKrBL,KAAcM,iBAAW;;;;eAmE1BN,KAAAO,yBAA0BC;MAChCR,KAAKK,YAAYG,EAAMC;AAAO;AAkCjC;;;;SA1FS,iBAAAC;IACNV,KAAKM,iBAAiB,SAASN,KAAKW,GAAGC,cAAcC,aAAa;;;;SAM5D,cAAAC;IACN,OAAO;MACL,sBAAsB;;;;;SAOlB,eAAAC;IACN,OAAO;MACL,SAASf,KAAKK;MACdW,MAAMhB,KAAKK;;;;;;;;;SAWP,QAAAY;IACNjB,KAAKkB,aAAaC,OAAOC,WAAW;IACpCpB,KAAKK,YAAYL,KAAKkB,WAAWT;IACjCT,KAAKkB,WAAWG,iBAAiB,UAAUrB,KAAKO;;;;SAMlD,iBAAAe;IACEtB,KAAKiB;IACLjB,KAAKU;;;;SAMP,oBAAAa;IACEvB,KAAKkB,WAAWM,oBAAoB,UAAUxB,KAAKO;;;;;SAerD,MAAAkB;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;MAACC,OAAO7B,KAAKe;OAChBW,EACE;MAAAE,KAAA;MAAAE,IAAI9B,KAAKC;MACT4B,OAAO7B,KAAKc;MACZiB,MAAK;MAAM,uBACU/B,KAAKK,YAAY,OAAO;MAC7C2B,YAAYhC,KAAKK,YAAYL,KAAKM,iBAAiB;OAElDN,KAAKI,SACJJ,KAAKI,MAAM6B,WAAW,OACrBjC,KAAKK,YACJqB,EAAA,iBACEA,EAAA;MAAKG,OAAM;OAAiD7B,KAAKI,UAGnEsB,EAAK;MAAAQ,MAAK;MAASL,OAAM;OACtB7B,KAAKI,SAGZsB,EAAa;MAAAE,KAAA;SACX5B,KAAKK,aAAaqB,EAAA;MAAAE,KAAA","ignoreList":[]}

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

@@ -2,13 +2,13 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as e, h as a, c as r } from "./p-DSkSDmzD.js";
+import { p as t, H as e, h as a, 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";
 
-import { d as o } from "./p-DGjCsmhy.js";
+import { d as n } from "./p-foGc27n-.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)}:host{display:block}";
+const footerItemCss = () => `*,*::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:block}`;
 
 const l =  t(class t extends e {
   constructor(t) {
@@ -20,7 +20,7 @@ const l =  t(class t extends e {
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = i.generateUniqueId();
+         */    this.customId = o.generateUniqueId();
   }
   /**
      * Monta o objeto com as classes CSS do componente
@@ -50,7 +50,7 @@ const l =  t(class t extends e {
     return this;
   }
   static get style() {
-    return n;
+    return footerItemCss();
   }
 }, [ 257, "br-footer-item", {
   customId: [ 513, "custom-id" ],
@@ -65,14 +65,14 @@ function defineCustomElement$1() {
   t.forEach((t => {
     switch (t) {
      case "br-footer-item":
-      if (!customElements.get(t)) {
-        customElements.define(t, l);
+      if (!customElements.get(i(t))) {
+        customElements.define(i(t), l);
       }
       break;
 
      case "br-item":
-      if (!customElements.get(t)) {
-        o();
+      if (!customElements.get(i(t))) {
+        n();
       }
       break;
     }
@@ -81,8 +81,8 @@ function defineCustomElement$1() {
 
 const s = l;
 
-const g = defineCustomElement$1;
+const c = defineCustomElement$1;
 
-export { s as BrFooterItem, g as defineCustomElement };
+export { s as BrFooterItem, c as defineCustomElement };
 //# sourceMappingURL=br-footer-item.js.map
 //# sourceMappingURL=br-footer-item.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["footerItemCss","FooterItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","getCssClassMap","render","h","Host","key","id","href","role","class"],"sources":["../../packages/webcomponents/src/components/footer/footer-item/footer-item.scss?tag=br-footer-item&encapsulation=shadow","../../packages/webcomponents/src/components/footer/footer-item/footer-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/**\n * O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.\n * De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.\n * Portanto sob esse contexto, o `br-footer-item` representa uma página no site.\n *\n * O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).\n *\n * ## Uso em SPAs (Single Page Applications)\n *\n * Para Single Page Applications, recomenda-se usar o slot para passar o componente de roteamento específico do framework:\n *\n * ### React Router:\n * ```html\n * <br-footer-item>\n *   <Link to=\"/pagina\">Nome da Página</Link>\n * </br-footer-item>\n * ```\n *\n * ### Vue Router:\n * ```html\n * <br-footer-item>\n *   <router-link to=\"/pagina\">Nome da Página</router-link>\n * </br-footer-item>\n * ```\n *\n * ### Angular Router:\n * ```html\n * <br-footer-item>\n *   <a routerLink=\"/pagina\">Nome da Página</a>\n * </br-footer-item>\n * ```\n *\n * ### Next.js:\n * ```html\n * <br-footer-item>\n *   <Link href=\"/pagina\">Nome da Página</Link>\n * </br-footer-item>\n * ```\n *\n * **Nota:** Quando usar o slot para SPAs, não defina a propriedade `href` no componente, pois a navegação será controlada pelo framework de roteamento.\n *\n * @slot default - Área destinada ao conteúdo do item. Para SPAs, utilize este slot para inserir componentes de roteamento.\n */\n@Component({\n  tag: 'br-footer-item',\n  styleUrl: 'footer-item.scss',\n  shadow: true,\n})\nexport class FooterItem {\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: HTMLBrFooterItemElement\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   * URL ou caminho para o qual o usuário será direcionado ao clicar no item.\n   * Quando definido, o item será renderizado como um link.\n   * @example 'https://www.gov.br'\n   * @example '/home'\n   * @example '#section'\n   */\n  @Prop({ reflect: true }) readonly href?: string\n\n  /**\n   * Monta o objeto com as classes CSS do componente\n   * @returns Objeto com as classes CSS do componente\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-footer-item': true,\n    }\n  }\n\n  /**\n   * Renderiza o componente\n   * @returns JSX do componente\n   */\n  render() {\n    return (\n      <Host>\n        <br-item id={this.customId} href={this.href} role=\"listitem\" class={this.getCssClassMap()}>\n          <slot></slot>\n        </br-item>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAgB;;MCqDTC,KAAUC,EAAA,MAAAD,UAAAE;EALvB,WAAAC,CAAAC;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;AAkC9D;;;;SAnBS,cAAAC;IACN,OAAO;MACL,kBAAkB;;;;;;SAQtB,MAAAC;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAS;MAAAE,KAAA;MAAAC,IAAIT,KAAKC;MAAUS,MAAMV,KAAKU;MAAMC,MAAK;MAAWC,OAAOZ,KAAKI;OACvEE,EAAa;MAAAE,KAAA","ignoreList":[]}
+{"version":3,"names":["footerItemCss","FooterItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","getCssClassMap","render","h","Host","key","id","href","role","class"],"sources":["../../packages/webcomponents/src/components/footer/footer-item/footer-item.scss?tag=br-footer-item&encapsulation=shadow","../../packages/webcomponents/src/components/footer/footer-item/footer-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport Helpers from '../../../utils/helpers'\nimport { CssClassMap } from '../../../utils/interfaces'\n\n/**\n * O subcomponente `br-footer-item` deve ser utilizado juntamente com o subcomponente [`br-footer-category`](/docs/components/footer-category) para representar os itens dentro de uma categoria no rodapé.\n * De acordo com o a documentação de design do GovBR, esses dois subcomponentes formam o mapa do site.\n * Portanto sob esse contexto, o `br-footer-item` representa uma página no site.\n *\n * O `br-footer-item` deve ser utilizado como filho direto do componente [`br-footer-category`](/docs/components/footer-category).\n *\n * ## Uso em SPAs (Single Page Applications)\n *\n * Para Single Page Applications, recomenda-se usar o slot para passar o componente de roteamento específico do framework:\n *\n * ### React Router:\n * ```html\n * <br-footer-item>\n *   <Link to=\"/pagina\">Nome da Página</Link>\n * </br-footer-item>\n * ```\n *\n * ### Vue Router:\n * ```html\n * <br-footer-item>\n *   <router-link to=\"/pagina\">Nome da Página</router-link>\n * </br-footer-item>\n * ```\n *\n * ### Angular Router:\n * ```html\n * <br-footer-item>\n *   <a routerLink=\"/pagina\">Nome da Página</a>\n * </br-footer-item>\n * ```\n *\n * ### Next.js:\n * ```html\n * <br-footer-item>\n *   <Link href=\"/pagina\">Nome da Página</Link>\n * </br-footer-item>\n * ```\n *\n * **Nota:** Quando usar o slot para SPAs, não defina a propriedade `href` no componente, pois a navegação será controlada pelo framework de roteamento.\n *\n * @slot default - Área destinada ao conteúdo do item. Para SPAs, utilize este slot para inserir componentes de roteamento.\n */\n@Component({\n  tag: 'br-footer-item',\n  styleUrl: 'footer-item.scss',\n  shadow: true,\n})\nexport class FooterItem {\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: HTMLBrFooterItemElement\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   * URL ou caminho para o qual o usuário será direcionado ao clicar no item.\n   * Quando definido, o item será renderizado como um link.\n   * @example 'https://www.gov.br'\n   * @example '/home'\n   * @example '#section'\n   */\n  @Prop({ reflect: true }) readonly href?: string\n\n  /**\n   * Monta o objeto com as classes CSS do componente\n   * @returns Objeto com as classes CSS do componente\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-footer-item': true,\n    }\n  }\n\n  /**\n   * Renderiza o componente\n   * @returns JSX do componente\n   */\n  render() {\n    return (\n      <Host>\n        <br-item id={this.customId} href={this.href} role=\"listitem\" class={this.getCssClassMap()}>\n          <slot></slot>\n        </br-item>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,gBAAgB,MAAM;;MCqDfC,KAAUC,EAAA,MAAAD,UAAAE;EALvB,WAAAC,CAAAC;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC;AAkC9D;;;;SAnBS,cAAAC;IACN,OAAO;MACL,kBAAkB;;;;;;SAQtB,MAAAC;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAS;MAAAE,KAAA;MAAAC,IAAIT,KAAKC;MAAUS,MAAMV,KAAKU;MAAMC,MAAK;MAAWC,OAAOZ,KAAKI;OACvEE,EAAa;MAAAE,KAAA","ignoreList":[]}