@govbr-ds/webcomponents 2.4.0 → 2.6.0

package/dist/collection/components/wizard/wizard-panel/wizard-panel.css

@@ -1 +1 @@
-*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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]{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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.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)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.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:flex;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,.container-fluid{--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{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--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,.container-fluid{--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{flex-basis:25%;max-width:25%}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--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))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media(min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{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}fieldset[disabled]{opacity:1}.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-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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%}tr.selected,tr.is-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)}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)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[data-toggle=collapse]:not(:disabled):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)}@media(prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:none}:host([active]){display:block}.wizard-panel{width:100%}.wizard-panel-content{width:100%}
+*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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]{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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.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)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.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:flex;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,.container-fluid{--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{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--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,.container-fluid{--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{flex-basis:25%;max-width:25%}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--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))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.highlight{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}fieldset[disabled]{opacity:1}.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-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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%}tr.selected,tr.is-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)}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)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}mark,.mark{background:var(--red-warm-vivid-10);color:var(--color)}*[data-toggle=collapse]:not(:disabled):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)}@media(prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:none}:host([active]){display:block}.wizard-panel{width:100%}.wizard-panel-content{width:100%}

package/dist/collection/components/wizard/wizard-panel/wizard-panel.js

@@ -4,20 +4,10 @@
  */
 import { Host, h } from "@stencil/core";
 /**
- * Subcomponente individual de `br-wizard`, responsável por encapsular o formulário, campos de entrada ou informações pertencentes a uma etapa específica do fluxo guiado.
+ * Painel de conteúdo de uma etapa individual do `br-wizard`.
  *
- * ### Papel na composição
+ * Defina o título da etapa em `title-text`. Insira os campos e conteúdos dessa fase no slot padrão.
  *
- * - Agrupa todos os campos de formulário e conteúdos daquela etapa.
- * - Informa o título e subtítulo da etapa que serão refletidos na barra de progresso do wizard.
- *
- * ### Regra de uso e relacionamento
- *
- * Deve ser declarado no slot padrão do orquestrador `br-wizard`. O componente pai é quem decide qual painel deve estar visível com base na etapa corrente, coordenando os botões de avançar e voltar. Não deve ser instanciado de forma autônoma fora de um `br-wizard`.
- *
- * Para a documentação completa de design, consulte o [Design System do GovBR](https://www.gov.br/ds/components/wizard?tab=designer).
- *
-
  * @slot default - Slot para o conteúdo da etapa (formulários, campos ou informações da fase atual).
  *
  * @part panel - Wrapper do painel.
@@ -72,7 +62,7 @@ export class WizardPanel {
         const hostAttrs = {
             ...(this.active && { active: 'true' }),
         };
-        return (h(Host, { key: '3fac54a0b3cd81e2e5cc8af97cf94f67b8f77d07', ...hostAttrs }, h("div", { key: '2cf795a7ca7cd52f214f8cf40f740f92326fe72b', class: "wizard-panel", role: "tabpanel", id: `wizard-panel-${this.index}`, part: "panel" }, h("div", { key: '4e26b33a6cf80c85b40077db281264fc4a6ad068', class: "wizard-panel-content", part: "content" }, h("slot", { key: '1eedf41617263ca9ecae4cc4390a29278f786272' })))));
+        return (h(Host, { key: '14e109ffefd398589abd76002eb0a943d76a3778', ...hostAttrs }, h("div", { key: 'f99096dc388afcf181f3892aa09ffb33f13843d3', class: "wizard-panel", role: "tabpanel", id: `wizard-panel-${this.index}`, part: "panel" }, h("div", { key: 'f416c48cd518aebd377304cc3c9c7d9f1fb418d4', class: "wizard-panel-content", part: "content" }, h("slot", { key: 'c8b2cb0a3b5914136c650d741dca6d7324e0f689' })))));
     }
     static get is() { return "br-wizard-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard/wizard.css

@@ -1 +1 @@
-*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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]{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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.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)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.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:flex;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,.container-fluid{--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{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--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,.container-fluid{--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{flex-basis:25%;max-width:25%}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--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))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media(min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{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}fieldset[disabled]{opacity:1}.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-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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%}tr.selected,tr.is-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)}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)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[data-toggle=collapse]:not(:disabled):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)}@media(prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}:host{--wizard-min-height: 300px;--wizard-max-height: 800px;display:flex;flex-direction:column;height:100%;margin-bottom:var(--spacing-scale-4x);max-height:var(--wizard-max-height);max-width:none;min-height:var(--wizard-min-height)}:host .wizard-progress{background-color:var(--background-alternative);display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));grid-template-rows:none;min-height:164px;overflow-x:auto;overflow-y:hidden;padding-top:var(--spacing-scale-7x);width:100%}@media(max-width: 991px){:host .wizard-progress{max-height:100px;min-height:100px;overflow-y:hidden;padding-top:var(--spacing-scale-3x);position:relative;transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear}:host .wizard-progress::after{background-color:rgba(0,0,0,0);bottom:2px;color:var(--interactive);content:"";display:block;font-family:"Font Awesome 5 Free",sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);height:1em;left:50%;margin-left:-0.5em;position:absolute;top:unset;transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear;width:auto}}@media(max-width: 991px){:host[collapsed] .wizard-progress{max-height:64px;min-height:64px;overflow-y:hidden;padding-bottom:var(--spacing-scale-3x);padding-top:var(--spacing-scale-3x)}:host[collapsed] .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}:host[collapsed] .wizard-progress-btn{padding-bottom:var(--spacing-scale-base)}:host[collapsed] .wizard-progress-btn .info{display:none}:host[collapsed] .wizard-form{height:auto}:host[collapsed] .wizard-panel-content{overflow-x:hidden;overflow-y:auto}}:host[vertical]{flex-direction:row}:host[vertical] .wizard-progress{flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow-x:hidden;padding-top:0;position:relative;text-align:right}:host[vertical] .wizard-progress-btn{height:100%;line-height:100%;max-height:100%;padding-bottom:0;padding-right:70px;padding-top:0;text-align:right}:host[vertical] .wizard-progress-btn::before{left:calc(100% - 32px);line-height:26px;margin-top:calc(var(--spacing-scale-2x)*-1);position:absolute;text-align:center;top:50%}:host[vertical] .wizard-progress-btn::after{height:calc(100% - 34px);left:calc(100% - 33px);position:absolute;top:calc(-50% + 18px);width:1px}:host[vertical] .wizard-progress-btn[active]::after{width:1px}:host[vertical][scroll] .wizard-progress{overflow-y:auto}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-track{background:var(--gray-10)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb{background:var(--gray-30)}:host[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host[vertical][scroll] .wizard-progress .wizard-progress-btn{min-height:100px}:host[vertical] .wizard-form{float:none;height:auto;width:calc(100% - 260px)}:host[vertical] .wizard-form .wizard-panel .wizard-panel-content{border-top:0}@media(max-width: 991px){:host[vertical] .wizard-progress{max-height:100%;max-width:110px}:host[vertical] .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;transform:rotate(-90deg);width:1em}:host[vertical] .wizard-progress-btn{line-height:18px;padding-right:var(--spacing-scale-7x)}:host[vertical] .wizard-progress-btn .info{line-height:1.6em;margin-top:-0.5em;position:absolute;right:54px}:host[vertical] .wizard-form{height:auto;max-width:calc(100% - 110px);min-width:calc(100% - 110px);transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear}:host[vertical] .wizard-panel{height:100%;max-height:100%}:host[vertical][collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}:host[vertical][collapsed] .wizard-progress-btn{padding-right:0}:host[vertical][collapsed] .wizard-progress-btn .info{display:none}:host[vertical][collapsed] .wizard-form{max-width:calc(100% - 60px);min-width:calc(100% - 60px)}}:host .wizard-form{display:flex;flex:1;height:auto;overflow:hidden;position:relative}:host .wizard-panel{display:none;flex-direction:column;flex-wrap:nowrap;height:auto;left:0;margin-bottom:0;opacity:0;position:static;top:0;visibility:hidden;width:100%}:host .wizard-panel[active]{display:flex;height:auto;left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:linear;visibility:visible}@keyframes slide-left{0%{opacity:0;transform:translateX(1%)}100%{opacity:1;transform:translateX(0)}}:host .wizard-panel-content{border-top:1px solid var(--border-color);flex-grow:1;height:auto;max-height:none;overflow-x:auto;overflow-y:auto;padding:var(--spacing-scale-base) var(--spacing-scale-2x)}:host .wizard-panel-content::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .wizard-panel-content::-webkit-scrollbar-track{background:var(--gray-10)}:host .wizard-panel-content::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .wizard-panel-content:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .wizard-panel-content:focus,:host .wizard-panel-content:focus-visible,:host .wizard-panel-content.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}:host .wizard-panel-content>:last-child{margin-bottom:0}:host .wizard-panel-btn{align-self:flex-end;background-color:var(--background-alternative);border-top:1px solid var(--border-color);height:fit-content;margin-top:1px;padding:var(--spacing-scale-2x) 1.5%;width:100%}:host .wizard-btn-next,:host .wizard-btn,:host .wizard-btn-prev{float:right;margin-left:var(--spacing-scale-2x)}:host .wizard-btn-canc{float:left}@media(max-width: 991px){:host .wizard-form{height:auto}:host .wizard-panel{border-top:0;display:none;flex-wrap:nowrap;margin-bottom:0;max-height:none}:host .wizard-panel-content{height:auto;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-scale-half) var(--spacing-scale-base);transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear}:host .wizard-panel-btn{align-items:flex-end;background-color:var(--background-alternative);display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;padding:0 !important;position:static;width:100%}:host .wizard-btn-canc,:host .wizard-btn-next,:host .wizard-btn-prev,:host .wizard-btn{float:none;margin:var(--spacing-scale-base) 5%;width:90%}:host .wizard-btn-next,:host .wizard-btn{order:1}}:host.inverted,:host.dark-mode{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}:host.inverted .br-button.primary,:host.inverted .br-button[primary],:host.dark-mode .br-button.primary,:host.dark-mode .br-button[primary]{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--background-dark-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host.inverted .br-button.secondary,:host.inverted .br-button[secondary],:host.dark-mode .br-button.secondary,:host.dark-mode .br-button[secondary]{background-color:var(--background-dark)}:host.inverted .wizard-progress,:host.dark-mode .wizard-progress{background-color:rgba(0,0,0,0)}:host.inverted .wizard-progress-btn[active],:host.dark-mode .wizard-progress-btn[active]{color:var(--color)}:host.inverted .wizard-progress-btn[active]::before,:host.dark-mode .wizard-progress-btn[active]::before{--interactive-rgb: var(--active-rgb);background-color:var(--color);color:var(--active)}:host.inverted .wizard-panel .wizard-panel-btn,:host.dark-mode .wizard-panel .wizard-panel-btn{background-color:rgba(0,0,0,0)}:host br-step-item[active]{--step-label-font-weight: var(--font-weight-semi-bold);--step-label-color: var(--active)}:host br-step-item::part(label){display:block;line-height:1em;text-align:center}:host .wizard-progress{place-content:center center;height:auto;padding-top:0;transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress{transition:none}}@media(max-width: 991px){:host .wizard-progress br-step-item::part(label){font-size:var(--font-size-scale-down-02, 9.716px)}:host .wizard-progress::after{cursor:pointer}}:host .wizard-progress::after,:host .wizard-progress-btn,:host .wizard-form{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress::after,:host .wizard-progress-btn,:host .wizard-form{transition:none}}:host .wizard-progress-btn::before{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress-btn::before{transition:background-color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out),border-color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out),color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out),transform var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out)}}:host .wizard-progress-btn::after{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress-btn::after{transition:background-color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out)}}:host .wizard-panel[active]{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-panel[active]{transition:none}}:host .wizard-panel[active]{animation:none}@media(prefers-reduced-motion: no-preference){:host .wizard-panel[active]{animation:wizard-panel-open var(--duration-fast, 300ms) var(--animation-ease-out, ease-out) both}}:host .wizard-panel-content{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-panel-content{transition:none}}@keyframes wizard-panel-open{from{opacity:0}to{opacity:1}}:host([collapsed]) br-step-item::part(label){display:none}@media(max-width: 991px){:host([collapsed]) br-step-item::part(label){display:none}:host([collapsed]) .wizard-progress{max-height:64px;min-height:64px;overflow-y:hidden;padding-bottom:var(--spacing-scale-3x);padding-top:var(--spacing-scale-3x)}:host([collapsed]) .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}}:host([vertical]){flex-direction:row}:host([vertical]) .wizard-progress{flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow-x:hidden;padding-top:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media(max-width: 991px){:host([vertical]) .wizard-progress{max-height:100%;max-width:110px}:host([vertical]) .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;transform:rotate(-90deg);width:1em}:host([vertical]) .wizard-form{max-width:calc(100% - 110px);min-width:calc(100% - 110px)}:host([vertical])[collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}}:host(.dark-mode){--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}:host(.dark-mode) .br-button.primary,:host(.dark-mode) .br-button[primary]{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--background-dark-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host(.dark-mode) .br-button.secondary,:host(.dark-mode) .br-button[secondary]{background-color:var(--background-dark)}
+*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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]{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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media(min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.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)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.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:flex;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,.container-fluid{--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{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media(min-width: 992px){.container,.container-lg,.container-fluid{--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,.container-fluid{--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{flex-basis:25%;max-width:25%}}@media(min-width: 1600px){.container,.container-lg,.container-fluid{--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))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.highlight{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}fieldset[disabled]{opacity:1}.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-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media(min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}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%}tr.selected,tr.is-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)}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)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}mark,.mark{background:var(--red-warm-vivid-10);color:var(--color)}*[data-toggle=collapse]:not(:disabled):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)}@media(prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}:host{--wizard-min-height: 300px;--wizard-max-height: 800px;display:flex;flex-direction:column;height:100%;margin-bottom:var(--spacing-scale-4x);max-height:var(--wizard-max-height);max-width:none;min-height:var(--wizard-min-height)}:host .wizard-progress{background-color:var(--background-alternative);display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));grid-template-rows:none;min-height:164px;overflow-x:auto;overflow-y:hidden;padding-top:var(--spacing-scale-7x);width:100%}@media(max-width: 991px){:host .wizard-progress{max-height:100px;min-height:100px;overflow-y:hidden;padding-top:var(--spacing-scale-3x);position:relative;transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear}:host .wizard-progress::after{background-color:rgba(0,0,0,0);bottom:2px;color:var(--interactive);content:"";display:block;font-family:"Font Awesome 5 Free",sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);height:1em;left:50%;margin-left:-0.5em;position:absolute;top:unset;transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear;width:auto}}@media(max-width: 991px){:host[collapsed] .wizard-progress{max-height:64px;min-height:64px;overflow-y:hidden;padding-bottom:var(--spacing-scale-3x);padding-top:var(--spacing-scale-3x)}:host[collapsed] .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}:host[collapsed] .wizard-progress-btn{padding-bottom:var(--spacing-scale-base)}:host[collapsed] .wizard-progress-btn .info{display:none}:host[collapsed] .wizard-form{height:auto}:host[collapsed] .wizard-panel-content{overflow-x:hidden;overflow-y:auto}}:host[vertical]{flex-direction:row}:host[vertical] .wizard-progress{flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow-x:hidden;padding-top:0;position:relative;text-align:right}:host[vertical] .wizard-progress-btn{height:100%;line-height:100%;max-height:100%;padding-bottom:0;padding-right:70px;padding-top:0;text-align:right}:host[vertical] .wizard-progress-btn::before{left:calc(100% - 32px);line-height:26px;margin-top:calc(var(--spacing-scale-2x)*-1);position:absolute;text-align:center;top:50%}:host[vertical] .wizard-progress-btn::after{height:calc(100% - 34px);left:calc(100% - 33px);position:absolute;top:calc(-50% + 18px);width:1px}:host[vertical] .wizard-progress-btn[active]::after{width:1px}:host[vertical][scroll] .wizard-progress{overflow-y:auto}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-track{background:var(--gray-10)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb{background:var(--gray-30)}:host[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host[vertical][scroll] .wizard-progress .wizard-progress-btn{min-height:100px}:host[vertical] .wizard-form{float:none;height:auto;width:calc(100% - 260px)}:host[vertical] .wizard-form .wizard-panel .wizard-panel-content{border-top:0}@media(max-width: 991px){:host[vertical] .wizard-progress{max-height:100%;max-width:110px}:host[vertical] .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;transform:rotate(-90deg);width:1em}:host[vertical] .wizard-progress-btn{line-height:18px;padding-right:var(--spacing-scale-7x)}:host[vertical] .wizard-progress-btn .info{line-height:1.6em;margin-top:-0.5em;position:absolute;right:54px}:host[vertical] .wizard-form{height:auto;max-width:calc(100% - 110px);min-width:calc(100% - 110px);transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear}:host[vertical] .wizard-panel{height:100%;max-height:100%}:host[vertical][collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}:host[vertical][collapsed] .wizard-progress-btn{padding-right:0}:host[vertical][collapsed] .wizard-progress-btn .info{display:none}:host[vertical][collapsed] .wizard-form{max-width:calc(100% - 60px);min-width:calc(100% - 60px)}}:host .wizard-form{display:flex;flex:1;height:auto;overflow:hidden;position:relative}:host .wizard-panel{display:none;flex-direction:column;flex-wrap:nowrap;height:auto;left:0;margin-bottom:0;opacity:0;position:static;top:0;visibility:hidden;width:100%}:host .wizard-panel[active]{display:flex;height:auto;left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:linear;visibility:visible}@keyframes slide-left{0%{opacity:0;transform:translateX(1%)}100%{opacity:1;transform:translateX(0)}}:host .wizard-panel-content{border-top:1px solid var(--border-color);flex-grow:1;height:auto;max-height:none;overflow-x:auto;overflow-y:auto;padding:var(--spacing-scale-base) var(--spacing-scale-2x)}:host .wizard-panel-content::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .wizard-panel-content::-webkit-scrollbar-track{background:var(--gray-10)}:host .wizard-panel-content::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .wizard-panel-content:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .wizard-panel-content:focus,:host .wizard-panel-content:focus-visible,:host .wizard-panel-content.focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}:host .wizard-panel-content>:last-child{margin-bottom:0}:host .wizard-panel-btn{align-self:flex-end;background-color:var(--background-alternative);border-top:1px solid var(--border-color);height:fit-content;margin-top:1px;padding:var(--spacing-scale-2x) 1.5%;width:100%}:host .wizard-btn-next,:host .wizard-btn,:host .wizard-btn-prev{float:right;margin-left:var(--spacing-scale-2x)}:host .wizard-btn-canc{float:left}@media(max-width: 991px){:host .wizard-form{height:auto}:host .wizard-panel{border-top:0;display:none;flex-wrap:nowrap;margin-bottom:0;max-height:none}:host .wizard-panel-content{height:auto;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-scale-half) var(--spacing-scale-base);transition-delay:0s;transition-duration:.25s;transition-property:all;transition-timing-function:linear}:host .wizard-panel-btn{align-items:flex-end;background-color:var(--background-alternative);display:flex;flex-wrap:wrap;height:fit-content;justify-content:center;padding:0 !important;position:static;width:100%}:host .wizard-btn-canc,:host .wizard-btn-next,:host .wizard-btn-prev,:host .wizard-btn{float:none;margin:var(--spacing-scale-base) 5%;width:90%}:host .wizard-btn-next,:host .wizard-btn{order:1}}:host.inverted,:host.dark-mode{--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}:host.inverted .br-button.primary,:host.inverted .br-button[primary],:host.dark-mode .br-button.primary,:host.dark-mode .br-button[primary]{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--background-dark-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host.inverted .br-button.secondary,:host.inverted .br-button[secondary],:host.dark-mode .br-button.secondary,:host.dark-mode .br-button[secondary]{background-color:var(--background-dark)}:host.inverted .wizard-progress,:host.dark-mode .wizard-progress{background-color:rgba(0,0,0,0)}:host.inverted .wizard-progress-btn[active],:host.dark-mode .wizard-progress-btn[active]{color:var(--color)}:host.inverted .wizard-progress-btn[active]::before,:host.dark-mode .wizard-progress-btn[active]::before{--interactive-rgb: var(--active-rgb);background-color:var(--color);color:var(--active)}:host.inverted .wizard-panel .wizard-panel-btn,:host.dark-mode .wizard-panel .wizard-panel-btn{background-color:rgba(0,0,0,0)}:host br-step-item[active]{--step-label-font-weight: var(--font-weight-semi-bold);--step-label-color: var(--active)}:host br-step-item::part(label){display:block;line-height:1em;text-align:center}:host .wizard-progress{place-content:center center;height:auto;padding-top:0;transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress{transition:none}}@media(max-width: 991px){:host .wizard-progress br-step-item::part(label){font-size:var(--font-size-scale-down-02, 9.716px)}:host .wizard-progress::after{cursor:pointer}}:host .wizard-progress::after,:host .wizard-progress-btn,:host .wizard-form{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress::after,:host .wizard-progress-btn,:host .wizard-form{transition:none}}:host .wizard-progress-btn::before{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress-btn::before{transition:background-color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out),border-color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out),color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out),transform var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out)}}:host .wizard-progress-btn::after{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-progress-btn::after{transition:background-color var(--duration-very-fast, 100ms) var(--animation-ease-in-out, ease-in-out)}}:host .wizard-panel[active]{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-panel[active]{transition:none}}:host .wizard-panel[active]{animation:none}@media(prefers-reduced-motion: no-preference){:host .wizard-panel[active]{animation:wizard-panel-open var(--duration-fast, 300ms) var(--animation-ease-out, ease-out) both}}:host .wizard-panel-content{transition:none}@media(prefers-reduced-motion: no-preference){:host .wizard-panel-content{transition:none}}@keyframes wizard-panel-open{from{opacity:0}to{opacity:1}}:host([collapsed]) br-step-item::part(label){display:none}@media(max-width: 991px){:host([collapsed]) br-step-item::part(label){display:none}:host([collapsed]) .wizard-progress{max-height:64px;min-height:64px;overflow-y:hidden;padding-bottom:var(--spacing-scale-3x);padding-top:var(--spacing-scale-3x)}:host([collapsed]) .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}}:host([vertical]){flex-direction:row}:host([vertical]) .wizard-progress{flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow-x:hidden;padding-top:0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media(max-width: 991px){:host([vertical]) .wizard-progress{max-height:100%;max-width:110px}:host([vertical]) .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;transform:rotate(-90deg);width:1em}:host([vertical]) .wizard-form{max-width:calc(100% - 110px);min-width:calc(100% - 110px)}:host([vertical])[collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}}:host(.dark-mode){--color: var(--color-dark);--color-rgb: var(--color-dark-rgb);--text-color: var(--color-dark);--interactive: var(--interactive-dark);--interactive-rgb: var(--interactive-dark-rgb);--visited: var(--visited-dark);--hover: var(--hover-dark);--pressed: var(--pressed-dark);--focus-color: var(--focus-color-dark);--focus: var(--focus-color-dark)}:host(.dark-mode) .br-button.primary,:host(.dark-mode) .br-button[primary]{--color: var(--color-light);--color-rgb: var(--color-light-rgb);--text-color: var(--color-light);--interactive: var(--interactive-light);--interactive-rgb: var(--background-dark-rgb);--visited: var(--visited-light);--hover: var(--hover-light);--pressed: var(--pressed-light);--focus-color: var(--focus-color-light);--focus: var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host(.dark-mode) .br-button.secondary,:host(.dark-mode) .br-button[secondary]{background-color:var(--background-dark)}

package/dist/collection/components/wizard/wizard.js

@@ -10,39 +10,35 @@ import { UniversalSwipe } from "../../shared/utils/swipe";
 const WIZARD_ORIENTATIONS = ['horizontal', 'vertical'];
 const WIZARD_PROGRESSION_TYPES = ['linear', 'nonlinear'];
 /**
- * O componente `br-wizard` é o orquestrador completo de fluxos passo a passo do GovBR-DS, desenvolvido para guiar a pessoa usuária através de formulários e tarefas complexas distribuídas em etapas consecutivas.
+ * O `br-wizard` conduz fluxos passo a passo divididos em telas sequenciais com botões de navegação e barra de progresso.
  *
- * ### Para que serve
+ * Insira cada tela com `br-wizard-panel` no slot padrão. Acompanhe a mudança de etapas pelo evento `brStepChange`.
  *
- * - **Condução guiada de processos:** Apresenta um formulário longo dividido em etapas menores e focadas, reduzindo a carga cognitiva e o índice de abandono.
- * - **Barra de progresso e navegação integradas:** Combina o indicador visual de etapas (`step`), os painéis de conteúdo de cada etapa (`br-wizard-panel`) e a barra de ações com botões de "Voltar", "Avançar", "Concluir" e "Cancelar".
- * - **Validação por etapa:** Permite interceptar o avanço de cada passo para validação antes de liberar o próximo painel.
+ * ```html
+ * <br-wizard>
+ *   <br-wizard-panel title-text="Identificação">
+ *     <p>Primeira etapa do cadastro.</p>
+ *   </br-wizard-panel>
+ *   <br-wizard-panel title-text="Endereço">
+ *     <p>Segunda etapa do cadastro.</p>
+ *   </br-wizard-panel>
+ *   <br-wizard-panel title-text="Confirmação">
+ *     <p>Revise os dados antes de enviar.</p>
+ *   </br-wizard-panel>
+ * </br-wizard>
+ * ```
  *
- * ### Quando utilizar
+ * ### Quando usar
  *
- * - **Utilize quando:**
- *   - Houver um processo de cadastro, requerimento, compra ou configuração estruturado em etapas com dependência de sequência.
- *   - For essencial oferecer navegação pré-programada de retorno e avanço com controle de estado.
- * - **Evite e prefira outro componente quando:**
- *   - O objetivo for apenas mostrar o status de um pedido já concluído (use `br-step` simples).
- *   - O usuário puder navegar em qualquer ordem entre as seções da tela (use `br-tab`).
+ * - Formulários extensos com dependência lógica entre etapas.
  *
- * ### Composição e Subcomponentes
+ * ### Quando evitar
  *
- * | Subcomponente | Papel | Regra de uso |
- * | --- | --- | --- |
- * | `br-wizard` | **Orquestrador principal.** Gerencia a barra de progresso, ações de navegação (voltar/avançar), botões de rodapé e controle do painel ativo. | Deve ser o contêiner raiz do fluxo. |
- * | `br-wizard-panel` | **Painel de etapa individual.** Contém os campos e formulários de uma etapa específica. | Declarado dentro do slot padrão do `br-wizard`. |
+ * - Apenas indicar o status de um pedido já realizado: use `br-step`.
+ * - Conteúdos independentes onde a ordem de preenchimento é livre: use `br-tab`.
  *
- * ### Como os subcomponentes se relacionam
+ * Consulte as [diretrizes de design do GovBR](https://www.gov.br/ds/components/wizard?tab=designer).
  *
- * O `br-wizard` gerencia ativamente os elementos `br-wizard-panel` declarados em seu interior:
- * 1. O pai exibe apenas o painel correspondente à etapa atual (`activeStep`), mantendo os demais ocultos.
- * 2. Ao avançar ou retroceder, o `br-wizard` dispara eventos de validação e troca de etapa (`brStepChange`), atualizando simultaneamente o cabeçalho de progresso e as ações do rodapé.
- *
- * Para a documentação completa de design, incluindo diretrizes de acessibilidade e especificações visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/wizard?tab=designer).
- *
-
  * @category Navegação, Formulários, Progresso
  * @status stable
  * @slot default - Slot para os painéis de etapa (br-wizard-panel) do wizard.
@@ -738,7 +734,7 @@ export class Wizard {
         const totalSteps = this.panels.length;
         const currentPanel = this.panels[this.currentStep - 1];
         const stepLabel = currentPanel?.getAttribute('label') || `Etapa ${this.currentStep}`;
-        return (h(Host, { key: '8f6e16ef5793134ee1779ef9aa357a060e33427c', class: hostClass, ...verticalAttr, ...collapsedAttr, step: String(this.currentStep) }, this.renderAriaLiveRegion(), this.renderProgress(), h("div", { key: 'b397f55be52767ed373fdce1aa6be828663f1753', class: "wizard-form", role: "region", "aria-label": `Wizard: ${stepLabel}`, part: "form" }, h("div", { key: '8400cdcecae5888fe3e6faeadcf650ae9a13ea17', class: "wizard-panel", ...activePanelAttr, role: "group", "aria-label": `${stepLabel}, etapa ${this.currentStep} de ${totalSteps}`, part: "panel" }, this.renderPanelContent(), this.renderPanelButtons()))));
+        return (h(Host, { key: '7b43038b1233e4416556b8dc8cb80425f5f8418f', class: hostClass, ...verticalAttr, ...collapsedAttr, step: String(this.currentStep) }, this.renderAriaLiveRegion(), this.renderProgress(), h("div", { key: '83d5afd1984528d04b47a8d1e0c9b7be605115e2', class: "wizard-form", role: "region", "aria-label": `Wizard: ${stepLabel}`, part: "form" }, h("div", { key: '298ed2441b0305cb310bfb57101c69a7bc9f7371', class: "wizard-panel", ...activePanelAttr, role: "group", "aria-label": `${stepLabel}, etapa ${this.currentStep} de ${totalSteps}`, part: "panel" }, this.renderPanelContent(), this.renderPanelButtons()))));
     }
     static get is() { return "br-wizard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/pages/components/select/remote-options.js

@@ -0,0 +1,87 @@
+// Simula uma API com 10.000 equipamentos de escritório. A resposta vira elementos
+// br-select-option no slot, como um framework faria com .map(), *ngFor ou v-for.
+const select = document.querySelector('#select-remote-options-example');
+const status = document.querySelector('#select-remote-options-status');
+const types = [
+  'Notebook',
+  'Monitor',
+  'Teclado',
+  'Mouse',
+  'Impressora',
+  'Cadeira',
+  'Mesa',
+  'Fone de ouvido',
+  'Webcam',
+  'Projetor',
+];
+const brands = ['Dell', 'Lenovo', 'HP', 'Samsung', 'LG', 'Logitech', 'Positivo', 'Multilaser', 'Philips', 'Epson'];
+const colors = ['preto', 'branco', 'cinza', 'prata', 'azul', 'vermelho', 'verde', 'amarelo', 'rosa', 'roxo'];
+const years = ['2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024', '2025'];
+const equipments = types.flatMap((type) =>
+  brands.flatMap((brand) =>
+    colors.flatMap((color) =>
+      years.map((year) => ({
+        value: `${type}-${brand}-${color}-${year}`.toLocaleLowerCase('pt-BR').replaceAll(' ', '-'),
+        label: `${type} ${brand} ${color} (${year})`,
+        brand,
+      })),
+    ),
+  ),
+);
+// Sem termo, a API devolve só as duas primeiras marcas; as demais só aparecem na busca.
+const INITIAL_BRANDS = new Set(brands.slice(0, 2));
+const initialEquipments = equipments.filter(({ brand }) => INITIAL_BRANDS.has(brand));
+const PAGE_SIZE = 2000;
+let requestId = 0;
+
+const normalize = (text) =>
+  text
+    .normalize('NFD')
+    .replace(/\p{Diacritic}/gu, '')
+    .toLocaleLowerCase('pt-BR')
+    .trim();
+
+// Como uma API real, aceita as palavras em qualquer ordem ("azul notebook").
+const search = (query) => {
+  const words = normalize(query).split(/\s+/).filter(Boolean);
+  const matches = words.length
+    ? equipments.filter(({ label }) => {
+        const text = normalize(label);
+        return words.every((word) => text.includes(word));
+      })
+    : initialEquipments;
+  return { total: matches.length, items: matches.slice(0, PAGE_SIZE) };
+};
+
+const renderOptions = ({ total, items }) => {
+  const fragment = document.createDocumentFragment();
+  for (const { value, label } of items) {
+    const option = document.createElement('br-select-option');
+    option.setAttribute('value', value);
+    option.setAttribute('label', label);
+    fragment.append(option);
+  }
+  select.replaceChildren(fragment);
+
+  if (status) {
+    status.textContent = total
+      ? `Exibindo ${items.length} de ${total} equipamento(s) encontrado(s).`
+      : 'Nenhum equipamento encontrado.';
+  }
+};
+
+select?.addEventListener('brSelectSearch', ({ detail: { query } }) => {
+  const currentRequest = ++requestId;
+  select.loading = true;
+  if (status) status.textContent = 'Consultando equipamentos…';
+
+  window.setTimeout(() => {
+    if (currentRequest !== requestId) return;
+
+    renderOptions(search(query));
+    select.loading = false;
+  }, 350);
+});
+
+await customElements.whenDefined('br-select');
+renderOptions(search(''));

package/dist/collection/pages/scripts/code-editor.js

@@ -9,16 +9,29 @@
           ? { name: 'javascript', jsx: true }
           : 'htmlmixed';
 
+  const ESCAPE_HINT = 'Tab insere recuo; Esc e depois Tab sai do editor';
+  const getEditorLabel = (ariaLabel, readOnly) => (readOnly ? ariaLabel : `${ariaLabel}. ${ESCAPE_HINT}`);
+
   const fallback = ({ ariaLabel, onChange, parent, value, readOnly = false }) => {
     const textarea = document.createElement('textarea');
     textarea.className = 'wbc-example-editor wbc-example-editor--fallback';
     textarea.spellcheck = false;
     textarea.value = value;
     textarea.readOnly = readOnly;
-    textarea.setAttribute('aria-label', ariaLabel);
+    textarea.setAttribute('aria-label', getEditorLabel(ariaLabel, readOnly));
     if (!readOnly) textarea.addEventListener('input', () => onChange(textarea.value));
+    let escaped = false;
+    textarea.addEventListener('blur', () => {
+      escaped = false;
+    });
     textarea.addEventListener('keydown', (event) => {
-      if (readOnly || event.key !== 'Tab') return;
+      if (event.key === 'Escape') {
+        escaped = true;
+        return;
+      }
+      const leaving = escaped;
+      escaped = false;
+      if (readOnly || event.key !== 'Tab' || event.shiftKey || leaving) return;
       event.preventDefault();
       const start = textarea.selectionStart;
       const end = textarea.selectionEnd;
@@ -66,6 +79,7 @@
     .then(() => {
       window.WBCCodeEditor = {
         create({ ariaLabel, onChange, parent, value, language, readOnly = false }) {
+          let escaped = false;
           const editor = window.CodeMirror(parent, {
             value,
             mode: getCodeMirrorMode(language),
@@ -78,7 +92,18 @@
               Tab: (instance) => instance.replaceSelection('  ', 'end'),
             },
           });
-          editor.getInputField().setAttribute('aria-label', ariaLabel);
+          editor.on('keydown', (_instance, event) => {
+            if (event.key === 'Escape') {
+              escaped = true;
+              return;
+            }
+            if (event.key === 'Tab' && (escaped || event.shiftKey || readOnly)) event.codemirrorIgnore = true;
+            escaped = false;
+          });
+          editor.on('blur', () => {
+            escaped = false;
+          });
+          editor.getInputField().setAttribute('aria-label', getEditorLabel(ariaLabel, readOnly));
           if (!readOnly) editor.on('change', (instance) => onChange(instance.getValue()));
 
           return {