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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (691) hide show

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

@@ -2,26 +2,27 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as a, d as e, h as i, c as r } from "./p-DSkSDmzD.js";
+import { p as t, H as e, c as a, h as i, d as r } from "./p-DozXPp1d.js";
 import { H as o } from "./p-D4N4PPot.js";
-import { d as n } from "./p-AOxMWARt.js";
+import { d as n } from "./p-DzfbHHTf.js";
-import { d as l } from "./p-CBj_WCYf.js";
+import { d as l } from "./p-JsxUUux9.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 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,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-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:focus{outline:none}.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 =  t(class t extends a {
+const c =  t(class t extends e {
   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.brModalOpen = a(this, "brModalOpen", 7);
+    this.brModalClose = a(this, "brModalClose", 7);
+    this.brModalBeforeClose = a(this, "brModalBeforeClose", 7);
+    this.brModalOpened = a(this, "brModalOpened", 7);
     this.elementInternals = this.attachInternals();
     /**
          * Identificador único.
@@ -38,11 +39,34 @@ const c =  t(class t extends a {
     /**
          * Define o tamanho (largura) do modal.
          */    this.size = "medium";
-    /** Se `true`, habilita a rolagem interna do conteúdo do modal. */    this.scrollable = 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;
+    this.triggerElement = null;
+    this.pendingFocus = false;
+    /**
+         * TECLADO
+         *
+         * Manipuladores e utilitários relacionados à interação por teclado,
+         * incluindo tratamento de `Escape` para fechar o modal e navegação por
+         * `Tab`/`Shift+Tab` para manter o foco preso (focus trap) dentro do modal.
+         */    this.handleKeyDown = t => {
+      if (!this.show) return;
+      if (t.key === "Escape") {
+        t.preventDefault();
+        t.stopPropagation();
+        this.brModalBeforeClose.emit();
+        this.show = false;
+        return;
+      }
+      if (t.key === "Tab") {
+        this.handleTabNavigation(t);
+      }
+    };
     /**
          * Handler para evento brScrimOpen do parent scrim
          * Quando scrim abre programaticamente, a modal deve abrir também
@@ -71,19 +95,18 @@ const c =  t(class t extends a {
       }
     };
   }
-  handleShowChange(t, a) {
+  handleShowChange(t, e) {
+    var a;
     if (t) {
+      this.triggerElement = document.activeElement;
       this.brModalOpen.emit();
       this.openParentScrim();
-    } else if (a === true) {
+      requestAnimationFrame((() => this.moveFocusIntoModal()));
+    } else if (e === true) {
       this.brModalClose.emit();
       this.closeParentScrim();
-    }
-  }
-  closeParentScrim() {
-    const t = this.el.closest("br-scrim");
-    if (t && typeof t.close === "function") {
-      t.close();
+      (a = this.triggerElement) === null || a === void 0 ? void 0 : a.focus();
+      this.triggerElement = null;
     }
   }
   componentWillLoad() {
@@ -98,11 +121,187 @@ const c =  t(class t extends a {
     this.listenToParentScrimEvents();
     if (this.show) {
       this.openParentScrim();
+      requestAnimationFrame((() => this.moveFocusIntoModal()));
     }
+    document.addEventListener("keydown", this.handleKeyDown, true);
   }
   disconnectedCallback() {
     this.isOpeningParentScrim = false;
     this.removeParentScrimEventListeners();
+    document.removeEventListener("keydown", this.handleKeyDown, true);
+  }
+  componentDidRender() {
+    if (this.pendingFocus && this.show) {
+      this.pendingFocus = false;
+      this.moveFocusIntoModal();
+    }
+  }
+  /**
+     * GERENCIAMENTO DE FOCO
+     *
+     * Métodos responsáveis por mover o foco para dentro do modal, estabilizar o
+     * foco em elementos iniciais e localizar elementos nativos focáveis dentro
+     * de web components que utilizam Shadow DOM.
+     */  async moveFocusIntoModal() {
+    var t;
+    await new Promise((t => requestAnimationFrame((() => t()))));
+    if (!this.show) return;
+    const e = this.el.shadowRoot;
+    if (e === null) return;
+    const a = e.querySelector(".br-modal");
+    if (a !== null) {
+      a.focus();
+      a.scrollIntoView({
+        behavior: "smooth",
+        block: "start"
+      });
+    }
+    if (typeof this.initialFocusSelector === "string" && this.initialFocusSelector !== "") {
+      const e = await this.waitForElement(this.initialFocusSelector);
+      if (e !== null) {
+        const a = (t = this.findDeepNativeFocusable(e)) !== null && t !== void 0 ? t : e;
+        a.focus();
+        e.scrollIntoView({
+          behavior: "smooth",
+          block: "start"
+        });
+      }
+    }
+    this.brModalOpened.emit();
+  }
+  /**
+     * Encontra recursivamente o primeiro elemento nativo focusável dentro de um elemento,
+     * perfurando shadow roots aninhados em qualquer profundidade (ex: br-select → br-input → <input>).
+     *
+     * @returns O elemento nativo encontrado, ou null se nenhum for encontrado.
+     */  findDeepNativeFocusable(t) {
+    const e = t.shadowRoot;
+    if (e === null) return null;
+    // Busca direta no shadow imediato, por ordem de prioridade
+        const a = [ "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])", "button:not([disabled])", "a[href]" ];
+    for (const t of a) {
+      const a = e.querySelector(t);
+      if (a !== null) return a;
+    }
+    // Nenhum nativo direto — procurar em custom elements filhos que também tenham shadow
+    // (ex: br-select.shadow → br-input → br-input.shadow → <input>)
+        const i = Array.from(e.querySelectorAll("*")).filter((t => t.tagName.includes("-") && t.shadowRoot !== null));
+    for (const t of i) {
+      const e = this.findDeepNativeFocusable(t);
+      if (e !== null) return e;
+    }
+    return null;
+  }
+  /**
+     * Aguarda o elemento aparecer no DOM e estar pronto para receber foco.
+     * Tenta por até 10 vezes com intervalos de 50ms (500ms total).
+     */  waitForElement(t, e = 10, a = 50) {
+    return new Promise((i => {
+      const attempt = e => {
+        const r = document.querySelector(t);
+        if (r !== null) {
+          // Se for custom element, aguarda upgrade antes de resolver
+          const t = r.tagName.toLowerCase();
+          if (t.includes("-")) {
+            customElements.whenDefined(t).then((() => i(r)));
+          } else {
+            i(r);
+          }
+          return;
+        }
+        if (e <= 0) {
+          i(null);
+          return;
+        }
+        setTimeout((() => attempt(e - 1)), a);
+      };
+      attempt(e);
+    }));
+  }
+  /**
+     * Implementa o focus trap circular dentro da modal.
+     * Quando Tab é pressionado no último elemento focalizável, o foco vai para o primeiro.
+     * Quando Shift+Tab é pressionado no primeiro, o foco vai para o último.
+     *
+     * Usa `composedPath()[0]` para obter o elemento real com foco, pois web components
+     * com shadow DOM retornam o host via `document.activeElement`, não o elemento nativo interno.
+     *
+     * Usa `findDeepNativeFocusable` no wrap porque `host.focus()` é no-op em web components
+     * sem `delegatesFocus` — focar o elemento nativo mais profundo garante que o wrap aconteça.
+     */  handleTabNavigation(t) {
+    var e, a, i, r;
+    const o = this.getFocusableElements();
+    if (o.length === 0) {
+      t.preventDefault();
+      return;
+    }
+    const n = o[0];
+    const l = o[o.length - 1];
+    const s = (a = (e = t.composedPath) === null || e === void 0 ? void 0 : e.call(t)[0]) !== null && a !== void 0 ? a : document.activeElement;
+    const c = (i = this.findDeepNativeFocusable(n)) !== null && i !== void 0 ? i : n;
+    const d = (r = this.findDeepNativeFocusable(l)) !== null && r !== void 0 ? r : l;
+    if (!t.shiftKey && this.isOrInsideElement(s, l)) {
+      t.preventDefault();
+      c.focus();
+    } else if (t.shiftKey && this.isOrInsideElement(s, n)) {
+      t.preventDefault();
+      d.focus();
+    }
+  }
+  /**
+     * Verifica se `target` é igual a `container` ou está dentro dele,
+     * perfurando shadow roots na subida (getRootNode().host).
+     */  isOrInsideElement(t, e) {
+    if (t === e) return true;
+    let a = t;
+    while (a !== null && a !== document) {
+      if (a === e) return true;
+      const t = a.getRootNode();
+      if (t instanceof ShadowRoot) {
+        a = t.host;
+      } else {
+        a = a.parentElement;
+        if (a === null) break;
+      }
+    }
+    return false;
+  }
+  /**
+     * Coleta todos os elementos focalizáveis dentro da modal,
+     * perfurando o shadow DOM: inclui elementos do shadow root (ex: botão fechar)
+     * e dos slots (conteúdo fornecido pelo usuário nos slots header, default, footer e close-button).
+     */  getFocusableElements() {
+    const a = this.el.shadowRoot;
+    if (a === null) return [];
+    const i = t.FOCUSABLE_SELECTORS;
+    const r = [];
+    // Elementos focalizáveis diretamente no shadow root (ex: br-button.close)
+        a.querySelectorAll(i).forEach((t => r.push(t)));
+    // Elementos dos slots (conteúdo do usuário)
+        a.querySelectorAll("slot").forEach((t => {
+      t.assignedElements({
+        flatten: true
+      }).forEach((t => {
+        if (!(t instanceof e)) return;
+        if (t.matches(i)) r.push(t);
+        t.querySelectorAll(i).forEach((t => r.push(t)));
+      }));
+    }));
+    // Remove referências duplicadas e filtra elementos não visíveis.
+    // Retorna apenas elementos realmente focáveis e perceptíveis ao usuário.
+        return Array.from(new Set(r)).filter((t => t.offsetWidth > 0 && t.offsetHeight > 0 && getComputedStyle(t).visibility !== "hidden"));
+  }
+  /**
+     * INTEGRAÇÃO COM BR-SCRIM
+     *
+     * Métodos para integrar o comportamento do modal com um `br-scrim` pai,
+     * incluindo abertura/fechamento sincronizados e listeners para eventos do
+     * scrim.
+     */  closeParentScrim() {
+    const t = this.el.closest("br-scrim");
+    if (t && typeof t.close === "function") {
+      t.close();
+    }
   }
   /**
      * Adiciona listeners para eventos do parent scrim
@@ -139,7 +338,12 @@ const c =  t(class t extends a {
       }));
     }
   }
-  get titleId() {
+  /**
+     * UTILITÁRIOS
+     *
+     * Getters e helpers utilitários usados internamente pelo componente,
+     * como geração de IDs e mapeamento de classes CSS.
+     */  get titleId() {
     return `${this.customId}-title`;
   }
   get contentId() {
@@ -152,6 +356,11 @@ const c =  t(class t extends a {
       scrollable: this.scrollable
     };
   }
+  /**
+     * MÉTODOS PÚBLICOS (API)
+     *
+     * Métodos públicos expostos pela API do componente (`open`, `close`, etc.).
+     */
   /**
      * Método público para abrir o modal
      */  async open() {
@@ -161,9 +370,6 @@ const c =  t(class t extends a {
   /**
      * Método público para fechar o modal
      */  async close() {
-    if (!this.autoClose) {
-      return;
-    }
     this.show = false;
   }
   render() {
@@ -173,6 +379,7 @@ const c =  t(class t extends a {
     return i(r, null, i("div", {
       class: this.getCssClassMap(),
       role: "dialog",
+      tabIndex: -1,
       "aria-modal": "true",
       "aria-labelledby": this.titleId,
       "aria-describedby": this.contentId
@@ -231,6 +438,8 @@ const c =  t(class t extends a {
   show: [ "handleShowChange" ]
 } ]);
+c.FOCUSABLE_SELECTORS = [ "a[href]:not([disabled])", "button:not([disabled])", 'br-button:not([disabled]):not([tabindex="-1"])', "input:not([disabled])", 'br-input:not([disabled]):not([tabindex="-1"])', "select:not([disabled])", 'br-select:not([disabled]):not([tabindex="-1"])', "textarea:not([disabled])", 'br-textarea:not([disabled]):not([tabindex="-1"])', '[tabindex]:not([tabindex="-1"])' ].join(",");
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

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

	@@ -1 +1 @@
1	- {"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":"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","ignoreList":[]}
1	+ {"version":3,"names":["modalCss","Modal","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","show","autoClose","size","scrollable","alignFooter","isOpeningParentScrim","triggerElement","pendingFocus","handleKeyDown","event","key","preventDefault","stopPropagation","brModalBeforeClose","emit","handleTabNavigation","handleParentScrimOpen","parentScrim","el","closest","handleParentScrimClose","handleClose","handleShowChange","newValue","oldValue","document","activeElement","brModalOpen","openParentScrim","requestAnimationFrame","moveFocusIntoModal","brModalClose","closeParentScrim","_a","focus","componentWillLoad","isOpen","componentDidLoad","listenToParentScrimEvents","addEventListener","disconnectedCallback","removeParentScrimEventListeners","removeEventListener","componentDidRender","Promise","resolve","root","shadowRoot","modal","querySelector","scrollIntoView","behavior","block","initialFocusSelector","target","waitForElement","focusTarget","findDeepNativeFocusable","brModalOpened","prioritySelectors","sel","found","customChildren","Array","from","querySelectorAll","filter","child","tagName","includes","inner","selector","retries","interval","attempt","remaining","tag","toLowerCase","customElements","whenDefined","then","setTimeout","focusable","getFocusableElements","length","first","last","activeEl","_b","composedPath","call","firstTarget","_c","lastTarget","_d","shiftKey","isOrInsideElement","container","node","getRootNode","ShadowRoot","host","parentElement","FOCUSABLE_SELECTORS","elements","forEach","push","slot","assignedElements","flatten","assigned","matches","Set","offsetWidth","offsetHeight","getComputedStyle","visibility","close","open","error","console","warn","finally","titleId","contentId","getCssClassMap","render","h","Host","class","role","tabIndex","id","name","titleText","shape","density","onClick","undefined","join"],"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:focus {\n outline: none;\n}\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 /\n Seletor CSS do elemento que deve receber foco quando o modal é aberto (ex: `\"#meu-elemento\"`).\n /\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 /\n Se `true`, habilita a rolagem interna do conteúdo do modal.\n /\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 private triggerElement: HTMLElement \| null = null\n private pendingFocus = false\n\n private static readonly FOCUSABLE_SELECTORS = [\n 'a[href]:not([disabled])',\n 'button:not([disabled])',\n 'br-button:not([disabled]):not([tabindex=\"-1\"])',\n 'input:not([disabled])',\n 'br-input:not([disabled]):not([tabindex=\"-1\"])',\n 'select:not([disabled])',\n 'br-select:not([disabled]):not([tabindex=\"-1\"])',\n 'textarea:not([disabled])',\n 'br-textarea:not([disabled]):not([tabindex=\"-1\"])',\n '[tabindex]:not([tabindex=\"-1\"])',\n ].join(',')\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 /\n Evento emitido após o modal estar completamente aberto e com o foco estabilizado\n * dentro dele. Complementa `brModalOpen` (que dispara imediatamente ao abrir):\n * use `brModalOpened` quando precisar interagir com o modal já pronto.\n /\n @Event({ bubbles: true, composed: true }) brModalOpened: EventEmitter<void>\n\n @Watch('show')\n handleShowChange(newValue: boolean, oldValue: boolean) {\n if (newValue) {\n this.triggerElement = document.activeElement as HTMLElement\n this.brModalOpen.emit()\n this.openParentScrim()\n requestAnimationFrame(() => this.moveFocusIntoModal())\n } else if (oldValue === true) {\n this.brModalClose.emit()\n this.closeParentScrim()\n this.triggerElement?.focus()\n this.triggerElement = null\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 requestAnimationFrame(() => this.moveFocusIntoModal())\n }\n document.addEventListener('keydown', this.handleKeyDown, true)\n }\n\n disconnectedCallback() {\n this.isOpeningParentScrim = false\n this.removeParentScrimEventListeners()\n document.removeEventListener('keydown', this.handleKeyDown, true)\n }\n\n componentDidRender() {\n if (this.pendingFocus && this.show) {\n this.pendingFocus = false\n this.moveFocusIntoModal()\n }\n }\n\n /\n GERENCIAMENTO DE FOCO\n \n Métodos responsáveis por mover o foco para dentro do modal, estabilizar o\n * foco em elementos iniciais e localizar elementos nativos focáveis dentro\n * de web components que utilizam Shadow DOM.\n /\n\n private async moveFocusIntoModal() {\n await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()))\n\n if (!this.show) return\n\n const root = this.el.shadowRoot\n if (root === null) return\n\n const modal = root.querySelector<HTMLElement>('.br-modal')\n if (modal !== null) {\n modal.focus()\n modal.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n\n if (typeof this.initialFocusSelector === 'string' && this.initialFocusSelector !== '') {\n const target = await this.waitForElement(this.initialFocusSelector)\n\n if (target !== null) {\n const focusTarget = this.findDeepNativeFocusable(target) ?? target\n focusTarget.focus()\n target.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n\n this.brModalOpened.emit()\n }\n\n /\n Encontra recursivamente o primeiro elemento nativo focusável dentro de um elemento,\n * perfurando shadow roots aninhados em qualquer profundidade (ex: br-select → br-input → <input>).\n \n @returns O elemento nativo encontrado, ou null se nenhum for encontrado.\n /\n private findDeepNativeFocusable(el: HTMLElement): HTMLElement \| null {\n const root = el.shadowRoot\n if (root === null) return null\n\n // Busca direta no shadow imediato, por ordem de prioridade\n const prioritySelectors = [\n 'input:not([disabled])',\n 'select:not([disabled])',\n 'textarea:not([disabled])',\n 'button:not([disabled])',\n 'a[href]',\n ]\n for (const sel of prioritySelectors) {\n const found = root.querySelector<HTMLElement>(sel)\n if (found !== null) return found\n }\n\n // Nenhum nativo direto — procurar em custom elements filhos que também tenham shadow\n // (ex: br-select.shadow → br-input → br-input.shadow → <input>)\n const customChildren = Array.from(root.querySelectorAll<HTMLElement>('')).filter(\n (child) => child.tagName.includes('-') && child.shadowRoot !== null\n )\n for (const child of customChildren) {\n const inner = this.findDeepNativeFocusable(child)\n if (inner !== null) return inner\n }\n\n return null\n }\n\n /*\n Aguarda o elemento aparecer no DOM e estar pronto para receber foco.\n * Tenta por até 10 vezes com intervalos de 50ms (500ms total).\n /\n private waitForElement(selector: string, retries = 10, interval = 50): Promise<HTMLElement \| null> {\n return new Promise((resolve) => {\n const attempt = (remaining: number) => {\n const el = document.querySelector<HTMLElement>(selector)\n\n if (el !== null) {\n // Se for custom element, aguarda upgrade antes de resolver\n const tag = el.tagName.toLowerCase()\n if (tag.includes('-')) {\n customElements.whenDefined(tag).then(() => resolve(el))\n } else {\n resolve(el)\n }\n return\n }\n\n if (remaining <= 0) {\n resolve(null)\n return\n }\n\n setTimeout(() => attempt(remaining - 1), interval)\n }\n\n attempt(retries)\n })\n }\n\n /\n TECLADO\n \n Manipuladores e utilitários relacionados à interação por teclado,\n * incluindo tratamento de `Escape` para fechar o modal e navegação por\n * `Tab`/`Shift+Tab` para manter o foco preso (focus trap) dentro do modal.\n /\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (!this.show) return\n\n if (event.key === 'Escape') {\n event.preventDefault()\n event.stopPropagation()\n this.brModalBeforeClose.emit()\n this.show = false\n return\n }\n\n if (event.key === 'Tab') {\n this.handleTabNavigation(event)\n }\n }\n\n /\n Implementa o focus trap circular dentro da modal.\n * Quando Tab é pressionado no último elemento focalizável, o foco vai para o primeiro.\n * Quando Shift+Tab é pressionado no primeiro, o foco vai para o último.\n \n Usa `composedPath()[0]` para obter o elemento real com foco, pois web components\n * com shadow DOM retornam o host via `document.activeElement`, não o elemento nativo interno.\n \n Usa `findDeepNativeFocusable` no wrap porque `host.focus()` é no-op em web components\n * sem `delegatesFocus` — focar o elemento nativo mais profundo garante que o wrap aconteça.\n /\n private handleTabNavigation(event: KeyboardEvent) {\n const focusable = this.getFocusableElements()\n if (focusable.length === 0) {\n event.preventDefault()\n return\n }\n\n const first = focusable[0]\n const last = focusable[focusable.length - 1]\n const activeEl = (event.composedPath?.()[0] ?? document.activeElement) as HTMLElement\n\n const firstTarget = this.findDeepNativeFocusable(first) ?? first\n const lastTarget = this.findDeepNativeFocusable(last) ?? last\n\n if (!event.shiftKey && this.isOrInsideElement(activeEl, last)) {\n event.preventDefault()\n firstTarget.focus()\n } else if (event.shiftKey && this.isOrInsideElement(activeEl, first)) {\n event.preventDefault()\n lastTarget.focus()\n }\n }\n\n /\n Verifica se `target` é igual a `container` ou está dentro dele,\n * perfurando shadow roots na subida (getRootNode().host).\n /\n private isOrInsideElement(target: HTMLElement, container: HTMLElement): boolean {\n if (target === container) return true\n let node: Node = target\n while (node !== null && node !== document) {\n if (node === container) return true\n const root = node.getRootNode()\n if (root instanceof ShadowRoot) {\n node = root.host\n } else {\n node = (node as HTMLElement).parentElement\n if (node === null) break\n }\n }\n return false\n }\n\n /\n Coleta todos os elementos focalizáveis dentro da modal,\n * perfurando o shadow DOM: inclui elementos do shadow root (ex: botão fechar)\n * e dos slots (conteúdo fornecido pelo usuário nos slots header, default, footer e close-button).\n /\n private getFocusableElements(): HTMLElement[] {\n const root = this.el.shadowRoot\n if (root === null) return []\n\n const selector = Modal.FOCUSABLE_SELECTORS\n const elements: HTMLElement[] = []\n\n // Elementos focalizáveis diretamente no shadow root (ex: br-button.close)\n root.querySelectorAll<HTMLElement>(selector).forEach((el) => elements.push(el))\n\n // Elementos dos slots (conteúdo do usuário)\n root.querySelectorAll<HTMLSlotElement>('slot').forEach((slot) => {\n slot.assignedElements({ flatten: true }).forEach((assigned) => {\n if (!(assigned instanceof HTMLElement)) return\n if (assigned.matches(selector)) elements.push(assigned)\n assigned.querySelectorAll<HTMLElement>(selector).forEach((el) => elements.push(el))\n })\n })\n\n // Remove referências duplicadas e filtra elementos não visíveis.\n // Retorna apenas elementos realmente focáveis e perceptíveis ao usuário.\n return Array.from(new Set(elements)).filter(\n (el) => el.offsetWidth > 0 && el.offsetHeight > 0 && getComputedStyle(el).visibility !== 'hidden'\n )\n }\n\n /\n INTEGRAÇÃO COM BR-SCRIM\n \n Métodos para integrar o comportamento do modal com um `br-scrim` pai,\n * incluindo abertura/fechamento sincronizados e listeners para eventos do\n * scrim.\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 /\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 /\n UTILITÁRIOS\n \n Getters e helpers utilitários usados internamente pelo componente,\n * como geração de IDs e mapeamento de classes CSS.\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ÉTODOS PÚBLICOS (API)\n \n Métodos públicos expostos pela API do componente (`open`, `close`, etc.).\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 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 tabIndex={-1}\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;;;eAUHL,KAAIM,OAAqD;;;eAKzDN,KAAUO,aAAG;;;eAKbP,KAAWQ,cAA+B;IAEpER,KAAoBS,uBAAG;IACvBT,KAAcU,iBAAuB;IACrCV,KAAYW,eAAG;;;;;;;eAqMfX,KAAAY,gBAAiBC;MACvB,KAAKb,KAAKI,MAAM;MAEhB,IAAIS,EAAMC,QAAQ,UAAU;QAC1BD,EAAME;QACNF,EAAMG;QACNhB,KAAKiB,mBAAmBC;QACxBlB,KAAKI,OAAO;QACZ;;MAGF,IAAIS,EAAMC,QAAQ,OAAO;QACvBd,KAAKmB,oBAAoBN;;;;;;eAkIrBb,KAAqBoB,wBAAG;MAC9B,MAAMC,IAAcrB,KAAKsB,GAAGC,QAAQ;MACpC,IAAIF,MAAgB,MAAM;MAE1B,KAAKrB,KAAKI,MAAM;QACdJ,KAAKI,OAAO;;;;;;;eASRJ,KAAsBwB,yBAAG;MAC/B,MAAMH,IAAcrB,KAAKsB,GAAGC,QAAQ;MACpC,IAAIF,MAAgB,MAAM;MAE1B,IAAIrB,KAAKK,aAAaL,KAAKI,MAAM;QAC/BJ,KAAKI,OAAO;;;IAiDRJ,KAAWyB,cAAG;MACpBzB,KAAKiB,mBAAmBC;MAExB,IAAIlB,KAAKK,WAAW;QAClBL,KAAKI,OAAO;;;AA+DjB;EAlbC,gBAAAsB,CAAiBC,GAAmBC;;IAClC,IAAID,GAAU;MACZ3B,KAAKU,iBAAiBmB,SAASC;MAC/B9B,KAAK+B,YAAYb;MACjBlB,KAAKgC;MACLC,uBAAsB,MAAMjC,KAAKkC;WAC5B,IAAIN,MAAa,MAAM;MAC5B5B,KAAKmC,aAAajB;MAClBlB,KAAKoC;OACLC,IAAArC,KAAKU,oBAAgB,QAAA2B,WAAA,aAAAA,EAAAC;MACrBtC,KAAKU,iBAAiB;;;EAI1B,iBAAA6B;IACE,KAAKvC,KAAKI,MAAM;MACd,MAAMiB,IAAcrB,KAAKsB,GAAGC,QAAQ;MACpC,IAAIF,MAAgB,QAAQA,EAAYmB,QAAQ;QAC9CxC,KAAKI,OAAO;;;;EAKlB,gBAAAqC;IACEzC,KAAK0C;IAEL,IAAI1C,KAAKI,MAAM;MACbJ,KAAKgC;MACLC,uBAAsB,MAAMjC,KAAKkC;;IAEnCL,SAASc,iBAAiB,WAAW3C,KAAKY,eAAe;;EAG3D,oBAAAgC;IACE5C,KAAKS,uBAAuB;IAC5BT,KAAK6C;IACLhB,SAASiB,oBAAoB,WAAW9C,KAAKY,eAAe;;EAG9D,kBAAAmC;IACE,IAAI/C,KAAKW,gBAAgBX,KAAKI,MAAM;MAClCJ,KAAKW,eAAe;MACpBX,KAAKkC;;;;;;;;;SAYD,wBAAMA;;UACN,IAAIc,SAAeC,KAAYhB,uBAAsB,MAAMgB;IAEjE,KAAKjD,KAAKI,MAAM;IAEhB,MAAM8C,IAAOlD,KAAKsB,GAAG6B;IACrB,IAAID,MAAS,MAAM;IAEnB,MAAME,IAAQF,EAAKG,cAA2B;IAC9C,IAAID,MAAU,MAAM;MAClBA,EAAMd;MACNc,EAAME,eAAe;QAAEC,UAAU;QAAUC,OAAO;;;IAGpD,WAAWxD,KAAKyD,yBAAyB,YAAYzD,KAAKyD,yBAAyB,IAAI;MACrF,MAAMC,UAAe1D,KAAK2D,eAAe3D,KAAKyD;MAE9C,IAAIC,MAAW,MAAM;QACnB,MAAME,KAAcvB,IAAArC,KAAK6D,wBAAwBH,QAAW,QAAArB,WAAA,IAAAA,IAAAqB;QAC5DE,EAAYtB;QACZoB,EAAOJ,eAAe;UAAEC,UAAU;UAAUC,OAAO;;;;IAIvDxD,KAAK8D,cAAc5C;;;;;;;SASb,uBAAA2C,CAAwBvC;IAC9B,MAAM4B,IAAO5B,EAAG6B;IAChB,IAAID,MAAS,MAAM,OAAO;;QAG1B,MAAMa,IAAoB,EACxB,yBACA,0BACA,4BACA,0BACA;IAEF,KAAK,MAAMC,KAAOD,GAAmB;MACnC,MAAME,IAAQf,EAAKG,cAA2BW;MAC9C,IAAIC,MAAU,MAAM,OAAOA;;;;QAK7B,MAAMC,IAAiBC,MAAMC,KAAKlB,EAAKmB,iBAA8B,MAAMC,QACxEC,KAAUA,EAAMC,QAAQC,SAAS,QAAQF,EAAMpB,eAAe;IAEjE,KAAK,MAAMoB,KAASL,GAAgB;MAClC,MAAMQ,IAAQ1E,KAAK6D,wBAAwBU;MAC3C,IAAIG,MAAU,MAAM,OAAOA;;IAG7B,OAAO;;;;;SAOD,cAAAf,CAAegB,GAAkBC,IAAU,IAAIC,IAAW;IAChE,OAAO,IAAI7B,SAASC;MAClB,MAAM6B,UAAWC;QACf,MAAMzD,IAAKO,SAASwB,cAA2BsB;QAE/C,IAAIrD,MAAO,MAAM;;UAEf,MAAM0D,IAAM1D,EAAGkD,QAAQS;UACvB,IAAID,EAAIP,SAAS,MAAM;YACrBS,eAAeC,YAAYH,GAAKI,MAAK,MAAMnC,EAAQ3B;iBAC9C;YACL2B,EAAQ3B;;UAEV;;QAGF,IAAIyD,KAAa,GAAG;UAClB9B,EAAQ;UACR;;QAGFoC,YAAW,MAAMP,QAAQC,IAAY,KAAIF;AAAS;MAGpDC,QAAQF;AAAQ;;;;;;;;;;;;SAuCZ,mBAAAzD,CAAoBN;;IAC1B,MAAMyE,IAAYtF,KAAKuF;IACvB,IAAID,EAAUE,WAAW,GAAG;MAC1B3E,EAAME;MACN;;IAGF,MAAM0E,IAAQH,EAAU;IACxB,MAAMI,IAAOJ,EAAUA,EAAUE,SAAS;IAC1C,MAAMG,KAAYC,KAAAvD,IAAAxB,EAAMgF,kBAAiB,QAAAxD,WAAA,aAAAA,EAAAyD,KAAAjF,GAAA,QAAM,QAAA+E,WAAA,IAAAA,IAAA/D,SAASC;IAExD,MAAMiE,KAAcC,IAAAhG,KAAK6D,wBAAwB4B,QAAU,QAAAO,WAAA,IAAAA,IAAAP;IAC3D,MAAMQ,KAAaC,IAAAlG,KAAK6D,wBAAwB6B,QAAS,QAAAQ,WAAA,IAAAA,IAAAR;IAEzD,KAAK7E,EAAMsF,YAAYnG,KAAKoG,kBAAkBT,GAAUD,IAAO;MAC7D7E,EAAME;MACNgF,EAAYzD;WACP,IAAIzB,EAAMsF,YAAYnG,KAAKoG,kBAAkBT,GAAUF,IAAQ;MACpE5E,EAAME;MACNkF,EAAW3D;;;;;;SAQP,iBAAA8D,CAAkB1C,GAAqB2C;IAC7C,IAAI3C,MAAW2C,GAAW,OAAO;IACjC,IAAIC,IAAa5C;IACjB,OAAO4C,MAAS,QAAQA,MAASzE,UAAU;MACzC,IAAIyE,MAASD,GAAW,OAAO;MAC/B,MAAMnD,IAAOoD,EAAKC;MAClB,IAAIrD,aAAgBsD,YAAY;QAC9BF,IAAOpD,EAAKuD;aACP;QACLH,IAAQA,EAAqBI;QAC7B,IAAIJ,MAAS,MAAM;;;IAGvB,OAAO;;;;;;SAQD,oBAAAf;IACN,MAAMrC,IAAOlD,KAAKsB,GAAG6B;IACrB,IAAID,MAAS,MAAM,OAAO;IAE1B,MAAMyB,IAAWhF,EAAMgH;IACvB,MAAMC,IAA0B;;QAGhC1D,EAAKmB,iBAA8BM,GAAUkC,SAASvF,KAAOsF,EAASE,KAAKxF;;QAG3E4B,EAAKmB,iBAAkC,QAAQwC,SAASE;MACtDA,EAAKC,iBAAiB;QAAEC,SAAS;SAAQJ,SAASK;QAChD,MAAMA,aAAoBrH,IAAc;QACxC,IAAIqH,EAASC,QAAQxC,IAAWiC,EAASE,KAAKI;QAC9CA,EAAS7C,iBAA8BM,GAAUkC,SAASvF,KAAOsF,EAASE,KAAKxF;AAAI;AACnF;;;QAKJ,OAAO6C,MAAMC,KAAK,IAAIgD,IAAIR,IAAWtC,QAClChD,KAAOA,EAAG+F,cAAc,KAAK/F,EAAGgG,eAAe,KAAKC,iBAAiBjG,GAAIkG,eAAe;;;;;;;;SAYrF,gBAAApF;IACN,MAAMf,IAAcrB,KAAKsB,GAAGC,QAAQ;IACpC,IAAIF,YAAsBA,EAAYoG,UAAU,YAAY;MAC1DpG,EAAYoG;;;;;SAOR,yBAAA/E;IACN,MAAMrB,IAAcrB,KAAKsB,GAAGC,QAAQ;IACpC,IAAIF,MAAgB,MAAM;MACxBA,EAAYsB,iBAAiB,eAAe3C,KAAKoB;MACjDC,EAAYsB,iBAAiB,gBAAgB3C,KAAKwB;;;;;SAO9C,+BAAAqB;IACN,MAAMxB,IAAcrB,KAAKsB,GAAGC,QAAQ;IACpC,IAAIF,MAAgB,MAAM;MACxBA,EAAYyB,oBAAoB,eAAe9C,KAAKoB;MACpDC,EAAYyB,oBAAoB,gBAAgB9C,KAAKwB;;;EA+BjD,eAAAQ;IACN,IAAIhC,KAAKS,sBAAsB;IAE/B,MAAMY,IAAcrB,KAAKsB,GAAGC,QAAQ;IACpC,IAAIF,MAAgBA,EAAYmB,QAAQ;MACtCxC,KAAKS,uBAAuB;MAE5BuC,QAAQC,UACLmC,MAAK;QACJ;UACE,OAAO/D,EAAYqG;UACnB,OAAOC;UACPC,QAAQC,KAAK,sCAAsCF;UACnD,MAAMA;;UAGTG,SAAQ;QACP9H,KAAKS,uBAAuB;AAAK;;;;;;;;SAYzC,WAAYsH;IACV,OAAO,GAAG/H,KAAKC;;EAGjB,aAAY+H;IACV,OAAO,GAAGhI,KAAKC;;EAGT,cAAAgI;IACN,OAAO;MACL,YAAY;MACZ,CAACjI,KAAKM,OAAO;MACbC,YAAYP,KAAKO;;;;;;;;;;SAsBrB,UAAMmH;IACJ1H,KAAKI,OAAO;IAEZJ,KAAKgC;;;;SAOP,WAAMyF;IACJzH,KAAKI,OAAO;;EAGd,MAAA8H;IACE,KAAKlI,KAAKI,MAAM;MACd,OAAO;;IAGT,OACE+H,EAACC,GAAI,MACHD,EACE;MAAAE,OAAOrI,KAAKiI;MACZK,MAAK;MACLC,WAAU;MACC;MACM,mBAAAvI,KAAK+H;MAAO,oBACX/H,KAAKgI;OAEvBG,EAAK;MAAAE,OAAM;OACTF,EAAK;MAAAE,OAAM;MAAcG,IAAIxI,KAAK+H;OAChCI,EAAM;MAAAM,MAAK;OAAUzI,KAAK0I,aAE5BP,EAAM;MAAAM,MAAK;OACTN,EAAA;MAAWE,OAAM;MAAQM,OAAM;MAASC,SAAQ;MAAO,cAAY;MAASC,SAAS7I,KAAKyB;OACxF0G,EAAA;MAAA,aAAmB;WAIzBA,EAAK;MAAAK,IAAIxI,KAAKgI;MAAWK,OAAM;OAC7BF,EAAA,gBAEFA,EAAK;MAAAE,OAAO,mBAAmBrI,KAAKQ,gBAAgBsI,YAAY,mBAAmB9I,KAAKQ,gBAAgB;OACtG2H,EAAM;MAAAM,MAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAldG9I,EAAAgH,sBAAsB,EAC5C,2BACA,0BACA,kDACA,yBACA,iDACA,0BACA,kDACA,4BACA,oDACA,oCACAoC,KAAK","ignoreList":[]}

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

@@ -2,31 +2,31 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as t, H as i, d as a, h as e, c as r } from "./p-DSkSDmzD.js";
+import { p as t, H as i, c as a, h as e, d as r } from "./p-DozXPp1d.js";
 import { H as o } from "./p-D4N4PPot.js";
-import { d as n } from "./p-AOxMWARt.js";
+import { d as n } from "./p-DzfbHHTf.js";
-import { d as s } from "./p-B_YesJM8.js";
+import { d as s } from "./p-Bb4aDGZV.js";
-import { d as l } from "./p-Bri6ECVa.js";
+import { d as l } from "./p-DexVMiiX.js";
-import { d as c } from "./p-DW63EY0U.js";
+import { d as c } from "./p-C2apigAS.js";
-import { d as g } from "./p-CBj_WCYf.js";
+import { d as g } from "./p-JsxUUux9.js";
-import { d } from "./p-5Bn_PU3B.js";
+import { d } from "./p-CldlPwBq.js";
-import { d as p } from "./p-CwtLw60M.js";
+import { d as p } from "./p-Bjywc5uG.js";
-import { d as b } from "./p-lIb35q2K.js";
+import { d as b } from "./p-p8k-sBQZ.js";
-import { d as h } from "./p-CJSXIVVe.js";
+import { d as h } from "./p-B4_2a6sY.js";
-import { d as m } from "./p-DdjKNpU3.js";
+import { d as m } from "./p-BVCWXitK.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)}';
+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,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-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)}';
 const v =  t(class t extends i {
   constructor(i) {