@govbr-ds/webcomponents 2.1.0 → 2.1.2

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

@@ -0,0 +1,563 @@
+/*!
+ * 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-C2RBydfd.js';
+import { i as isEventTargetInside } from './event-DFN_so7I.js';
+import { g as generateUniqueId } from './id-BkS6ujyf.js';
+import { U as UniversalSwipe } from './swipe-Dmfk7eEe.js';
+
+const carouselCss = () => `*,*::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}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,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))}}@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))}}@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-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.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}.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)}.help{font-size:var(--font-size-scale-base)}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)}*[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)}.br-carousel{--carousel-button-margin:var(--spacing-scale-default);--carousel-buton-icon-size:var(--–icon-size-base);--carousel-step-height:40px;--carousel-step-progress-min-height:32px;--carousel-full-size:100%;--carousel-min-height:400px;--carousel-button-fix-height:52px;--carousel-button-fix-width:100px;--carousel-step-progress-background:transparent;display:flex;height:var(--carousel-full-size);min-height:var(--carousel-min-height);position:relative;width:var(--carousel-full-size)}.br-carousel .carousel-stage{display:block;flex-wrap:nowrap;height:var(--carousel-step-height);overflow:hidden;position:relative;width:var(--carousel-full-width);z-index:0}.br-carousel .carousel-stage .carousel-page{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;left:var(--carousel-full-size);margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:var(--carousel-full-size)}.br-carousel .carousel-stage .carousel-page[active]{height:var(--carousel-full-size);left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:visible}.br-carousel .carousel-stage .carousel-page .carousel-content{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;width:var(--carousel-full-size)}.br-carousel .carousel-step{bottom:8px;height:var(--carousel-step-height);position:absolute;width:var(--carousel-full-size)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{background:var(--carousel-step-progress-background);min-height:var(--carousel-step-progress-min-height)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{top:0}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{background-image:none}.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{cursor:default;margin:0}.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{outline-color:rgba(0,0,0,0) !important}.br-carousel .carousel-button{align-items:center;display:flex;height:var(--carousel-full-size);left:unset;position:absolute;right:0;width:fit-content;z-index:1}.br-carousel .carousel-button:first-child{left:0;right:unset}.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{margin:var(--carousel-button-margin);padding:0}.br-carousel[data-stage=in] .carousel-button{height:var(--carousel-full-size)}.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}.br-carousel[data-stage=out] .carousel-button,.br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel[data-stage=out] .carousel-stage,.br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}.br-carousel[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}.br-carousel[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}.br-carousel[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@media (max-width: 991px){.br-carousel{max-width:var(--carousel-full-size);width:var(--carousel-full-size)}.br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev{display:flex}.br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{padding-top:0 !important}}.br-carousel.inverted,.br-carousel.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-carousel.inverted .br-step,.br-carousel.dark-mode .br-step{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success]{color:var(--success-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info]{color:var(--info-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}.br-carousel.inverted .br-step .step-progress-btn.active,.br-carousel.inverted .br-step .step-progress-btn[active],.br-carousel.dark-mode .br-step .step-progress-btn.active,.br-carousel.dark-mode .br-step .step-progress-btn[active]{color:var(--color-dark)}.br-carousel.inverted .br-step .step-progress-btn.active::before,.br-carousel.inverted .br-step .step-progress-btn[active]::before,.br-carousel.dark-mode .br-step .step-progress-btn.active::before,.br-carousel.dark-mode .br-step .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}.br-carousel.inverted .br-step .step-progress-btn.active .step-icon,.br-carousel.inverted .br-step .step-progress-btn[active] .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon{color:var(--active)}.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}.br-carousel.inverted .br-step[data-type=text] .step-progress-btn::before,.br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}.br-carousel .carousel-page[active]:focus,.br-carousel .carousel-page[active]:focus-visible,.br-carousel .carousel-page[active]:focus-within{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block;min-width:0;min-height:var(--carousel-min-height, 400px);--carousel-button-margin:var(--spacing-scale-default);--carousel-buton-icon-size:var(--–icon-size-base);--carousel-step-height:40px;--carousel-step-progress-min-height:32px;--carousel-full-size:100%;--carousel-min-height:400px;--carousel-button-fix-height:52px;--carousel-button-fix-width:100px;--carousel-step-progress-background:transparent;display:flex;height:var(--carousel-full-size);min-height:var(--carousel-min-height);position:relative;width:var(--carousel-full-size)}:host .carousel-stage{display:block;flex-wrap:nowrap;height:var(--carousel-step-height);overflow:hidden;position:relative;width:var(--carousel-full-width);z-index:0}:host .carousel-stage .carousel-page{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;left:var(--carousel-full-size);margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:var(--carousel-full-size)}:host .carousel-stage .carousel-page[active]{height:var(--carousel-full-size);left:0 !important;opacity:1;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out;visibility:visible}:host .carousel-stage .carousel-page .carousel-content{align-items:center;display:flex;flex-wrap:wrap;height:var(--carousel-full-size);justify-content:center;width:var(--carousel-full-size)}:host .carousel-step{bottom:8px;height:var(--carousel-step-height);position:absolute;width:var(--carousel-full-size)}:host .carousel-step .br-step[data-type=simple] .step-progress,:host .carousel-step .br-step[data-type=text] .step-progress{background:var(--carousel-step-progress-background);min-height:var(--carousel-step-progress-min-height)}:host .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{top:0}:host .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{background-image:none}:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{cursor:default;margin:0}:host .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{outline-color:rgba(0,0,0,0) !important}:host .carousel-button{align-items:center;display:flex;height:var(--carousel-full-size);left:unset;position:absolute;right:0;width:fit-content;z-index:1}:host .carousel-button:first-child{left:0;right:unset}:host .carousel-button .carousel-btn-next,:host .carousel-button .carousel-btn-prev{margin:var(--carousel-button-margin);padding:0}:host[data-stage=in] .carousel-button{height:var(--carousel-full-size)}:host[data-stage=in] .carousel-button .carousel-btn-next,:host[data-stage=in] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}:host[data-stage=out] .carousel-button,:host .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host[data-stage=out] .carousel-stage,:host .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}:host[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host[data-stage=hibw] .carousel-button .carousel-btn-next,:host[data-stage=hibw] .carousel-button .carousel-btn-prev{border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@media (max-width: 991px){:host{max-width:var(--carousel-full-size);width:var(--carousel-full-size)}:host .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .carousel-button .carousel-btn-next,:host .carousel-button .carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host[data-mobile-nav] .carousel-button .carousel-btn-next,:host[data-mobile-nav] .carousel-button .carousel-btn-prev{display:flex}:host .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}:host .carousel-step .br-step[data-type=simple] .step-progress,:host .carousel-step .br-step[data-type=text] .step-progress{padding-top:0 !important}}: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-step,:host.dark-mode .br-step{--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-step .step-progress-btn[data-alert=success],:host.dark-mode .br-step .step-progress-btn[data-alert=success]{color:var(--success-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=success] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{color:var(--success-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{content:var(--step-alert-success-icon)}:host.inverted .br-step .step-progress-btn[data-alert=info],:host.dark-mode .br-step .step-progress-btn[data-alert=info]{color:var(--info-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=info] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{color:var(--info-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{content:var(--step-alert-info-icon)}:host.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{content:var(--step-alert-warning-icon)}:host.inverted .br-step .step-progress-btn[data-alert=danger],:host.dark-mode .br-step .step-progress-btn[data-alert=danger]{color:var(--danger-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,:host.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{color:var(--danger-alternative)}:host.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,:host.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{content:var(--step-alert-danger-icon)}:host.inverted .br-step .step-progress-btn.active,:host.inverted .br-step .step-progress-btn[active],:host.dark-mode .br-step .step-progress-btn.active,:host.dark-mode .br-step .step-progress-btn[active]{color:var(--color-dark)}:host.inverted .br-step .step-progress-btn.active::before,:host.inverted .br-step .step-progress-btn[active]::before,:host.dark-mode .br-step .step-progress-btn.active::before,:host.dark-mode .br-step .step-progress-btn[active]::before{background-color:var(--background-light);border-color:var(--background-light);color:var(--active)}:host.inverted .br-step .step-progress-btn.active .step-icon,:host.inverted .br-step .step-progress-btn[active] .step-icon,:host.dark-mode .br-step .step-progress-btn.active .step-icon,:host.dark-mode .br-step .step-progress-btn[active] .step-icon{color:var(--active)}:host.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,:host.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,:host.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,:host.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{border-color:var(--color-dark)}:host.inverted .br-step[data-type=text] .step-progress-btn::before,:host.dark-mode .br-step[data-type=text] .step-progress-btn::before{background-color:rgba(0,0,0,0);color:var(--color)}:host .carousel-page[active]:focus,:host .carousel-page[active]:focus-visible,:host .carousel-page[active]:focus-within{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host .br-carousel .carousel-button[part=nav-prev]{left:0;right:unset}:host .br-carousel[data-stage=in] .carousel-button{height:var(--carousel-full-size)}:host .br-carousel[data-stage=in] .carousel-button br-button.carousel-btn-next::part(button),:host .br-carousel[data-stage=in] .carousel-button br-button.carousel-btn-prev::part(button){border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-stage=in] .carousel-stage{height:var(--carousel-full-size);left:0;width:var(--carousel-full-size)}:host .br-carousel[data-stage=out] .carousel-button,:host .br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel .carousel-stage{box-sizing:border-box;min-width:0;max-width:100%}:host .br-carousel{container-type:inline-size;min-width:0}:host .br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host .br-carousel[data-stage=hibh] .carousel-button{height:var(--carousel-full-size)}:host .br-carousel[data-stage=hibh] .carousel-stage{height:var(--carousel-full-size);left:50px;width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))}:host .br-carousel[data-stage=hibw] .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel[data-stage=hibw] .carousel-button br-button.carousel-btn-next::part(button),:host .br-carousel[data-stage=hibw] .carousel-button br-button.carousel-btn-prev::part(button){border-radius:0;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-stage=hibw] .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}@container (max-width: 991px){:host .br-carousel .carousel-button{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))}:host .br-carousel .carousel-button br-button.carousel-btn-next,:host .br-carousel .carousel-button br-button.carousel-btn-prev{border-radius:0;display:none;height:var(--carousel-full-size);margin:0;padding:0 var(--spacing-scale-default)}:host .br-carousel[data-mobile-nav] .carousel-button br-button.carousel-btn-next,:host .br-carousel[data-mobile-nav] .carousel-button br-button.carousel-btn-prev{display:flex}:host .br-carousel .carousel-stage{height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));left:0;width:var(--carousel-full-size)}}::slotted(br-carousel-page){align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:100%;margin-bottom:var(--spacing-scale-4x);opacity:0;overflow:hidden;position:absolute;top:0;transition:all var(--duration-moderate, 0.5s) ease-in-out 0s;visibility:hidden;width:100%;min-width:0}::slotted(br-carousel-page[active]){height:100%;left:0 !important;opacity:1;visibility:visible}.carousel-page-text{align-items:center;display:flex;font-size:var(--font-size-scale-base);justify-content:center;padding:var(--spacing-scale-2x) 0;width:100%}.br-carousel.dark-mode .carousel-page-text,.br-carousel.inverted .carousel-page-text{color:var(--color-dark)}.carousel-stage{overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.carousel-play-button{left:50%;opacity:0;pointer-events:none;position:absolute;top:calc(50% - var(--carousel-button-fix-height)/2);transform:translate(-50%, -50%);transition:opacity .2s ease-in-out;z-index:2}.br-carousel:hover .carousel-play-button,.carousel-play-button:focus-within{opacity:1;pointer-events:auto}.br-carousel[data-stage=in] .carousel-play-button,.br-carousel[data-stage=hibh] .carousel-play-button{top:50%}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}`;
+
+const Carousel = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.brDidPageChange = createEvent(this, "brDidPageChange", 7);
+        this.brCarouselPageChange = createEvent(this, "brCarouselPageChange", 7);
+        this.brDidAutoPlayStart = createEvent(this, "brDidAutoPlayStart", 7);
+        this.brCarouselAutoplayStart = createEvent(this, "brCarouselAutoplayStart", 7);
+        this.brDidAutoPlayPause = createEvent(this, "brDidAutoPlayPause", 7);
+        this.brCarouselAutoplayPause = createEvent(this, "brCarouselAutoplayPause", 7);
+        this.activePage = 0;
+        this.isPlaying = false;
+        /**
+         * `true` somente enquanto o timer de autoPlay está ativamente disparando.
+         * Difere de `isPlaying`: ao pausar por hover/foco, `isPlaying` permanece `true`
+         * mas `isRotating` torna-se `false`, liberando o `aria-live` para anunciar
+         * mudanças manuais de slide ao leitor de tela.
+         */
+        this.isRotating = false;
+        /** Lista de slides. Declarada como @State para que a reatribuição via slotchange acione re-render automaticamente. */
+        this.pages = [];
+        /**
+         * Identificador único do componente.
+         * Quando omitido, um valor é gerado automaticamente.
+         *
+         * > **Padrão:** valor único gerado por generateUniqueId().
+         *
+         */
+        this.customId = generateUniqueId();
+        /**
+         * Posição dos botões de navegação (prev/next) em relação ao palco.
+         * - `outside`: botões ficam nas laterais externas ao palco.
+         * - `inside`: botões ficam sobrepostos dentro do palco, ocupando toda a altura.
+         */
+        this.navPosition = 'outside';
+        /**
+         * Define o tipo de indicador de páginas renderizado.
+         * - `simple`: dots usando `br-step` em modo controller.
+         * - `textual`: texto "X/N" com `aria-live`.
+         * - `none`: sem indicador.
+         */
+        this.indicatorType = 'simple';
+        /**
+         * Posição do indicador de páginas em relação ao palco.
+         * Ignorada quando `indicatorType="none"`.
+         * - `outside`: indicador fica abaixo do palco.
+         * - `inside`: indicador fica sobreposto ao conteúdo.
+         */
+        this.indicatorPosition = 'outside';
+        /**
+         * Habilita a navegação circular entre os slides.
+         * Quando true, os botões "Anterior" e "Próximo" permanecem sempre habilitados: avançar a partir do último slide retorna ao primeiro, e retroceder a partir do primeiro leva ao último.
+         * Se autoPlay estiver ativado, o comportamento circular será aplicado automaticamente, independentemente deste valor.
+         * @deprecated Use `circular`.
+         */
+        this.isCircular = false;
+        /**
+         * Habilita reprodução automática.
+         * Pausa em hover e foco (W3C). Ativa o loop circular automaticamente.
+         * Não recomendado em dispositivos móveis.
+         * @deprecated Use `autoplay`.
+         */
+        this.autoPlay = false;
+        /**
+         * Intervalo em milissegundos entre cada avanço automático.
+         * Só tem efeito quando `autoPlay=true`.
+         */
+        this.interval = 5000;
+        /**
+         * Direção de navegação automática do carrossel.
+         * - `left`: retrocede (vai para o slide anterior).
+         * - `right`: avança (vai para o próximo slide).
+         * Só tem efeito quando `autoPlay=true`.
+         */
+        this.direction = 'right';
+        /**
+         * Exibe botões de navegação em dispositivos móveis.
+         * Por padrão os botões são ocultados no breakpoint `sm`.
+         */
+        this.mobileNav = false;
+        /**
+         * Ajuste aplicado a imagens filhas diretas de `br-carousel-page`.
+         */
+        this.imageFit = 'cover';
+        this.stepRef = null;
+        this.autoPlayTimer = null;
+        this.isPausedByFocus = false;
+        /** Rastreia se o cursor está sobre o carrossel (para evitar retomar ao sair do foco enquanto hover ativo). */
+        this.isHovering = false;
+        /** Quando true, o usuário iniciou explicitamente via botão — hover e foco não pausam a rotação. */
+        this.isUserExplicitlyPlaying = false;
+        this.stageRef = null;
+        this.carouselSwipe = null;
+        this.slotEl = null;
+        this.MOBILE_MQ = '(max-width: 576px)';
+        this.mobileMediaQuery = null;
+        /**
+         * Reatualiza a lista de slides e reinicializa os atributos quando o conteúdo
+         * do slot muda (slides adicionados ou removidos dinamicamente).
+         */
+        this.onSlotChange = () => {
+            this.pages = this.slideElements;
+            if (this.activePage >= this.pages.length) {
+                this.activePage = Math.max(0, this.pages.length - 1);
+            }
+            this.initPages();
+        };
+        this.onBreakpointChange = (e) => {
+            if (e.matches) {
+                this.setupSwipeListeners();
+            }
+            else {
+                this.cleanupSwipeListeners();
+            }
+        };
+        /** Handlers de eventos do DOM — mouse, foco e interação do usuário. */
+        this.onMouseEnter = () => {
+            this.isHovering = true;
+            // W3C: se o usuário iniciou explicitamente via botão, hover não pausa
+            if (this.isUserExplicitlyPlaying)
+                return;
+            if (this.isPlaying && !this.isPausedByFocus) {
+                this.isRotating = false;
+                this.clearTimer();
+            }
+        };
+        this.onMouseLeave = () => {
+            this.isHovering = false;
+            // W3C: se o usuário iniciou explicitamente via botão, hover não retoma (já está rodando)
+            if (this.isUserExplicitlyPlaying)
+                return;
+            if (this.effectiveAutoplay && this.isPlaying && !this.isPausedByFocus) {
+                this.isRotating = true;
+                this.scheduleInterval();
+            }
+        };
+        this.onFocusIn = () => {
+            // W3C: se o usuário iniciou explicitamente via botão, foco não pausa
+            if (this.isUserExplicitlyPlaying)
+                return;
+            if (this.isPlaying) {
+                this.isPausedByFocus = true;
+                this.isRotating = false;
+                this.clearTimer();
+            }
+        };
+        this.onFocusOut = (e) => {
+            if (this.el.contains(e.relatedTarget))
+                return;
+            if (this.isUserExplicitlyPlaying)
+                return;
+            if (!this.effectiveAutoplay || !this.isPausedByFocus)
+                return;
+            this.isPausedByFocus = false;
+            // W3C: não retoma se o cursor ainda está sobre o carrossel
+            if (this.isHovering)
+                return;
+            this.isRotating = true;
+            this.scheduleInterval();
+        };
+        /** Swipe — configuração e limpeza de gestos touch/pointer em mobile. */
+        this.onSwipeLeft = () => {
+            this.nextPage();
+        };
+        this.onSwipeRight = () => {
+            this.previousPage();
+        };
+        this.onStepChange = (e) => {
+            if (e.detail.activeStep !== this.activePage) {
+                this.goTo(e.detail.activeStep);
+            }
+        };
+        this.onPrevClick = () => {
+            this.previousPage();
+        };
+        this.onNextClick = () => {
+            this.nextPage();
+        };
+        this.onPlayToggle = () => {
+            this.isPlaying ? this.pause() : this.play();
+        };
+    }
+    onActivePageChange(newVal, oldVal) {
+        this.syncStepIndicator(newVal, oldVal);
+    }
+    disconnectedCallback() {
+        this.clearTimer();
+        this.cleanupSwipeListeners();
+        this.slotEl?.removeEventListener('slotchange', this.onSlotChange);
+        this.slotEl = null;
+        this.mobileMediaQuery?.removeEventListener('change', this.onBreakpointChange);
+        this.mobileMediaQuery = null;
+    }
+    componentWillLoad() {
+        this.pages = this.slideElements;
+        const initialActive = this.pages.findIndex((p) => p.hasAttribute('active'));
+        if (initialActive >= 0) {
+            this.activePage = initialActive;
+        }
+        if (this.effectiveAutoplay) {
+            this.initAutoPlay();
+        }
+    }
+    componentDidLoad() {
+        this.initPages();
+        this.slotEl = this.el.shadowRoot.querySelector('slot');
+        this.slotEl?.addEventListener('slotchange', this.onSlotChange);
+        this.mobileMediaQuery = window.matchMedia(this.MOBILE_MQ);
+        this.mobileMediaQuery.addEventListener('change', this.onBreakpointChange);
+        if (this.mobileMediaQuery.matches) {
+            this.setupSwipeListeners();
+        }
+        if (this.effectiveAutoplay && this.isPlaying) {
+            this.scheduleInterval();
+            this.brDidAutoPlayStart.emit();
+            this.brCarouselAutoplayStart.emit();
+        }
+    }
+    /**
+     * Navegação por teclado para o modo tablist (`indicatorType="simple"`).
+     *
+     * O W3C APG Carousel Pattern especifica que, quando os controles de seleção de slide
+     * são implementados como tabs, a interação de teclado segue o
+     * {@link https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ Tabs Pattern (W3C APG)}.
+     * Esse padrão define o comportamento de roving tabindex com as teclas:
+     * - `ArrowLeft` / `ArrowRight` (ou `ArrowUp` / `ArrowDown`): move o foco entre as tabs.
+     * - `Home`: move o foco para a primeira tab.
+     * - `End`: move o foco para a última tab.
+     *
+     * O handler está no `br-carousel` (e não no `br-step`) porque a lógica de
+     * `effectiveCircular` é uma responsabilidade do carrossel, mantendo uma única
+     * fonte de verdade para a navegação circular.
+     *
+     * O evento `keydown` é composto (`composed: true`), portanto borbulha através do
+     * shadow DOM do `br-step-item` até o host do `br-carousel`.
+     */
+    onTablistKeydown(e) {
+        if (this.indicatorType !== 'simple' || this.stepRef === null)
+            return;
+        if (!isEventTargetInside(e, this.stepRef))
+            return;
+        if (!Carousel.NAVIGATION_KEYS.has(e.key))
+            return;
+        e.preventDefault();
+        const next = this.resolveTablistKeyIndex(e.key);
+        if (next === this.activePage)
+            return;
+        this.goTo(next);
+        this.focusStepItem(next);
+    }
+    /** Métodos públicos  */
+    /**
+     * Avança para o próximo slide. Respeita a prop `isCircular` (ou ativo automaticamente com `autoPlay`).
+     */
+    async nextPage() {
+        const next = this.activePage + 1;
+        if (next < this.pages.length) {
+            this.goTo(next);
+        }
+        else if (this.effectiveCircular) {
+            this.goTo(0);
+        }
+    }
+    /**
+     * Retorna ao slide anterior. Respeita a prop `isCircular` (ou ativo automaticamente com `autoPlay`).
+     */
+    async previousPage() {
+        const prev = this.activePage - 1;
+        if (prev >= 0) {
+            this.goTo(prev);
+        }
+        else if (this.effectiveCircular) {
+            this.goTo(this.pages.length - 1);
+        }
+    }
+    /**
+     * Navega para o slide de número `index` (1 = primeiro slide, 2 = segundo, …).
+     * Valores fora do intervalo válido são ignorados.
+     */
+    async goToPage(index) {
+        if (index >= 1 && index <= this.pages.length) {
+            this.goTo(index - 1);
+        }
+    }
+    /**
+     * Retorna o número do slide atualmente ativo (1 = primeiro slide, 2 = segundo, …).
+     */
+    async getActivePage() {
+        return this.activePage + 1;
+    }
+    /**
+     * Inicia ou retoma a reprodução automática programaticamente.
+     */
+    async play() {
+        if (!this.effectiveAutoplay)
+            return;
+        this.isPlaying = true;
+        this.isPausedByFocus = false;
+        // W3C: ao iniciar explicitamente via botão, hover e foco não devem pausar
+        this.isUserExplicitlyPlaying = true;
+        this.isRotating = true;
+        this.scheduleInterval();
+        this.brDidAutoPlayStart.emit();
+        this.brCarouselAutoplayStart.emit();
+    }
+    /**
+     * Pausa a reprodução automática programaticamente.
+     */
+    async pause() {
+        this.isPlaying = false;
+        this.isUserExplicitlyPlaying = false;
+        this.isRotating = false;
+        this.clearTimer();
+        this.brDidAutoPlayPause.emit();
+        this.brCarouselAutoplayPause.emit();
+    }
+    /**
+     * Retorna `true` se a reprodução automática está ativa no momento.
+     */
+    async getIsPlaying() {
+        return this.isPlaying;
+    }
+    /**
+     * Retorna os slides atribuídos ao slot do carrossel.
+     *
+     * Usa `slot.assignedElements()` quando o slot já está disponível (após `componentDidLoad`):
+     * a API retorna diretamente a lista interna do browser.
+     *
+     * Recorre a `querySelectorAll` apenas em `componentWillLoad`, quando o shadow DOM
+     * ainda não foi renderizado e `slotEl` é `null`.
+     */
+    get slideElements() {
+        if (this.slotEl !== null) {
+            return this.slotEl.assignedElements();
+        }
+        return Array.from(this.el.children).filter((el) => el.tagName.toLowerCase() === 'br-carousel-page');
+    }
+    initAutoPlay() {
+        const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+        this.isPlaying = !prefersReducedMotion;
+        this.isRotating = this.isPlaying;
+    }
+    /**
+     * Retorna o ID único de um slide pelo índice (0-based).
+     * Prioriza o `customId` definido no próprio `br-carousel-page`, quando presente.
+     * Caso contrário, gera automaticamente no formato `{carousel-id}-slide-{n}`.
+     * Usado para vincular `controls-id` das tabs ao `id` do tabpanel correspondente.
+     */
+    slideId(index) {
+        return this.pages[index]?.customId ?? `${this.customId}-slide-${index + 1}`;
+    }
+    /**
+     * Circular efetivo: ativo quando `isCircular=true` OU quando `autoPlay=true`.
+     * Usar este getter em toda a lógica interna em vez de `this.isCircular` diretamente.
+     */
+    get effectiveCircular() {
+        return (this.circular ?? this.isCircular) || this.effectiveAutoplay;
+    }
+    get effectiveAutoplay() {
+        return this.autoplay ?? this.autoPlay;
+    }
+    /**
+     * Reposiciona todos os slides inativos com base no índice ativo.
+     * Slides após o ativo ficam à direita (100%), antes ficam à esquerda (-100%).
+     */
+    positionSlides(activeIndex) {
+        this.pages.forEach((page, i) => {
+            if (i !== activeIndex) {
+                page.style.left = i > activeIndex ? '100%' : '-100%';
+            }
+        });
+    }
+    initPages() {
+        this.pages.forEach((page, i) => {
+            page.id || (page.id = this.slideId(i));
+            page.setLabel(`Slide ${i + 1} de ${this.pages.length}`);
+            page.setActive(i === this.activePage);
+        });
+        this.positionSlides(this.activePage);
+        this.syncStepIndicator();
+    }
+    goTo(index) {
+        const prev = this.activePage;
+        this.activePage = index;
+        this.positionSlides(index);
+        this.pages[prev]?.setActive(false);
+        this.pages[index]?.setActive(true);
+        const detail = { activePage: this.activePage + 1 };
+        this.brDidPageChange.emit(detail);
+        this.brCarouselPageChange.emit(detail);
+    }
+    /**
+     * Mantém o atributo `active` dos `br-step-item` filhos do `br-step` em sincronia
+     * com o slide ativo. Recebe o novo e o antigo índice para otimizar a atualização (removendo o atributo apenas do item anterior, em vez de iterar por todos os itens).
+     * Se `oldVal` for `null`, atualiza todos os itens (caso de inicialização ou mudança completa de slides).
+     */
+    syncStepIndicator(newVal = this.activePage, oldVal = null) {
+        if (this.stepRef === null)
+            return;
+        const items = this.stepRef.children;
+        if (oldVal !== null) {
+            items[oldVal]?.removeAttribute('active');
+            items[newVal]?.setAttribute('active', 'true');
+        }
+        else {
+            Array.from(items).forEach((item, i) => {
+                if (i === newVal) {
+                    item.setAttribute('active', 'true');
+                }
+                else {
+                    item.removeAttribute('active');
+                }
+            });
+        }
+    }
+    getDataStage() {
+        const { navPosition, indicatorPosition } = this;
+        if (navPosition === 'inside' && indicatorPosition === 'inside')
+            return 'in';
+        if (navPosition === 'inside')
+            return 'hibw';
+        if (indicatorPosition === 'inside')
+            return 'hibh';
+        return 'out';
+    }
+    scheduleInterval() {
+        if (this.autoPlayTimer !== null) {
+            clearInterval(this.autoPlayTimer);
+            this.autoPlayTimer = null;
+        }
+        this.autoPlayTimer = setInterval(() => {
+            if (this.direction === 'left') {
+                this.previousPage();
+            }
+            else {
+                this.nextPage();
+            }
+        }, this.interval);
+    }
+    clearTimer() {
+        if (this.autoPlayTimer !== null) {
+            clearInterval(this.autoPlayTimer);
+            this.autoPlayTimer = null;
+        }
+    }
+    get isPrevDisabled() {
+        return !this.effectiveCircular && this.activePage === 0;
+    }
+    get isNextDisabled() {
+        return !this.effectiveCircular && this.activePage === this.pages.length - 1;
+    }
+    setupSwipeListeners() {
+        if (this.stageRef === null)
+            return;
+        this.carouselSwipe = new UniversalSwipe(this.stageRef, { direction: 'horizontal' });
+        this.carouselSwipe.on('SWIPE_LEFT', this.onSwipeLeft);
+        this.carouselSwipe.on('SWIPE_RIGHT', this.onSwipeRight);
+    }
+    cleanupSwipeListeners() {
+        if (this.carouselSwipe !== null) {
+            this.carouselSwipe.off('SWIPE_LEFT', this.onSwipeLeft);
+            this.carouselSwipe.off('SWIPE_RIGHT', this.onSwipeRight);
+            this.carouselSwipe.destroy();
+            this.carouselSwipe = null;
+        }
+    }
+    /**
+     * Calcula o índice alvo com base na tecla pressionada no modo tablist.
+     */
+    resolveTablistKeyIndex(key) {
+        const total = this.pages.length;
+        switch (key) {
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                if (this.activePage > 0)
+                    return this.activePage - 1;
+                return this.effectiveCircular ? total - 1 : this.activePage;
+            case 'ArrowRight':
+            case 'ArrowDown':
+                if (this.activePage < total - 1)
+                    return this.activePage + 1;
+                return this.effectiveCircular ? 0 : this.activePage;
+            case 'Home':
+                return 0;
+            case 'End':
+                return total - 1;
+            default:
+                return this.activePage;
+        }
+    }
+    /**
+     * Move o foco para o `br-step-item` de índice `index`.
+     *
+     * Em modo tablist, a semântica ARIA (`role="tab"`, `tabIndex`, `aria-selected`) é
+     * aplicada diretamente no host do `br-step-item` — não no botão interno, que fica
+     * inerte. Por isso o foco vai para o próprio host, e o ring visual é controlado
+     * via `:host(.role-tab:focus-visible)` no CSS do componente.
+     */
+    focusStepItem(index) {
+        const targetItem = this.stepRef.children[index];
+        if (targetItem === null)
+            return;
+        requestAnimationFrame(() => {
+            if (typeof targetItem.focus === 'function')
+                targetItem.focus();
+        });
+    }
+    getCssClassMap() {
+        return {
+            'br-carousel': true,
+            'dark-mode': this.colorMode === 'dark',
+            inverted: this.colorMode === 'dark',
+        };
+    }
+    getHostStyle() {
+        return {
+            ...(this.minHeight !== undefined ? { '--carousel-min-height': this.minHeight } : {}),
+            '--carousel-page-image-fit': this.imageFit,
+            ...(this.height !== undefined ? { height: this.height } : {}),
+            ...(this.maxWidth !== undefined ? { marginInline: 'auto', maxWidth: this.maxWidth } : {}),
+        };
+    }
+    renderPlayButton() {
+        const label = this.isPlaying
+            ? 'Parar Apresentação Automática de Slides'
+            : 'Iniciar Apresentação Automática de Slides';
+        const icon = this.isPlaying ? 'pause' : 'play';
+        return (h("div", { part: "play-button", class: "carousel-play-button" }, h("br-button", { shape: "circle", emphasis: "tertiary", "aria-label": label, onClick: this.onPlayToggle }, h("br-icon", { iconName: `fa6-solid:${icon}`, width: "16", height: "16" }))));
+    }
+    renderNavButton(direction) {
+        const isPrev = direction === 'prev';
+        return (h("div", { part: isPrev ? 'nav-prev' : 'nav-next', class: "carousel-button" }, h("br-button", { class: isPrev ? 'carousel-btn-prev' : 'carousel-btn-next', shape: this.navPosition === 'outside' ? 'circle' : undefined, emphasis: "tertiary", "aria-label": isPrev ? 'Anterior' : 'Próximo', "aria-controls": `${this.customId}-stage`, disabled: isPrev ? this.isPrevDisabled : this.isNextDisabled, onClick: isPrev ? this.onPrevClick : this.onNextClick }, h("br-icon", { iconName: `fa6-solid:chevron-${isPrev ? 'left' : 'right'}`, width: "16", height: "16" }))));
+    }
+    renderIndicator() {
+        if (this.indicatorType === 'none')
+            return null;
+        return (h("div", { part: "indicator", class: "carousel-step" }, this.indicatorType === 'simple' && (h("br-step", { mode: "controller", "color-mode": this.colorMode, ref: (el) => (this.stepRef = el), onBrStepChange: this.onStepChange }, this.pages.map((page, i) => (h("br-step-item", { key: page.id || this.slideId(i), "aria-label": `Slide ${i + 1} de ${this.pages.length}`, "controls-id": this.slideId(i) }))))), this.indicatorType === 'textual' && (h("span", { "aria-live": this.isRotating ? 'off' : 'polite', "aria-atomic": "true", class: "carousel-page-text" }, this.activePage + 1, "/", this.pages.length))));
+    }
+    render() {
+        const dataStage = this.getDataStage();
+        return (h(Host, { key: 'f6fcc04e92f6abaa2d276dd03cb1144c1c9ccca9', style: this.getHostStyle() }, h("div", { key: '0c46599b2c345b332a3eea55eff524c66632f230', id: this.customId, part: "container", class: this.getCssClassMap(), "data-stage": dataStage, "data-mobile-nav": this.mobileNav ? '' : undefined, role: "region", "aria-label": this.ariaLabel, "aria-roledescription": "carousel", onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, this.effectiveAutoplay && this.renderPlayButton(), this.renderNavButton('prev'), h("div", { key: 'eb7e2972f7fb22c793427b687656fd3bc4ea8465', id: `${this.customId}-stage`, part: "stage", class: "carousel-stage", "aria-live": this.isRotating ? 'off' : 'polite', "aria-atomic": "false", ref: (el) => (this.stageRef = el) }, h("slot", { key: 'c096859d97085715846463c80aaf68eaa599d331' })), this.renderNavButton('next'), this.renderIndicator())));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "activePage": [{
+                "onActivePageChange": 0
+            }]
+    }; }
+};
+Carousel.NAVIGATION_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']);
+Carousel.style = carouselCss();
+
+export { Carousel as br_carousel };