@govbr-ds/webcomponents 2.2.0 → 2.4.0

package/dist/esm/br-wizard.entry.js

@@ -2,14 +2,14 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Dcn7tRST.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ConyRdJe.js';
 import { g as generateUniqueId } from './id-BeJxz5TQ.js';
 import { f as findComposedOwner } from './ownership-CDtFCbKp.js';
 import { r as resolveAllowedPropValue, b as resolveIntegerPropValue } from './props-D07GjR4_.js';
 import { U as UniversalSwipe } from './swipe-BJZC_NuV.js';
 import './prop-warning-BlGV-x0w.js';
 
-const wizardCss = () => `*,*::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}code{font-family:monospace;font-size:1em}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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding: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)}pre code,.pre code{display:inline;padding:0}*[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)}`;
+const wizardCss = () => `*,*::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)}`;
 
 const WIZARD_ORIENTATIONS = ['horizontal', 'vertical'];
 const WIZARD_PROGRESSION_TYPES = ['linear', 'nonlinear'];

package/dist/esm/{datetime-picker-constants-BtRPYRvA.js → datetime-picker-constants-DDc4sADe.js}

@@ -3763,9 +3763,15 @@ function requireSetMonth () {
 }
 
 /**
- * Conjunto de modos suportados pelo datetime picker.
+ * Conjunto de modos suportados pelo `br-datetime-picker`.
  *
- * `DEFAULT` define o modo aplicado quando o consumidor não informa um valor válido.
+ * - `DATE`: modo de seleção apenas de data.
+ * - `TIME`: modo de seleção apenas de hora.
+ * - `DATETIME`: modo de seleção de data e hora.
+ * - `DEFAULT`: modo aplicado quando o consumidor não informa um valor válido.
+ *
+ * @readonly
+ * @constant {Readonly<Record<string, string>>}
  */
 const DATETIME_PICKER_MODE = {
     DATE: 'date',
@@ -3773,10 +3779,14 @@ const DATETIME_PICKER_MODE = {
     DATETIME: 'datetime',
     DEFAULT: 'datetime',
 };
+const DATETIME_RANGE_ORDER_MESSAGE = 'A data e hora de término devem ser iguais ou posteriores às de início.';
 /**
- * Valores de locale aceitos pelo componente.
+ * Valores de `locale` aceitos pelo componente.
+ *
+ * `DEFAULT` representa o locale padrão do design system (padrão: `pt-BR`).
  *
- * `DEFAULT` representa o locale padrão do design system.
+ * @readonly
+ * @constant {Readonly<Record<string, string>>}
  */
 const DATETIME_PICKER_LOCALE = {
     DEFAULT: 'pt-BR',
@@ -3784,7 +3794,11 @@ const DATETIME_PICKER_LOCALE = {
 /**
  * Ações de navegação emitidas pelos controles do calendário e do relógio.
  *
- * Os nomes são usados como contrato entre os componentes que compartilham a navegação.
+ * Os valores formam o contrato entre componentes que consomem ou disparam eventos
+ * de navegação (por exemplo, avançar mês/hora ou retroceder minuto).
+ *
+ * @readonly
+ * @constant {Readonly<Record<string, string>>}
  */
 const NAVIGATION_ACTION = {
     PREVIOUS_HOUR: 'previous-hour',
@@ -3795,4 +3809,4 @@ const NAVIGATION_ACTION = {
     NEXT_MONTH: 'next-month',
 };
 
-export { DATETIME_PICKER_MODE as D, NAVIGATION_ACTION as N, DATETIME_PICKER_LOCALE as a, requireToDate as b, requireConstructFrom as c, requireDefaultOptions as d, requireNormalizeDates as e, formatExports as f, requireAddLeadingZeros as g, requireConstants as h, requireStartOfDay as i, requireGetWeekYear as j, requireStartOfWeek as k, requireStartOfISOWeek as l, requireGetWeek as m, requireGetISOWeek as n, requireSetDay as o, requireAddDays as p, requireGetTimezoneOffsetInMilliseconds as q, requireIsValid as r, requireLongFormatters as s, requireDefaultLocale as t, requireProtectedTokens as u, requireSetMonth as v, requireBuildFormatLongFn as w, requireBuildLocalizeFn as x, requireBuildMatchFn as y, requireBuildMatchPatternFn as z };
+export { requireBuildMatchPatternFn as A, DATETIME_PICKER_MODE as D, NAVIGATION_ACTION as N, requireConstructFrom as a, requireToDate as b, requireConstants as c, DATETIME_PICKER_LOCALE as d, DATETIME_RANGE_ORDER_MESSAGE as e, formatExports as f, requireDefaultOptions as g, requireNormalizeDates as h, requireStartOfDay as i, requireAddLeadingZeros as j, requireGetWeekYear as k, requireStartOfWeek as l, requireStartOfISOWeek as m, requireGetWeek as n, requireGetISOWeek as o, requireSetDay as p, requireAddDays as q, requireIsValid as r, requireGetTimezoneOffsetInMilliseconds as s, requireLongFormatters as t, requireDefaultLocale as u, requireProtectedTokens as v, requireSetMonth as w, requireBuildFormatLongFn as x, requireBuildLocalizeFn as y, requireBuildMatchFn as z };

package/dist/esm/{event-CfuJQ1DY.js → event-6Da1SZ3J.js}

@@ -45,4 +45,4 @@ const dispatchNativeFormEvent = (host, type) => {
     return host.dispatchEvent(event);
 };
 
-export { isEventTargetOutside as a, getEventTarget as b, redispatchNativeEvent as c, dispatchNativeFormEvent as d, getEventPath as g, isEventTargetInside as i, redispatchNativeFormEvent as r };
+export { redispatchNativeEvent as a, isEventTargetOutside as b, getEventTarget as c, dispatchNativeFormEvent as d, getEventPath as g, isEventTargetInside as i, redispatchNativeFormEvent as r };

package/dist/esm/format-bytes-B7bNfmgh.js

@@ -0,0 +1,22 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+/**
+ * Formata um valor numérico em bytes para uma representação legível para humanos (ex.: KB, MB, GB).
+ *
+ * @param bytes Quantidade em bytes a ser formatada.
+ * @param decimals Número de casas decimais (padrão: 2).
+ * @returns String formatada com o valor e a unidade correspondente.
+ */
+function formatBytes(bytes, decimals = 2) {
+    if (bytes === 0)
+        return '0 Bytes';
+    const k = 1024;
+    const dm = decimals < 0 ? 0 : decimals;
+    const units = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${Number.parseFloat((bytes / k ** i).toFixed(dm))} ${units[i]}`;
+}
+
+export { formatBytes as f };

package/dist/esm/icon.utils-zlORkiHQ.js

@@ -0,0 +1,43 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+const UNSAFE_TAGS = new Set(['script', 'foreignobject', 'iframe', 'object', 'embed']);
+function hasUnsafeAttribute(element) {
+    return Array.from(element.attributes).some((attribute) => {
+        const name = attribute.name.toLowerCase();
+        const value = attribute.value.trim().toLowerCase();
+        return (name.startsWith('on') ||
+            value.includes('javascript:') ||
+            /url\s*\(/.test(value) ||
+            ((name === 'href' || name === 'xlink:href') && Boolean(value) && !value.startsWith('#')));
+    });
+}
+function sanitizeSvgMarkup(markup) {
+    if (typeof document === 'undefined')
+        return '';
+    const template = document.createElement('template');
+    template.innerHTML = markup.trim();
+    const root = template.content.querySelector('svg');
+    if (!root || root !== template.content.firstElementChild)
+        return '';
+    if (!root.getAttribute('viewBox'))
+        return '';
+    const elements = [root, ...Array.from(root.querySelectorAll('*'))];
+    if (elements.some((element) => UNSAFE_TAGS.has(element.tagName.toLowerCase()) || hasUnsafeAttribute(element)))
+        return '';
+    root.removeAttribute('width');
+    root.removeAttribute('height');
+    root.setAttribute('focusable', 'false');
+    return root.outerHTML;
+}
+/**
+ * Indica se um valor de ícone é uma lista de classes CSS (ex.: `fas fa-bell`), e não um
+ * identificador Iconify (`fa6-solid:bell`). Classes CSS não funcionam dentro do Shadow DOM,
+ * porque os estilos globais do Font Awesome não o atravessam; nesses casos use um slot.
+ */
+function isIconClassList(value) {
+    return typeof value === 'string' && /\s/.test(value.trim());
+}
+
+export { isIconClassList as i, sanitizeSvgMarkup as s };

package/dist/esm/{index-Dcn7tRST.js → index-ConyRdJe.js}

@@ -6,7 +6,7 @@ const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.1 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -339,6 +339,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-textarea.entry.js').then(processMod, consoleError);
+                case 'br-upload':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-upload.entry.js').then(processMod, consoleError);
                 case 'br-wizard':
                     return import(
                       /* webpackMode: "lazy" */
@@ -375,10 +379,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-tag.entry.js').then(processMod, consoleError);
-                case 'br-divider':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './br-divider.entry.js').then(processMod, consoleError);
                 case 'br-input':
                     return import(
                       /* webpackMode: "lazy" */
@@ -387,6 +387,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-checkbox.entry.js').then(processMod, consoleError);
+                case 'br-divider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-divider.entry.js').then(processMod, consoleError);
                 case 'br-loading':
                     return import(
                       /* webpackMode: "lazy" */
@@ -399,14 +403,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-slider.entry.js').then(processMod, consoleError);
-                case 'br-upload':
+                case 'br-icon':
                     return import(
                       /* webpackMode: "lazy" */
-                      './br-upload.entry.js').then(processMod, consoleError);
+                      './br-icon.entry.js').then(processMod, consoleError);
                 case 'br-table':
                     return import(
                       /* webpackMode: "lazy" */
                       './br-table.entry.js').then(processMod, consoleError);
+                case 'br-dropdown_2':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './br-dropdown_2.entry.js').then(processMod, consoleError);
                 case 'br-scrim':
                     return import(
                       /* webpackMode: "lazy" */
@@ -423,22 +431,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './br-button_2.entry.js').then(processMod, consoleError);
-                case 'br-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './br-icon.entry.js').then(processMod, consoleError);
-                case 'br-dropdown_2':
+                case 'br-select-input_3':
                     return import(
                       /* webpackMode: "lazy" */
-                      './br-dropdown_2.entry.js').then(processMod, consoleError);
+                      './br-select-input_3.entry.js').then(processMod, consoleError);
                 case 'br-datetime-picker':
                     return import(
                       /* webpackMode: "lazy" */
                       './br-datetime-picker.entry.js').then(processMod, consoleError);
-                case 'br-select-input_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './br-select-input_3.entry.js').then(processMod, consoleError);
                 case 'br-date-picker_3':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1637,7 +1637,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -2104,23 +2104,28 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags,
+                !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags,
-                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }
@@ -2179,8 +2184,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
+          const currentValue = propMemberFlags & 4096 /* Setter */ ? hostRef.$instanceValues$.get(propName) : this[propName];
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != currentValue && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });

package/dist/esm/{index-BQPOWxe5.js → index-CytVKoHT.js}

@@ -2,7 +2,7 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import { p as requireAddDays, w as requireBuildFormatLongFn, x as requireBuildLocalizeFn, y as requireBuildMatchFn, z as requireBuildMatchPatternFn, o as requireSetDay, v as requireSetMonth, k as requireStartOfWeek, a as DATETIME_PICKER_LOCALE, f as formatExports } from './datetime-picker-constants-BtRPYRvA.js';
+import { q as requireAddDays, x as requireBuildFormatLongFn, y as requireBuildLocalizeFn, z as requireBuildMatchFn, A as requireBuildMatchPatternFn, p as requireSetDay, w as requireSetMonth, l as requireStartOfWeek, d as DATETIME_PICKER_LOCALE, f as formatExports } from './datetime-picker-constants-DDc4sADe.js';
 
 var addDaysExports = /*@__PURE__*/ requireAddDays();
 
@@ -588,7 +588,7 @@ const registeredLocales = new Map([[localeCodeToKey(DATETIME_PICKER_LOCALE.DEFAU
 /**
  * Converte um rótulo para capitalização de frase.
  *
- * @param label - Texto a ser ajustado.
+ * @param {string} label - Texto a ser ajustado.
  * @returns Texto com a primeira letra em maiúscula.
  */
 function toLabelCase(label) {
@@ -600,8 +600,8 @@ function toLabelCase(label) {
  * Converte um código de locale IETF (ex.: "pt-BR") para a chave
  * camelCase usada pelos exports do date-fns (ex.: "ptBR").
  *
- * @param localeCode - Código de locale no formato IETF.
- * @returns Chave compatível com os exports do date-fns.
+ * @param {string} localeCode - Código de locale no formato IETF.
+ * @returns {string} Chave compatível com os exports do date-fns.
  */
 function localeCodeToKey(localeCode) {
     return localeCode.replace(/-/g, '');
@@ -613,8 +613,8 @@ function localeCodeToKey(localeCode) {
  * importados pela aplicação consumidora e registrados somente quando forem
  * necessários, evitando que o catálogo completo do date-fns seja empacotado.
  *
- * @param localeCode - Código usado na propriedade `locale` do componente.
- * @param locale - Locale compatível com o date-fns.
+ * @param {string} localeCode - Código usado na propriedade `locale` do componente.
+ * @param {Locale} locale - Locale compatível com o date-fns.
  * @throws {TypeError} Quando o código ou o objeto de locale são inválidos.
  */
 function registerDatePickerLocale(localeCode, locale) {
@@ -629,8 +629,8 @@ function registerDatePickerLocale(localeCode, locale) {
 /**
  * Resolve o objeto `Locale` do date-fns a partir do código público informado.
  *
- * @param localeCode - Código de locale aceito pelo componente.
- * @returns Locale resolvido ou `ptBR` quando não houver correspondência.
+ * @param {string} localeCode - Código de locale aceito pelo componente.
+ * @returns {Locale} Locale resolvido ou `ptBR` quando não houver correspondência.
  */
 function resolveDateFnsLocale(localeCode = DATETIME_PICKER_LOCALE.DEFAULT) {
     const key = localeCodeToKey(localeCode);
@@ -639,8 +639,8 @@ function resolveDateFnsLocale(localeCode = DATETIME_PICKER_LOCALE.DEFAULT) {
 /**
  * Gera os rótulos de mês no locale informado.
  *
- * @param localeCode - Código de locale aceito pelo componente.
- * @returns Lista com os 12 meses formatados para exibição.
+ * @param {string} localeCode - Código de locale aceito pelo componente.
+ * @returns {string[]} Lista com os 12 meses formatados para exibição.
  */
 function getMonthLabels(localeCode) {
     const locale = resolveDateFnsLocale(localeCode);
@@ -653,9 +653,9 @@ function getMonthLabels(localeCode) {
 /**
  * Gera os rótulos dos dias da semana considerando o início informado.
  *
- * @param localeCode - Código de locale aceito pelo componente.
- * @param weekStartsOn - Índice do primeiro dia da semana.
- * @returns Lista com abreviações dos sete dias da semana.
+ * @param {string} localeCode - Código de locale aceito pelo componente.
+ * @param {WeekDayIndex} weekStartsOn - Índice do primeiro dia da semana.
+ * @returns {string[]} Lista com abreviações dos sete dias da semana.
  */
 function getWeekdayLabels(localeCode, weekStartsOn) {
     const locale = resolveDateFnsLocale(localeCode);

package/dist/esm/index.js

@@ -2,5 +2,5 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-export { c as registerDatePickerLocale } from './index-BQPOWxe5.js';
-import './datetime-picker-constants-BtRPYRvA.js';
+export { c as registerDatePickerLocale } from './index-CytVKoHT.js';
+import './datetime-picker-constants-DDc4sADe.js';