@govbr-ds/webcomponents 2.0.0-next.61 → 2.0.0-next.63

package/dist/components/br-modal.js

@@ -2,53 +2,143 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as a, d as e, h as r, c as i } from "./p-DSkSDmzD.js";
+import { p as t, H as a, d as e, h as i, c as r } from "./p-DSkSDmzD.js";
 
-import { _ as o } from "./p-DIPMDb5E.js";
+import { H as o } from "./p-D4N4PPot.js";
 
-import { H as n } from "./p-D4N4PPot.js";
+import { d as n } from "./p-AOxMWARt.js";
 
-import { d as l } from "./p-AOxMWARt.js";
+import { d as l } from "./p-CBj_WCYf.js";
 
-import { d as s } from "./p-CBj_WCYf.js";
+const s = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-modal{--modal-size:var(--modal-medium);--modal-xsmall:220px;--modal-small:300px;--modal-medium:500px;--modal-large:640px;--modal-auto:auto;background:var(--background);-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:var(--modal-size);z-index:var(--z-index-layer-4)}.br-modal-header{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);padding:var(--spacing-scale-2x) var(--spacing-scale-2x) 0;position:relative}.br-modal-header .close{position:absolute;right:var(--spacing-scale-base);top:var(--spacing-scale-base)}.br-modal .modal-title{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);margin-right:40px;max-height:calc(var(--font-size-scale-up-01)*3);overflow:hidden;text-overflow:ellipsis}.br-modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:var(--spacing-scale-3x) 0 var(--spacing-scale-2x);overflow:auto;padding:0 var(--spacing-scale-2x);width:auto}.br-modal-body::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal-body::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal-body::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal-body:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal-body>*:last-child{margin-bottom:0}.br-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--spacing-scale-2x)}.br-modal.xsmall{--modal-size:var(--modal-xsmall)}.br-modal.small{--modal-size:var(--modal-small)}.br-modal.is-medium,.br-modal.medium{--modal-size:var(--modal-medium)}.br-modal.large{--modal-size:var(--modal-large)}.br-modal.auto{--modal-size:var(--modal-auto)}.br-modal .loading.medium{min-height:calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2)}@media (max-width: 991px){.br-modal-header .close{top:0}}.br-modal.scrollable{max-height:400px}.br-modal-footer.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}";
 
-const c = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-modal{--modal-size:var(--modal-medium);--modal-xsmall:220px;--modal-small:300px;--modal-medium:500px;--modal-large:640px;--modal-auto:auto;background:var(--background);-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:var(--modal-size);z-index:var(--z-index-layer-4)}.br-modal-header{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);padding:var(--spacing-scale-2x) var(--spacing-scale-2x) 0;position:relative}.br-modal-header .close{position:absolute;right:var(--spacing-scale-base);top:var(--spacing-scale-base)}.br-modal .modal-title{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);margin-right:40px;max-height:calc(var(--font-size-scale-up-01)*3);overflow:hidden;text-overflow:ellipsis}.br-modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:var(--spacing-scale-3x) 0 var(--spacing-scale-2x);overflow:auto;padding:0 var(--spacing-scale-2x);width:auto}.br-modal-body::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal-body::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal-body::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal-body:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal-body>*:last-child{margin-bottom:0}.br-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:var(--spacing-scale-2x)}.br-modal.xsmall{--modal-size:var(--modal-xsmall)}.br-modal.small{--modal-size:var(--modal-small)}.br-modal.is-medium,.br-modal.medium{--modal-size:var(--modal-medium)}.br-modal.large{--modal-size:var(--modal-large)}.br-modal.auto{--modal-size:var(--modal-auto)}.br-modal .loading.medium{min-height:calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2)}@media (max-width: 991px){.br-modal-header .close{top:0}}.br-modal.scrollable{max-height:400px}.br-modal-footer.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}";
-
-const d =  t(class t extends a {
+const c =  t(class t extends a {
   constructor(t) {
     super();
     if (t !== false) {
       this.__registerHost();
     }
     this.__attachShadow();
+    this.brModalOpen = e(this, "brModalOpen", 7);
     this.brModalClose = e(this, "brModalClose", 7);
+    this.brModalBeforeClose = e(this, "brModalBeforeClose", 7);
     this.elementInternals = this.attachInternals();
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = n.generateUniqueId("modal");
+         */    this.customId = o.generateUniqueId("modal");
     /** Controla a visibilidade do modal. */    this.show = false;
-    /** Se `true`, o modal se fechará automaticamente ao clicar no botão de fechar ou pressionar a tecla 'Escape'. */    this.autoClose = false;
+    /**
+         * Define o comportamento de fechamento do modal.
+         *
+         * - `true`: O modal fecha automaticamente ao clicar no botão fechar.
+         * - `false`: O modal emite `brModalBeforeClose` mas não fecha, permitindo a implementação de lógica customizada (validação, confirmação, etc.) antes do fechamento. O desenvolvedor deve
+         *   controlar manualmente o fechamento.
+         */    this.autoClose = false;
     /**
          * Define o tamanho (largura) do modal.
          */    this.size = "medium";
-    /** Se `true`, exibe um fundo escurecido (scrim) atrás do modal. */    this.scrim = false;
     /** Se `true`, habilita a rolagem interna do conteúdo do modal. */    this.scrollable = false;
     /**
          * Define o alinhamento do conteúdo do rodapé (slot="footer").
          */    this.alignFooter = "center";
+    this.isOpeningParentScrim = false;
+    /**
+         * Handler para evento brScrimOpen do parent scrim
+         * Quando scrim abre programaticamente, a modal deve abrir também
+         */    this.handleParentScrimOpen = () => {
+      const t = this.el.closest("br-scrim");
+      if (t === null) return;
+      if (!this.show) {
+        this.show = true;
+      }
+    };
+    /**
+         * Handler para evento brScrimClose do parent scrim
+         * Se autoClose=true, fecha a modal junto com o scrim
+         * Se autoClose=false, não faz nada (modal permanece aberta)
+         */    this.handleParentScrimClose = () => {
+      const t = this.el.closest("br-scrim");
+      if (t === null) return;
+      if (this.autoClose && this.show) {
+        this.show = false;
+      }
+    };
     this.handleClose = () => {
-      this.brModalClose.emit();
+      this.brModalBeforeClose.emit();
       if (this.autoClose) {
         this.show = false;
-        // Se o modal está dentro de um br-scrim, fecha o scrim também
-                const t = this.el.closest("br-scrim");
-        if (t) {
-          t.close();
-        }
       }
     };
   }
+  handleShowChange(t, a) {
+    if (t) {
+      this.brModalOpen.emit();
+      this.openParentScrim();
+    } else if (a === true) {
+      this.brModalClose.emit();
+      this.closeParentScrim();
+    }
+  }
+  closeParentScrim() {
+    const t = this.el.closest("br-scrim");
+    if (t && typeof t.close === "function") {
+      t.close();
+    }
+  }
+  componentWillLoad() {
+    if (!this.show) {
+      const t = this.el.closest("br-scrim");
+      if (t !== null && t.isOpen) {
+        this.show = true;
+      }
+    }
+  }
+  componentDidLoad() {
+    this.listenToParentScrimEvents();
+    if (this.show) {
+      this.openParentScrim();
+    }
+  }
+  disconnectedCallback() {
+    this.isOpeningParentScrim = false;
+    this.removeParentScrimEventListeners();
+  }
+  /**
+     * Adiciona listeners para eventos do parent scrim
+     */  listenToParentScrimEvents() {
+    const t = this.el.closest("br-scrim");
+    if (t !== null) {
+      t.addEventListener("brScrimOpen", this.handleParentScrimOpen);
+      t.addEventListener("brScrimClose", this.handleParentScrimClose);
+    }
+  }
+  /**
+     * Remove listeners de eventos do parent scrim
+     */  removeParentScrimEventListeners() {
+    const t = this.el.closest("br-scrim");
+    if (t !== null) {
+      t.removeEventListener("brScrimOpen", this.handleParentScrimOpen);
+      t.removeEventListener("brScrimClose", this.handleParentScrimClose);
+    }
+  }
+  openParentScrim() {
+    if (this.isOpeningParentScrim) return;
+    const t = this.el.closest("br-scrim");
+    if (t && !t.isOpen) {
+      this.isOpeningParentScrim = true;
+      Promise.resolve().then((() => {
+        try {
+          return t.open();
+        } catch (t) {
+          console.warn("br-modal: Erro ao abrir scrim pai:", t);
+          throw t;
+        }
+      })).finally((() => {
+        this.isOpeningParentScrim = false;
+      }));
+    }
+  }
   get titleId() {
     return `${this.customId}-title`;
   }
@@ -64,56 +154,51 @@ const d =  t(class t extends a {
   }
   /**
      * Método público para abrir o modal
-     */  open() {
-    return o(this, void 0, void 0, (function*() {
-      this.show = true;
-    }));
+     */  async open() {
+    this.show = true;
+    this.openParentScrim();
   }
   /**
      * Método público para fechar o modal
-     */  close() {
-    return o(this, void 0, void 0, (function*() {
-      this.show = false;
-      // Se o modal está dentro de um br-scrim, fecha o scrim também
-            const t = this.el.closest("br-scrim");
-      if (t) {
-        t.close();
-      }
-    }));
+     */  async close() {
+    if (!this.autoClose) {
+      return;
+    }
+    this.show = false;
   }
   render() {
     if (!this.show) {
       return null;
     }
-    return r(i, null, r("div", {
+    return i(r, null, i("div", {
       class: this.getCssClassMap(),
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": this.titleId,
       "aria-describedby": this.contentId
-    }, r("div", {
+    }, i("div", {
       class: "br-modal-header"
-    }, r("div", {
+    }, i("div", {
       class: "modal-title",
       id: this.titleId
-    }, r("slot", {
+    }, i("slot", {
       name: "header"
-    }, this.titleText)), r("slot", {
+    }, this.titleText)), i("slot", {
       name: "close-button"
-    }, r("br-button", {
+    }, i("br-button", {
       class: "close",
       shape: "circle",
       density: "small",
       "aria-label": "Fechar",
       onClick: this.handleClose
-    }, r("br-icon", {
+    }, i("br-icon", {
       "icon-name": "fa-solid:times"
-    })))), r("div", {
+    })))), i("div", {
       id: this.contentId,
       class: "br-modal-body"
-    }, r("slot", null)), r("div", {
-      class: `br-modal-footer ${this.alignFooter ? `justify-content-${this.alignFooter}` : ""}`
-    }, r("slot", {
+    }, i("slot", null)), i("div", {
+      class: `br-modal-footer ${this.alignFooter !== undefined ? `justify-content-${this.alignFooter}` : ""}`
+    }, i("slot", {
       name: "footer"
     }))));
   }
@@ -123,8 +208,13 @@ const d =  t(class t extends a {
   get el() {
     return this;
   }
+  static get watchers() {
+    return {
+      show: [ "handleShowChange" ]
+    };
+  }
   static get style() {
-    return c;
+    return s;
   }
 }, [ 321, "br-modal", {
   customId: [ 513, "custom-id" ],
@@ -133,11 +223,12 @@ const d =  t(class t extends a {
   autoClose: [ 516, "auto-close" ],
   initialFocusSelector: [ 1, "initial-focus-selector" ],
   size: [ 513 ],
-  scrim: [ 516 ],
   scrollable: [ 516 ],
   alignFooter: [ 513, "align-footer" ],
   open: [ 64 ],
   close: [ 64 ]
+}, undefined, {
+  show: [ "handleShowChange" ]
 } ]);
 
 function defineCustomElement$1() {
@@ -149,29 +240,29 @@ function defineCustomElement$1() {
     switch (t) {
      case "br-modal":
       if (!customElements.get(t)) {
-        customElements.define(t, d);
+        customElements.define(t, c);
       }
       break;
 
      case "br-button":
       if (!customElements.get(t)) {
-        l();
+        n();
       }
       break;
 
      case "br-icon":
       if (!customElements.get(t)) {
-        s();
+        l();
       }
       break;
     }
   }));
 }
 
-const g = d;
+const d = c;
 
-const m = defineCustomElement$1;
+const g = defineCustomElement$1;
 
-export { g as BrModal, m as defineCustomElement };
+export { d as BrModal, g as defineCustomElement };
 //# sourceMappingURL=br-modal.js.map
 //# sourceMappingURL=br-modal.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["modalCss","Modal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","show","autoClose","size","scrim","scrollable","alignFooter","handleClose","brModalClose","emit","parentScrim","el","closest","close","titleId","contentId","getCssClassMap","open","render","h","Host","class","role","id","name","titleText","shape","density","onClick"],"sources":["../../packages/webcomponents/src/components/modal/modal.scss?tag=br-modal&encapsulation=shadow","../../packages/webcomponents/src/components/modal/modal.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/modal/modal\";\n\n.br-modal.scrollable {\n  max-height: 400px;\n}\n\n.br-modal-footer.justify-content-end {\n  justify-content: flex-end;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/modal?tab=designer).\n *\n * @slot header - Cabeçalho do modal. Se não for usado, o `title-text` será exibido.\n * @slot default - Corpo do modal.\n * @slot footer - Rodapé do modal.\n * @slot close-button - Botão de fechar customizado. Se não for usado, o botão padrão será exibido.\n *\n */\n@Component({\n  tag: 'br-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Modal {\n  /** Referência ao elemento host do componente. */\n  @Element() el: HTMLBrModalElement\n\n  @AttachInternals() elementInternals: ElementInternals\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('modal')\n\n  /** O texto do título a ser exibido no cabeçalho do modal. Usado quando o slot `header` não é fornecido. */\n  @Prop() readonly titleText: string\n\n  /** Controla a visibilidade do modal. */\n  @Prop({ reflect: true, mutable: true }) show = false\n\n  /** Se `true`, o modal se fechará automaticamente ao clicar no botão de fechar ou pressionar a tecla 'Escape'. */\n  @Prop({ reflect: true }) autoClose = false\n\n  /** Seletor CSS para o elemento que deve receber foco quando o modal é aberto. */\n  @Prop() readonly initialFocusSelector: string\n\n  /**\n   * Define o tamanho (largura) do modal.\n   */\n  @Prop({ reflect: true }) readonly size: 'xsmall' | 'small' | 'medium' | 'large' | 'auto' = 'medium'\n\n  /** Se `true`, exibe um fundo escurecido (scrim) atrás do modal. */\n  @Prop({ reflect: true }) readonly scrim = false\n\n  /** Se `true`, habilita a rolagem interna do conteúdo do modal. */\n  @Prop({ reflect: true }) readonly scrollable = false\n\n  /**\n   * Define o alinhamento do conteúdo do rodapé (slot=\"footer\").\n   */\n  @Prop({ reflect: true }) readonly alignFooter: 'start' | 'end' | 'center' = 'center'\n\n  /** Evento emitido quando o modal solicita ser fechado (pelo botão 'x', tecla 'Escape' ou clique no scrim). */\n  @Event() brModalClose: EventEmitter<void>\n\n  private get titleId() {\n    return `${this.customId}-title`\n  }\n\n  private get contentId() {\n    return `${this.customId}-content`\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-modal': true,\n      [this.size]: true,\n      scrollable: this.scrollable,\n    }\n  }\n\n  private handleClose = () => {\n    this.brModalClose.emit()\n    if (this.autoClose) {\n      this.show = false\n\n      // Se o modal está dentro de um br-scrim, fecha o scrim também\n      const parentScrim = this.el.closest('br-scrim')\n      if (parentScrim) {\n        parentScrim.close()\n      }\n    }\n  }\n\n  /**\n   * Método público para abrir o modal\n   */\n  @Method()\n  async open() {\n    this.show = true\n  }\n\n  /**\n   * Método público para fechar o modal\n   */\n  @Method()\n  async close() {\n    this.show = false\n\n    // Se o modal está dentro de um br-scrim, fecha o scrim também\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim) {\n      parentScrim.close()\n    }\n  }\n\n  render() {\n    if (!this.show) {\n      return null\n    }\n\n    return (\n      <Host>\n        <div\n          class={this.getCssClassMap()}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={this.titleId}\n          aria-describedby={this.contentId}\n        >\n          <div class=\"br-modal-header\">\n            <div class=\"modal-title\" id={this.titleId}>\n              <slot name=\"header\">{this.titleText}</slot>\n            </div>\n            <slot name=\"close-button\">\n              <br-button class=\"close\" shape=\"circle\" density=\"small\" aria-label=\"Fechar\" onClick={this.handleClose}>\n                <br-icon icon-name=\"fa-solid:times\"></br-icon>\n              </br-button>\n            </slot>\n          </div>\n          <div id={this.contentId} class=\"br-modal-body\">\n            <slot></slot>\n          </div>\n          <div class={`br-modal-footer ${this.alignFooter ? `justify-content-${this.alignFooter}` : ''}`}>\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAMA,IAAW;;MCsBJC,KAAKC,EAAA,MAAAD,UAAAE;EANlB,WAAAC,CAAAC;;;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC,iBAAiB;gDAMtCH,KAAII,OAAG;yHAGtBJ,KAASK,YAAG;;;eAQHL,KAAIM,OAAqD;2EAGzDN,KAAKO,QAAG;0EAGRP,KAAUQ,aAAG;;;eAKbR,KAAWS,cAA+B;IAqBpET,KAAWU,cAAG;MACpBV,KAAKW,aAAaC;MAClB,IAAIZ,KAAKK,WAAW;QAClBL,KAAKI,OAAO;;gBAGZ,MAAMS,IAAcb,KAAKc,GAAGC,QAAQ;QACpC,IAAIF,GAAa;UACfA,EAAYG;;;;AA6DnB;EArFC,WAAYC;IACV,OAAO,GAAGjB,KAAKC;;EAGjB,aAAYiB;IACV,OAAO,GAAGlB,KAAKC;;EAGT,cAAAkB;IACN,OAAO;MACL,YAAY;MACZ,CAACnB,KAAKM,OAAO;MACbE,YAAYR,KAAKQ;;;;;SAqBf,IAAAY;;MACJpB,KAAKI,OAAO;AACd;;;;SAMM,KAAAY;;MACJhB,KAAKI,OAAO;;YAGZ,MAAMS,IAAcb,KAAKc,GAAGC,QAAQ;MACpC,IAAIF,GAAa;QACfA,EAAYG;;AAEhB;;EAEA,MAAAK;IACE,KAAKrB,KAAKI,MAAM;MACd,OAAO;;IAGT,OACEkB,EAACC,GAAI,MACHD,EAAA;MACEE,OAAOxB,KAAKmB;MACZM,MAAK;MACM;MAAM,mBACAzB,KAAKiB;MACJ,oBAAAjB,KAAKkB;OAEvBI,EAAK;MAAAE,OAAM;OACTF,EAAK;MAAAE,OAAM;MAAcE,IAAI1B,KAAKiB;OAChCK,EAAM;MAAAK,MAAK;OAAU3B,KAAK4B,aAE5BN,EAAM;MAAAK,MAAK;OACTL,EAAA;MAAWE,OAAM;MAAQK,OAAM;MAASC,SAAQ;MAAO,cAAY;MAASC,SAAS/B,KAAKU;OACxFY,EAAA;MAAA,aAAmB;WAIzBA,EAAK;MAAAI,IAAI1B,KAAKkB;MAAWM,OAAM;OAC7BF,EAAA,gBAEFA,EAAA;MAAKE,OAAO,mBAAmBxB,KAAKS,cAAc,mBAAmBT,KAAKS,gBAAgB;OACxFa,EAAM;MAAAK,MAAK","ignoreList":[]}
+{"version":3,"names":["modalCss","Modal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","show","autoClose","size","scrollable","alignFooter","isOpeningParentScrim","handleParentScrimOpen","parentScrim","el","closest","handleParentScrimClose","handleClose","brModalBeforeClose","emit","handleShowChange","newValue","oldValue","brModalOpen","openParentScrim","brModalClose","closeParentScrim","close","componentWillLoad","isOpen","componentDidLoad","listenToParentScrimEvents","disconnectedCallback","removeParentScrimEventListeners","addEventListener","removeEventListener","Promise","resolve","then","open","error","console","warn","finally","titleId","contentId","getCssClassMap","render","h","Host","class","role","id","name","titleText","shape","density","onClick","undefined"],"sources":["../../packages/webcomponents/src/components/modal/modal.scss?tag=br-modal&encapsulation=shadow","../../packages/webcomponents/src/components/modal/modal.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/modal/modal\";\n\n.br-modal.scrollable {\n  max-height: 400px;\n}\n\n.br-modal-footer.justify-content-end {\n  justify-content: flex-end;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/modal?tab=designer).\n *\n * @slot header - Cabeçalho do modal. Se não for usado, o `title-text` será exibido.\n * @slot default - Corpo do modal.\n * @slot footer - Rodapé do modal.\n * @slot close-button - Botão de fechar customizado. Se não for usado, o botão padrão será exibido.\n *\n */\n@Component({\n  tag: 'br-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Modal {\n  /** Referência ao elemento host do componente. */\n  @Element() el: HTMLBrModalElement\n\n  @AttachInternals() elementInternals: ElementInternals\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('modal')\n\n  /** O texto do título a ser exibido no cabeçalho do modal. Usado quando o slot `header` não é fornecido. */\n  @Prop() readonly titleText: string\n\n  /** Controla a visibilidade do modal. */\n  @Prop({ reflect: true, mutable: true }) show = false\n\n  /**\n   * Define o comportamento de fechamento do modal.\n   *\n   * - `true`: O modal fecha automaticamente ao clicar no botão fechar.\n   * - `false`: O modal emite `brModalBeforeClose` mas não fecha, permitindo a implementação de lógica customizada (validação, confirmação, etc.) antes do fechamento. O desenvolvedor deve\n   *   controlar manualmente o fechamento.\n   */\n  @Prop({ reflect: true }) autoClose = false\n\n  /** Seletor CSS para o elemento que deve receber foco quando o modal é aberto. */\n  @Prop() readonly initialFocusSelector: string\n\n  /**\n   * Define o tamanho (largura) do modal.\n   */\n  @Prop({ reflect: true }) readonly size: 'xsmall' | 'small' | 'medium' | 'large' | 'auto' = 'medium'\n\n  /** Se `true`, habilita a rolagem interna do conteúdo do modal. */\n  @Prop({ reflect: true }) readonly scrollable = false\n\n  /**\n   * Define o alinhamento do conteúdo do rodapé (slot=\"footer\").\n   */\n  @Prop({ reflect: true }) readonly alignFooter: 'start' | 'end' | 'center' = 'center'\n\n  private isOpeningParentScrim = false\n\n  /**\n   * Evento emitido quando o modal é aberto (quando `show` muda de `false` para `true`).\n   */\n  @Event() brModalOpen: EventEmitter<void>\n\n  /**\n   * Evento emitido após o modal ser fechado (quando `show` muda de `true` para `false`).\n   */\n  @Event() brModalClose: EventEmitter<void>\n\n  /**\n   * Evento emitido antes do fechamento do modal (quando o botão X é clicado).\n   * Se autoClose está desativado, o desenvolvedor deve fechar manualmente o modal após este evento.\n   * Se autoClose está ativado, o modal fecha automaticamente após este evento.\n   */\n  @Event() brModalBeforeClose: EventEmitter<void>\n\n  @Watch('show')\n  handleShowChange(newValue: boolean, oldValue: boolean) {\n    if (newValue) {\n      this.brModalOpen.emit()\n      this.openParentScrim()\n    } else if (oldValue === true) {\n      this.brModalClose.emit()\n      this.closeParentScrim()\n    }\n  }\n\n  private closeParentScrim() {\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim && typeof parentScrim.close === 'function') {\n      parentScrim.close()\n    }\n  }\n\n  componentWillLoad() {\n    if (!this.show) {\n      const parentScrim = this.el.closest('br-scrim')\n      if (parentScrim !== null && parentScrim.isOpen) {\n        this.show = true\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.listenToParentScrimEvents()\n\n    if (this.show) {\n      this.openParentScrim()\n    }\n  }\n\n  disconnectedCallback() {\n    this.isOpeningParentScrim = false\n    this.removeParentScrimEventListeners()\n  }\n\n  /**\n   * Adiciona listeners para eventos do parent scrim\n   */\n  private listenToParentScrimEvents() {\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim !== null) {\n      parentScrim.addEventListener('brScrimOpen', this.handleParentScrimOpen)\n      parentScrim.addEventListener('brScrimClose', this.handleParentScrimClose)\n    }\n  }\n\n  /**\n   * Remove listeners de eventos do parent scrim\n   */\n  private removeParentScrimEventListeners() {\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim !== null) {\n      parentScrim.removeEventListener('brScrimOpen', this.handleParentScrimOpen)\n      parentScrim.removeEventListener('brScrimClose', this.handleParentScrimClose)\n    }\n  }\n\n  /**\n   * Handler para evento brScrimOpen do parent scrim\n   * Quando scrim abre programaticamente, a modal deve abrir também\n   */\n  private handleParentScrimOpen = () => {\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim === null) return\n\n    if (!this.show) {\n      this.show = true\n    }\n  }\n\n  /**\n   * Handler para evento brScrimClose do parent scrim\n   * Se autoClose=true, fecha a modal junto com o scrim\n   * Se autoClose=false, não faz nada (modal permanece aberta)\n   */\n  private handleParentScrimClose = () => {\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim === null) return\n\n    if (this.autoClose && this.show) {\n      this.show = false\n    }\n  }\n\n  private openParentScrim() {\n    if (this.isOpeningParentScrim) return\n\n    const parentScrim = this.el.closest('br-scrim')\n    if (parentScrim && !parentScrim.isOpen) {\n      this.isOpeningParentScrim = true\n\n      Promise.resolve()\n        .then(() => {\n          try {\n            return parentScrim.open()\n          } catch (error) {\n            console.warn('br-modal: Erro ao abrir scrim pai:', error)\n            throw error\n          }\n        })\n        .finally(() => {\n          this.isOpeningParentScrim = false\n        })\n    }\n  }\n\n  private get titleId() {\n    return `${this.customId}-title`\n  }\n\n  private get contentId() {\n    return `${this.customId}-content`\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-modal': true,\n      [this.size]: true,\n      scrollable: this.scrollable,\n    }\n  }\n\n  private handleClose = () => {\n    this.brModalBeforeClose.emit()\n\n    if (this.autoClose) {\n      this.show = false\n    }\n  }\n\n  /**\n   * Método público para abrir o modal\n   */\n  @Method()\n  async open() {\n    this.show = true\n\n    this.openParentScrim()\n  }\n\n  /**\n   * Método público para fechar o modal\n   */\n  @Method()\n  async close() {\n    if (!this.autoClose) {\n      return\n    }\n\n    this.show = false\n  }\n\n  render() {\n    if (!this.show) {\n      return null\n    }\n\n    return (\n      <Host>\n        <div\n          class={this.getCssClassMap()}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={this.titleId}\n          aria-describedby={this.contentId}\n        >\n          <div class=\"br-modal-header\">\n            <div class=\"modal-title\" id={this.titleId}>\n              <slot name=\"header\">{this.titleText}</slot>\n            </div>\n            <slot name=\"close-button\">\n              <br-button class=\"close\" shape=\"circle\" density=\"small\" aria-label=\"Fechar\" onClick={this.handleClose}>\n                <br-icon icon-name=\"fa-solid:times\"></br-icon>\n              </br-button>\n            </slot>\n          </div>\n          <div id={this.contentId} class=\"br-modal-body\">\n            <slot></slot>\n          </div>\n          <div class={`br-modal-footer ${this.alignFooter !== undefined ? `justify-content-${this.alignFooter}` : ''}`}>\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,MAAMA,IAAW;;MCsBJC,KAAKC,EAAA,MAAAD,UAAAE;EANlB,WAAAC,CAAAC;;;;;;;;;;;;;eAgBoCC,KAAAC,WAAmBC,EAAQC,iBAAiB;gDAMtCH,KAAII,OAAG;;;;;;;eAStBJ,KAASK,YAAG;;;eAQHL,KAAIM,OAAqD;0EAGzDN,KAAUO,aAAG;;;eAKbP,KAAWQ,cAA+B;IAEpER,KAAoBS,uBAAG;;;;eAqFvBT,KAAqBU,wBAAG;MAC9B,MAAMC,IAAcX,KAAKY,GAAGC,QAAQ;MACpC,IAAIF,MAAgB,MAAM;MAE1B,KAAKX,KAAKI,MAAM;QACdJ,KAAKI,OAAO;;;;;;;eASRJ,KAAsBc,yBAAG;MAC/B,MAAMH,IAAcX,KAAKY,GAAGC,QAAQ;MACpC,IAAIF,MAAgB,MAAM;MAE1B,IAAIX,KAAKK,aAAaL,KAAKI,MAAM;QAC/BJ,KAAKI,OAAO;;;IA0CRJ,KAAWe,cAAG;MACpBf,KAAKgB,mBAAmBC;MAExB,IAAIjB,KAAKK,WAAW;QAClBL,KAAKI,OAAO;;;AA4DjB;EA9LC,gBAAAc,CAAiBC,GAAmBC;IAClC,IAAID,GAAU;MACZnB,KAAKqB,YAAYJ;MACjBjB,KAAKsB;WACA,IAAIF,MAAa,MAAM;MAC5BpB,KAAKuB,aAAaN;MAClBjB,KAAKwB;;;EAID,gBAAAA;IACN,MAAMb,IAAcX,KAAKY,GAAGC,QAAQ;IACpC,IAAIF,YAAsBA,EAAYc,UAAU,YAAY;MAC1Dd,EAAYc;;;EAIhB,iBAAAC;IACE,KAAK1B,KAAKI,MAAM;MACd,MAAMO,IAAcX,KAAKY,GAAGC,QAAQ;MACpC,IAAIF,MAAgB,QAAQA,EAAYgB,QAAQ;QAC9C3B,KAAKI,OAAO;;;;EAKlB,gBAAAwB;IACE5B,KAAK6B;IAEL,IAAI7B,KAAKI,MAAM;MACbJ,KAAKsB;;;EAIT,oBAAAQ;IACE9B,KAAKS,uBAAuB;IAC5BT,KAAK+B;;;;SAMC,yBAAAF;IACN,MAAMlB,IAAcX,KAAKY,GAAGC,QAAQ;IACpC,IAAIF,MAAgB,MAAM;MACxBA,EAAYqB,iBAAiB,eAAehC,KAAKU;MACjDC,EAAYqB,iBAAiB,gBAAgBhC,KAAKc;;;;;SAO9C,+BAAAiB;IACN,MAAMpB,IAAcX,KAAKY,GAAGC,QAAQ;IACpC,IAAIF,MAAgB,MAAM;MACxBA,EAAYsB,oBAAoB,eAAejC,KAAKU;MACpDC,EAAYsB,oBAAoB,gBAAgBjC,KAAKc;;;EA+BjD,eAAAQ;IACN,IAAItB,KAAKS,sBAAsB;IAE/B,MAAME,IAAcX,KAAKY,GAAGC,QAAQ;IACpC,IAAIF,MAAgBA,EAAYgB,QAAQ;MACtC3B,KAAKS,uBAAuB;MAE5ByB,QAAQC,UACLC,MAAK;QACJ;UACE,OAAOzB,EAAY0B;UACnB,OAAOC;UACPC,QAAQC,KAAK,sCAAsCF;UACnD,MAAMA;;UAGTG,SAAQ;QACPzC,KAAKS,uBAAuB;AAAK;;;EAKzC,WAAYiC;IACV,OAAO,GAAG1C,KAAKC;;EAGjB,aAAY0C;IACV,OAAO,GAAG3C,KAAKC;;EAGT,cAAA2C;IACN,OAAO;MACL,YAAY;MACZ,CAAC5C,KAAKM,OAAO;MACbC,YAAYP,KAAKO;;;;;SAgBrB,UAAM8B;IACJrC,KAAKI,OAAO;IAEZJ,KAAKsB;;;;SAOP,WAAMG;IACJ,KAAKzB,KAAKK,WAAW;MACnB;;IAGFL,KAAKI,OAAO;;EAGd,MAAAyC;IACE,KAAK7C,KAAKI,MAAM;MACd,OAAO;;IAGT,OACE0C,EAACC,GAAI,MACHD,EAAA;MACEE,OAAOhD,KAAK4C;MACZK,MAAK;MACM;MAAM,mBACAjD,KAAK0C;MACJ,oBAAA1C,KAAK2C;OAEvBG,EAAK;MAAAE,OAAM;OACTF,EAAK;MAAAE,OAAM;MAAcE,IAAIlD,KAAK0C;OAChCI,EAAM;MAAAK,MAAK;OAAUnD,KAAKoD,aAE5BN,EAAM;MAAAK,MAAK;OACTL,EAAA;MAAWE,OAAM;MAAQK,OAAM;MAASC,SAAQ;MAAO,cAAY;MAASC,SAASvD,KAAKe;OACxF+B,EAAA;MAAA,aAAmB;WAIzBA,EAAK;MAAAI,IAAIlD,KAAK2C;MAAWK,OAAM;OAC7BF,EAAA,gBAEFA,EAAK;MAAAE,OAAO,mBAAmBhD,KAAKQ,gBAAgBgD,YAAY,mBAAmBxD,KAAKQ,gBAAgB;OACtGsC,EAAM;MAAAK,MAAK","ignoreList":[]}

package/dist/components/br-pagination.js

@@ -8,23 +8,23 @@ import { H as o } from "./p-D4N4PPot.js";
 
 import { d as n } from "./p-AOxMWARt.js";
 
-import { d as s } from "./p-Cc75U9ZX.js";
+import { d as s } from "./p-B_YesJM8.js";
 
-import { d as l } from "./p-DzKEfDGA.js";
+import { d as l } from "./p-Bri6ECVa.js";
 
-import { d as c } from "./p-z1PVVVFI.js";
+import { d as c } from "./p-DW63EY0U.js";
 
 import { d as g } from "./p-CBj_WCYf.js";
 
 import { d } from "./p-5Bn_PU3B.js";
 
-import { d as p } from "./p-D0dPo1K5.js";
+import { d as p } from "./p-CwtLw60M.js";
 
-import { d as b } from "./p-OKkBxn1z.js";
+import { d as b } from "./p-lIb35q2K.js";
 
-import { d as h } from "./p-BZ8BetvD.js";
+import { d as h } from "./p-CJSXIVVe.js";
 
-import { d as m } from "./p-7kxAU6Gr.js";
+import { d as m } from "./p-DdjKNpU3.js";
 
 const u = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-pagination{--pagination-margin:var(--spacing-scale-base);--pagination-select-width:88px;--pagination-size:var(--pagination-medium);--pagination-small:24px;--pagination-medium:32px;--pagination-large:40px;color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.br-pagination ul{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.br-pagination li{padding:0}.br-pagination.dark-mode .page{color:var(--color-dark)}.br-pagination.dark-mode .br-select .br-item label{color:var(--color-dark)}.br-pagination .page: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)))}.br-pagination .page{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(0,0,0,0);border-radius:100em;color:var(--interactive);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 calc(var(--pagination-margin)*.5);min-height:var(--pagination-size);min-width:var(--pagination-size);padding:0 var(--spacing-scale-base);white-space:nowrap}.br-pagination .page.active{background:var(--active);color:var(--color-dark);font-weight:var(--font-weight-semi-bold)}.br-pagination .pagination-ellipsis{margin:0 calc(var(--pagination-margin)*.5);position:relative}.br-pagination .pagination-ellipsis .br-button{--button-size:var(--pagination-size)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-pagination .pagination-ellipsis .br-list{max-height:220px;min-width:4em;overflow-y:auto;z-index:var(--z-index-layer-1)}.br-pagination.small{--pagination-size:var(--pagination-small)}.br-pagination.medium{--pagination-size:var(--pagination-medium)}.br-pagination.large{--pagination-size:var(--pagination-large)}.br-pagination .pagination-information{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .pagination-per-page,.br-pagination .pagination-go-to-page{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .pagination-per-page .br-input,.br-pagination .pagination-go-to-page .br-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .pagination-per-page .br-input label,.br-pagination .pagination-go-to-page .br-input label{font-weight:var(--font-weight-regular);margin-bottom:0;margin-right:var(--spacing-scale-base);padding-bottom:0}.br-pagination .pagination-per-page .br-input input,.br-pagination .pagination-go-to-page .br-input input{--input-size:var(--pagination-medium);padding-left:var(--spacing-scale-base);padding-right:calc(var(--spacing-scale-baseh) + 32px);text-align:right;width:var(--pagination-select-width)}.br-pagination .pagination-per-page .br-input input:not(:focus),.br-pagination .pagination-go-to-page .br-input input:not(:focus){border-color:rgba(0,0,0,0)}.br-pagination .pagination-per-page .br-list,.br-pagination .pagination-go-to-page .br-list{min-width:5em;right:0;width:auto}.br-pagination .pagination-arrows{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .br-select .br-input .br-button{bottom:auto;margin-top:0;position:absolute;right:var(--spacing-scale-half);top:auto;-webkit-transform:none;transform:none}.br-pagination .br-divider{border-right-width:var(--divider-size);border-top:0}.br-pagination.inverted,.br-pagination.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-pagination.inverted.inverted .br-input,.br-pagination.inverted.inverted .br-input label,.br-pagination.inverted.dark-mode .br-input,.br-pagination.inverted.dark-mode .br-input label,.br-pagination.dark-mode.inverted .br-input,.br-pagination.dark-mode.inverted .br-input label,.br-pagination.dark-mode.dark-mode .br-input,.br-pagination.dark-mode.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-pagination.inverted .page.active,.br-pagination.dark-mode .page.active{--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}.br-pagination .input-group .input-icon{display:none}.br-divider,hr{--divider-size:var(--surface-width-sm);border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);display:block}.br-divider.content,hr.content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.br-divider.content::after,.br-divider.content::before,hr.content::after,hr.content::before{border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}.br-divider.content::after,hr.content::after{margin-left:var(--spacing-scale-base)}.br-divider.content::before,hr.content::before{margin-right:var(--spacing-scale-base)}.br-divider.vertical,hr.vertical{-ms-flex-item-align:stretch;align-self:stretch;border-right-width:var(--divider-size);border-top-width:0}.br-divider.vertical.content,hr.vertical.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.br-divider.vertical.content::after,.br-divider.vertical.content::before,hr.vertical.content::after,hr.vertical.content::before{border-right-width:var(--divider-size);border-top-width:0;margin:0}.br-divider.inverted,.br-divider.dark-mode,hr.inverted,hr.dark-mode{--border-color:var(--pure-0)}.br-divider.dashed,hr.dashed{border-style:dashed}.br-divider.sm,hr.sm{--divider-size:var(--surface-width-sm)}.br-divider.md,hr.md{--divider-size:var(--surface-width-md)}hr{--divider-padding:var(--spacing-scale-2x);margin:var(--divider-padding) 0}:host{display:block}:host .pagination-ellipsis br-list{max-height:none;overflow:visible}:host .pagination-ellipsis br-list.has-scroll{max-height:220px;overflow-y:auto}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-track{background:var(--gray-10)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .pagination-ellipsis br-list.has-scroll:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-pagination button.page:not(.active){background-color:rgba(0,0,0,0)}:host([variant=contextual]) .br-pagination{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}:host(:not([variant=contextual])) .br-pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}:host([variant=contextual]) .br-pagination ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}:host([color-mode=dark]) br-select{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host([color-mode=dark]) br-select::part(label){color:var(--color-dark)}:host([color-mode=dark]) .br-pagination a.page:not(.active),:host([color-mode=dark]) .br-pagination button.page:not(.active){color:var(--color);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.br-pagination.dark-mode .br-select .br-item label,.br-pagination.dark-mode .page{color:var(--color-dark);background-color:rgba(0,0,0,0)}:host([color-mode=dark]) .br-pagination a.page:not(.active):hover,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus-visible,:host([color-mode=dark]) .br-pagination button.page:not(.active):hover,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus-visible{color:var(--interactive)}.br-pagination .page:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.pagination-ellipsis br-button::part(button){--button-size:var(--pagination-size)}.pagination-ellipsis br-button:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);border-radius:50%}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}:host([color-mode=dark]) br-select::part(radio-label){color:var(--color-dark)}';
 

package/dist/components/br-radio.js

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