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

package/dist/components/br-textarea.js

@@ -4,13 +4,11 @@
  */
 import { p as t, H as a, d as e, h as r, c as i } from "./p-DSkSDmzD.js";
 
-import { _ as o } from "./p-DIPMDb5E.js";
+import { H as o } from "./p-D4N4PPot.js";
 
-import { H as n } from "./p-D4N4PPot.js";
+const n = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-textarea{--textarea-padding:var(--textarea-medium);--textarea-small:var(--spacing-scale-base);--textarea-medium:var(--spacing-scale-baseh);--textarea-large:var(--spacing-scale-2x);color:var(--color)}.br-textarea label{display:inline-block;margin-bottom:var(--spacing-scale-half)}.br-textarea textarea{background:var(--background-light);border:1px solid var(--border-color-alternative);border-radius:6px;color:var(--color);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);padding:var(--textarea-padding);width:100%}.br-textarea.small textarea{--textarea-padding:var(--textarea-small)}.br-textarea.medium textarea{--textarea-padding:var(--textarea-medium)}.br-textarea.large textarea{--textarea-padding:var(--textarea-large)}.br-textarea.success textarea{border-color:var(--success);border-width:2px}.br-textarea.danger textarea{border-color:var(--danger);border-width:2px}.br-textarea.warning textarea{border-color:var(--warning);border-width:2px}.br-textarea.info textarea{border-color:var(--info);border-width:2px}.br-textarea textarea:focus,.br-textarea textarea:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-textarea.inverted,.br-textarea.inverted label,.br-textarea.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.inverted textarea,.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline,Raleway,sans-serif}";
 
-const l = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-textarea{--textarea-padding:var(--textarea-medium);--textarea-small:var(--spacing-scale-base);--textarea-medium:var(--spacing-scale-baseh);--textarea-large:var(--spacing-scale-2x);color:var(--color)}.br-textarea label{display:inline-block;margin-bottom:var(--spacing-scale-half)}.br-textarea textarea{background:var(--background-light);border:1px solid var(--border-color-alternative);border-radius:6px;color:var(--color);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);padding:var(--textarea-padding);width:100%}.br-textarea.small textarea{--textarea-padding:var(--textarea-small)}.br-textarea.medium textarea{--textarea-padding:var(--textarea-medium)}.br-textarea.large textarea{--textarea-padding:var(--textarea-large)}.br-textarea.success textarea{border-color:var(--success);border-width:2px}.br-textarea.danger textarea{border-color:var(--danger);border-width:2px}.br-textarea.warning textarea{border-color:var(--warning);border-width:2px}.br-textarea.info textarea{border-color:var(--info);border-width:2px}.br-textarea textarea:focus,.br-textarea textarea:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-textarea.inverted,.br-textarea.inverted label,.br-textarea.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.inverted textarea,.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline,Raleway,sans-serif}";
-
-const s =  t(class t extends a {
+const l =  t(class t extends a {
   constructor(t) {
     super();
     if (t !== false) {
@@ -22,7 +20,7 @@ const s =  t(class t extends a {
     /**
          * Identificador único.
          * Caso não seja fornecido, um ID gerado automaticamente será usado.
-         */    this.customId = n.generateUniqueId("br-textarea");
+         */    this.customId = o.generateUniqueId("br-textarea");
     /**
          * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.
          */    this.disabled = false;
@@ -70,13 +68,11 @@ const s =  t(class t extends a {
   /**
      * Define um novo valor para o textarea.
      * @param newValue - O novo valor a ser definido.
-     */  setValue(t) {
-    return o(this, void 0, void 0, (function*() {
-      var a;
-      this.value = t;
-      this.currentLength = ((a = this.value) === null || a === void 0 ? void 0 : a.length) || 0;
-      this.valueChange.emit(this.value);
-    }));
+     */  async setValue(t) {
+    var a;
+    this.value = t;
+    this.currentLength = ((a = this.value) === null || a === void 0 ? void 0 : a.length) || 0;
+    this.valueChange.emit(this.value);
   }
   /**
      * Retorna os ids para o atributo aria-describedby do textarea
@@ -194,7 +190,7 @@ const s =  t(class t extends a {
     };
   }
   static get style() {
-    return l;
+    return n;
   }
 }, [ 321, "br-textarea", {
   value: [ 1537 ],
@@ -226,17 +222,17 @@ function defineCustomElement$1() {
     switch (t) {
      case "br-textarea":
       if (!customElements.get(t)) {
-        customElements.define(t, s);
+        customElements.define(t, l);
       }
       break;
     }
   }));
 }
 
-const c = s;
+const s = l;
 
-const g = defineCustomElement$1;
+const c = defineCustomElement$1;
 
-export { c as BrTextarea, g as defineCustomElement };
+export { s as BrTextarea, c as defineCustomElement };
 //# sourceMappingURL=br-textarea.js.map
 //# sourceMappingURL=br-textarea.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["textareaCss","Textarea","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","disabled","maxlength","showCounter","density","isInline","hasDefaultSlot","handleInput","event","value","target","currentLength","_a","length","valueChange","emit","componentWillLoad","checkSlotContent","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","TEXT_NODE","textContent","trim","valueChanged","setValue","newValue","getDescribedBy","filter","Boolean","join","getAccessibilityLabel","hostAriaLabel","getAttribute","ariaLabel","placeholder","getCssClassMap","small","medium","large","success","state","danger","warning","render","caracteresRestantes","mostrarLimite","hasLabel","label","h","Host","key","class","htmlFor","Object","assign","id","onInput","rows","cols","maxLength","role"],"sources":["../../packages/webcomponents/src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","../../packages/webcomponents/src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/textarea/textarea\";\n\n:host {\n  display: inline-block;\n  vertical-align: top;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Slot para texto adicional ou instruções a serem exibidos junto ao textarea.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Valor exibido no textarea.\n   * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n   */\n  @Prop({ reflect: true }) readonly placeholder: string\n\n  /**\n   * Texto alternativo para acessibilidade quando não há label visível.\n   * Fornece um rótulo para tecnologias assistivas sem exibir visualmente.\n   */\n  @Prop({ reflect: true }) readonly ariaLabel: string\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-textarea')\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) readonly maxlength: number = 0\n\n  /**\n   * Mostra o contador com a quantidade máxima de caracteres.\n   */\n  @Prop({ reflect: true }) readonly showCounter: boolean = false\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) readonly state: 'danger' | 'success' | 'warning'\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) readonly density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) readonly isInline: boolean = false\n\n  /**\n   * Número de linhas visíveis no textarea.\n   * Define a altura do componente em relação ao número de linhas de texto exibidas.\n   */\n  @Prop({ reflect: true }) readonly rows: number\n\n  /**\n   * Número de colunas (caracteres) visíveis no textarea.\n   * Define a largura do componente em relação ao número de caracteres por linha.\n   */\n  @Prop({ reflect: true }) readonly cols: number\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number\n\n  /**\n   * Indica se o slot padrão possui conteúdo.\n   */\n  @State() hasDefaultSlot: boolean = false\n\n  componentWillLoad() {\n    this.currentLength = this.value?.length || 0\n    this.checkSlotContent()\n  }\n\n  private checkSlotContent() {\n    this.hasDefaultSlot = Array.from(this.el.childNodes).some((node) => {\n      // Ignora nós que têm atributo slot (pertencem a outros slots)\n      if (node.nodeType === Node.ELEMENT_NODE && (node as Element).hasAttribute('slot')) {\n        return false\n      }\n      // Verifica se é elemento ou texto não vazio\n      return (\n        node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '')\n      )\n    })\n  }\n\n  /**\n   * Valor atualizado do textarea\n   */\n  @Event() valueChange: EventEmitter<string>\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value?.length || 0\n  }\n\n  private readonly handleInput = (event: Event) => {\n    this.value = (event.target as HTMLInputElement).value\n    this.currentLength = this.value?.length || 0\n    this.valueChange.emit(this.value)\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value?.length || 0\n    this.valueChange.emit(this.value)\n  }\n\n  /**\n   * Retorna os ids para o atributo aria-describedby do textarea\n   */\n  private getDescribedBy(): string {\n    return [this.showCounter ? `${this.customId}-limitMax` : null, `${this.customId}-slotInfo`]\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  /**\n   * Determina o texto a ser usado para acessibilidade quando não há label\n   * Ordem de prioridade:\n   *  - aria-label do elemento host\n   *  - propriedade ariaLabel do componente\n   *  - placeholder\n   *  - texto padrão (\"Campo de texto\")\n   */\n  private getAccessibilityLabel(): string {\n    const hostAriaLabel = this.el.getAttribute('aria-label')\n\n    return hostAriaLabel && hostAriaLabel.trim() !== ''\n      ? hostAriaLabel\n      : this.ariaLabel && this.ariaLabel.trim() !== ''\n        ? this.ariaLabel\n        : this.placeholder && this.placeholder.trim() !== ''\n          ? this.placeholder\n          : 'Campo de texto'\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      success: this.state === 'success',\n      danger: this.state === 'danger',\n      warning: this.state === 'warning',\n    }\n  }\n\n  render() {\n    const caracteresRestantes: number = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength > 0\n    const hasLabel = !!this.label\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          {this.isInline ? (\n            <div class=\"row\">\n              {hasLabel && (\n                <div class=\"col-auto pt-half\">\n                  <label htmlFor={this.customId}>{this.label}</label>\n                </div>\n              )}\n              <div class=\"col\">\n                <textarea\n                  id={this.customId}\n                  value={this.value}\n                  placeholder={this.placeholder}\n                  disabled={this.disabled}\n                  onInput={this.handleInput}\n                  {...(this.rows > 0 ? { rows: this.rows } : {})}\n                  {...(this.cols > 0 ? { cols: this.cols } : {})}\n                  {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n                  aria-describedby={this.getDescribedBy()}\n                  {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n                ></textarea>\n                {this.showCounter && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n                {this.hasDefaultSlot && (\n                  <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n                    <slot></slot>\n                  </div>\n                )}\n              </div>\n            </div>\n          ) : (\n            [\n              hasLabel ? <label htmlFor={this.customId}>{this.label}</label> : null,\n              <textarea\n                id={this.customId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleInput}\n                {...(this.rows > 0 ? { rows: this.rows } : {})}\n                {...(this.cols > 0 ? { cols: this.cols } : {})}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n                aria-describedby={this.getDescribedBy()}\n                {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n              ></textarea>,\n              this.showCounter ? (\n                <div>\n                  {mostrarLimite ? (\n                    <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n                      Restam <strong>{caracteresRestantes}</strong> caracteres\n                    </span>\n                  ) : (\n                    <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n                      Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                    </span>\n                  )}\n                </div>\n              ) : null,\n              this.hasDefaultSlot ? (\n                <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n                  <slot></slot>\n                </div>\n              ) : null,\n            ]\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["textareaCss","Textarea","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","disabled","maxlength","showCounter","density","isInline","hasDefaultSlot","handleInput","event","value","target","currentLength","_a","length","valueChange","emit","componentWillLoad","checkSlotContent","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","TEXT_NODE","textContent","trim","valueChanged","setValue","newValue","getDescribedBy","filter","Boolean","join","getAccessibilityLabel","hostAriaLabel","getAttribute","ariaLabel","placeholder","getCssClassMap","small","medium","large","success","state","danger","warning","render","caracteresRestantes","mostrarLimite","hasLabel","label","h","Host","key","class","htmlFor","Object","assign","id","onInput","rows","cols","maxLength","role"],"sources":["../../packages/webcomponents/src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","../../packages/webcomponents/src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/textarea/textarea\";\n\n:host {\n  display: inline-block;\n  vertical-align: top;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * ## Design System\n *\n * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Slot para texto adicional ou instruções a serem exibidos junto ao textarea.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Valor exibido no textarea.\n   * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n   */\n  @Prop({ reflect: true }) readonly placeholder: string\n\n  /**\n   * Texto alternativo para acessibilidade quando não há label visível.\n   * Fornece um rótulo para tecnologias assistivas sem exibir visualmente.\n   */\n  @Prop({ reflect: true }) readonly ariaLabel: string\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId('br-textarea')\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) readonly maxlength: number = 0\n\n  /**\n   * Mostra o contador com a quantidade máxima de caracteres.\n   */\n  @Prop({ reflect: true }) readonly showCounter: boolean = false\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) readonly state: 'danger' | 'success' | 'warning'\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) readonly density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) readonly isInline: boolean = false\n\n  /**\n   * Número de linhas visíveis no textarea.\n   * Define a altura do componente em relação ao número de linhas de texto exibidas.\n   */\n  @Prop({ reflect: true }) readonly rows: number\n\n  /**\n   * Número de colunas (caracteres) visíveis no textarea.\n   * Define a largura do componente em relação ao número de caracteres por linha.\n   */\n  @Prop({ reflect: true }) readonly cols: number\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number\n\n  /**\n   * Indica se o slot padrão possui conteúdo.\n   */\n  @State() hasDefaultSlot: boolean = false\n\n  componentWillLoad() {\n    this.currentLength = this.value?.length || 0\n    this.checkSlotContent()\n  }\n\n  private checkSlotContent() {\n    this.hasDefaultSlot = Array.from(this.el.childNodes).some((node) => {\n      // Ignora nós que têm atributo slot (pertencem a outros slots)\n      if (node.nodeType === Node.ELEMENT_NODE && (node as Element).hasAttribute('slot')) {\n        return false\n      }\n      // Verifica se é elemento ou texto não vazio\n      return (\n        node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '')\n      )\n    })\n  }\n\n  /**\n   * Valor atualizado do textarea\n   */\n  @Event() valueChange: EventEmitter<string>\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value?.length || 0\n  }\n\n  private readonly handleInput = (event: Event) => {\n    this.value = (event.target as HTMLInputElement).value\n    this.currentLength = this.value?.length || 0\n    this.valueChange.emit(this.value)\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value?.length || 0\n    this.valueChange.emit(this.value)\n  }\n\n  /**\n   * Retorna os ids para o atributo aria-describedby do textarea\n   */\n  private getDescribedBy(): string {\n    return [this.showCounter ? `${this.customId}-limitMax` : null, `${this.customId}-slotInfo`]\n      .filter(Boolean)\n      .join(' ')\n  }\n\n  /**\n   * Determina o texto a ser usado para acessibilidade quando não há label\n   * Ordem de prioridade:\n   *  - aria-label do elemento host\n   *  - propriedade ariaLabel do componente\n   *  - placeholder\n   *  - texto padrão (\"Campo de texto\")\n   */\n  private getAccessibilityLabel(): string {\n    const hostAriaLabel = this.el.getAttribute('aria-label')\n\n    return hostAriaLabel && hostAriaLabel.trim() !== ''\n      ? hostAriaLabel\n      : this.ariaLabel && this.ariaLabel.trim() !== ''\n        ? this.ariaLabel\n        : this.placeholder && this.placeholder.trim() !== ''\n          ? this.placeholder\n          : 'Campo de texto'\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      success: this.state === 'success',\n      danger: this.state === 'danger',\n      warning: this.state === 'warning',\n    }\n  }\n\n  render() {\n    const caracteresRestantes: number = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength > 0\n    const hasLabel = !!this.label\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          {this.isInline ? (\n            <div class=\"row\">\n              {hasLabel && (\n                <div class=\"col-auto pt-half\">\n                  <label htmlFor={this.customId}>{this.label}</label>\n                </div>\n              )}\n              <div class=\"col\">\n                <textarea\n                  id={this.customId}\n                  value={this.value}\n                  placeholder={this.placeholder}\n                  disabled={this.disabled}\n                  onInput={this.handleInput}\n                  {...(this.rows > 0 ? { rows: this.rows } : {})}\n                  {...(this.cols > 0 ? { cols: this.cols } : {})}\n                  {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n                  aria-describedby={this.getDescribedBy()}\n                  {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n                ></textarea>\n                {this.showCounter && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n                {this.hasDefaultSlot && (\n                  <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n                    <slot></slot>\n                  </div>\n                )}\n              </div>\n            </div>\n          ) : (\n            [\n              hasLabel ? <label htmlFor={this.customId}>{this.label}</label> : null,\n              <textarea\n                id={this.customId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleInput}\n                {...(this.rows > 0 ? { rows: this.rows } : {})}\n                {...(this.cols > 0 ? { cols: this.cols } : {})}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n                aria-describedby={this.getDescribedBy()}\n                {...(!hasLabel ? { 'aria-label': this.getAccessibilityLabel() } : {})}\n              ></textarea>,\n              this.showCounter ? (\n                <div>\n                  {mostrarLimite ? (\n                    <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id={`${this.customId}-limitMax`}>\n                      Restam <strong>{caracteresRestantes}</strong> caracteres\n                    </span>\n                  ) : (\n                    <span class=\"limit\" aria-live=\"polite\" id={`${this.customId}-limitMax`}>\n                      Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                    </span>\n                  )}\n                </div>\n              ) : null,\n              this.hasDefaultSlot ? (\n                <div id={`${this.customId}-slotInfo`} aria-live=\"polite\">\n                  <slot></slot>\n                </div>\n              ) : null,\n            ]\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/br-tooltip.js

@@ -4,7 +4,7 @@
  */
 import { p as t, H as r, d as e, h as i, c as a } from "./p-DSkSDmzD.js";
 
-import { F as o } from "./p-B4au_byv.js";
+import { F as o } from "./p-k0WZfTfL.js";
 
 import { H as n } from "./p-D4N4PPot.js";
 

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

@@ -4,11 +4,9 @@
  */
 import { p as t, H as a, h as e, c as r } from "./p-DSkSDmzD.js";
 
-import { _ as i } from "./p-DIPMDb5E.js";
+const i = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:none}:host([active]){display:block}.wizard-panel{width:100%}.wizard-panel-content{width:100%}";
 
-const o = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-medium{font-weight:500 !important}.text-bold{font-weight:700 !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:none}:host([active]){display:block}.wizard-panel{width:100%}.wizard-panel-content{width:100%}";
-
-const n =  t(class t extends a {
+const o =  t(class t extends a {
   constructor(t) {
     super();
     if (t !== false) {
@@ -23,26 +21,20 @@ const n =  t(class t extends a {
   /**
      * Define se o painel está ativo
      * @internal Método interno chamado apenas pelo wizard pai
-     */  setActive(t) {
-    return i(this, void 0, void 0, (function*() {
-      this.active = t;
-    }));
+     */  async setActive(t) {
+    this.active = t;
   }
   /**
      * Define o índice do painel
      * @internal Método interno chamado apenas pelo wizard pai
-     */  setIndex(t) {
-    return i(this, void 0, void 0, (function*() {
-      this.index = t;
-    }));
+     */  async setIndex(t) {
+    this.index = t;
   }
   /**
      * Retorna se o painel está ativo
      * @internal Método interno para o wizard pai consultar o estado
-     */  isActive() {
-    return i(this, void 0, void 0, (function*() {
-      return this.active;
-    }));
+     */  async isActive() {
+    return this.active;
   }
   render() {
     const t = Object.assign({}, this.active && {
@@ -66,7 +58,7 @@ const n =  t(class t extends a {
     return this;
   }
   static get style() {
-    return o;
+    return i;
   }
 }, [ 257, "br-wizard-panel", {
   label: [ 513 ],
@@ -86,17 +78,17 @@ function defineCustomElement$1() {
     switch (t) {
      case "br-wizard-panel":
       if (!customElements.get(t)) {
-        customElements.define(t, n);
+        customElements.define(t, o);
       }
       break;
     }
   }));
 }
 
-const l = n;
+const n = o;
 
-const s = defineCustomElement$1;
+const l = defineCustomElement$1;
 
-export { l as BrWizardPanel, s as defineCustomElement };
+export { n as BrWizardPanel, l as defineCustomElement };
 //# sourceMappingURL=br-wizard-panel.js.map
 //# sourceMappingURL=br-wizard-panel.js.map

package/dist/components/br-wizard-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["wizardPanelCss","WizardPanel","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","active","index","setActive","value","setIndex","isActive","render","hostAttrs","Object","assign","h","Host","key","class","role","id"],"sources":["../../packages/webcomponents/src/components/wizard/wizard-panel/wizard-panel.scss?tag=br-wizard-panel&encapsulation=shadow","../../packages/webcomponents/src/components/wizard/wizard-panel/wizard-panel.tsx"],"sourcesContent":[":host {\n  display: none;\n}\n\n:host([active]) {\n  display: block;\n}\n\n.wizard-panel {\n  width: 100%;\n}\n\n.wizard-panel-content {\n  width: 100%;\n}\n","import { Component, Element, h, Host, Method, Prop, State } from '@stencil/core'\n\n/**\n * Wizard Panel (Painel de etapa do Wizard)\n * Representa uma etapa individual dentro do br-wizard.\n *\n * @slot default - Slot para o conteúdo da etapa (formulários, campos ou informações da fase atual).\n */\n@Component({\n  tag: 'br-wizard-panel',\n  styleUrl: 'wizard-panel.scss',\n  shadow: true,\n})\nexport class WizardPanel {\n  @Element() el: HTMLBrWizardPanelElement\n\n  /**\n   * Label do painel (aparece no indicador de progresso)\n   */\n  @Prop({ reflect: true }) label!: string\n\n  /**\n   * Estados internos controlados pelo wizard pai via métodos públicos\n   */\n  @State() private active: boolean = false\n  @State() private index: number = 1\n\n  /**\n   * Define se o painel está ativo\n   * @internal Método interno chamado apenas pelo wizard pai\n   */\n  @Method()\n  async setActive(value: boolean) {\n    this.active = value\n  }\n\n  /**\n   * Define o índice do painel\n   * @internal Método interno chamado apenas pelo wizard pai\n   */\n  @Method()\n  async setIndex(value: number) {\n    this.index = value\n  }\n\n  /**\n   * Retorna se o painel está ativo\n   * @internal Método interno para o wizard pai consultar o estado\n   */\n  @Method()\n  async isActive(): Promise<boolean> {\n    return this.active\n  }\n\n  render() {\n    const hostAttrs = {\n      ...(this.active && { active: 'true' }),\n    }\n\n    return (\n      <Host {...hostAttrs}>\n        <div class=\"wizard-panel\" role=\"tabpanel\" id={`wizard-panel-${this.index}`}>\n          <div class=\"wizard-panel-content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAiB;;MCaVC,KAAWC,EAAA,MAAAD,UAAAE;EALxB,WAAAC,CAAAC;;;;;;;;eAgBmBC,KAAMC,SAAY;IAClBD,KAAKE,QAAW;AA4ClC;;;;SArCO,SAAAC,CAAUC;;MACdJ,KAAKC,SAASG;AAChB;;;;;SAOM,QAAAC,CAASD;;MACbJ,KAAKE,QAAQE;AACf;;;;;SAOM,QAAAE;;MACJ,OAAON,KAAKC;AACd;;EAEA,MAAAM;IACE,MAAMC,IAASC,OAAAC,OAAA,IACTV,KAAKC,UAAU;MAAEA,QAAQ;;IAG/B,OACEU,EAACC,GAAIH,OAAAC,OAAA;MAAAG,KAAA;OAAKL,IACRG,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAeC,MAAK;MAAWC,IAAI,gBAAgBhB,KAAKE;OACjES,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA","ignoreList":[]}
+{"version":3,"names":["wizardPanelCss","WizardPanel","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","active","index","setActive","value","setIndex","isActive","render","hostAttrs","Object","assign","h","Host","key","class","role","id"],"sources":["../../packages/webcomponents/src/components/wizard/wizard-panel/wizard-panel.scss?tag=br-wizard-panel&encapsulation=shadow","../../packages/webcomponents/src/components/wizard/wizard-panel/wizard-panel.tsx"],"sourcesContent":[":host {\n  display: none;\n}\n\n:host([active]) {\n  display: block;\n}\n\n.wizard-panel {\n  width: 100%;\n}\n\n.wizard-panel-content {\n  width: 100%;\n}\n","import { Component, Element, h, Host, Method, Prop, State } from '@stencil/core'\n\n/**\n * Wizard Panel (Painel de etapa do Wizard)\n * Representa uma etapa individual dentro do br-wizard.\n *\n * @slot default - Slot para o conteúdo da etapa (formulários, campos ou informações da fase atual).\n */\n@Component({\n  tag: 'br-wizard-panel',\n  styleUrl: 'wizard-panel.scss',\n  shadow: true,\n})\nexport class WizardPanel {\n  @Element() el: HTMLBrWizardPanelElement\n\n  /**\n   * Label do painel (aparece no indicador de progresso)\n   */\n  @Prop({ reflect: true }) label!: string\n\n  /**\n   * Estados internos controlados pelo wizard pai via métodos públicos\n   */\n  @State() private active: boolean = false\n  @State() private index: number = 1\n\n  /**\n   * Define se o painel está ativo\n   * @internal Método interno chamado apenas pelo wizard pai\n   */\n  @Method()\n  async setActive(value: boolean) {\n    this.active = value\n  }\n\n  /**\n   * Define o índice do painel\n   * @internal Método interno chamado apenas pelo wizard pai\n   */\n  @Method()\n  async setIndex(value: number) {\n    this.index = value\n  }\n\n  /**\n   * Retorna se o painel está ativo\n   * @internal Método interno para o wizard pai consultar o estado\n   */\n  @Method()\n  async isActive(): Promise<boolean> {\n    return this.active\n  }\n\n  render() {\n    const hostAttrs = {\n      ...(this.active && { active: 'true' }),\n    }\n\n    return (\n      <Host {...hostAttrs}>\n        <div class=\"wizard-panel\" role=\"tabpanel\" id={`wizard-panel-${this.index}`}>\n          <div class=\"wizard-panel-content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAiB;;MCaVC,KAAWC,EAAA,MAAAD,UAAAE;EALxB,WAAAC,CAAAC;;;;;;;;eAgBmBC,KAAMC,SAAY;IAClBD,KAAKE,QAAW;AA4ClC;;;;SArCC,eAAMC,CAAUC;IACdJ,KAAKC,SAASG;;;;;SAQhB,cAAMC,CAASD;IACbJ,KAAKE,QAAQE;;;;;SAQf,cAAME;IACJ,OAAON,KAAKC;;EAGd,MAAAM;IACE,MAAMC,IAASC,OAAAC,OAAA,IACTV,KAAKC,UAAU;MAAEA,QAAQ;;IAG/B,OACEU,EAACC,GAAIH,OAAAC,OAAA;MAAAG,KAAA;OAAKL,IACRG,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAeC,MAAK;MAAWC,IAAI,gBAAgBhB,KAAKE;OACjES,EAAK;MAAAE,KAAA;MAAAC,OAAM;OACTH,EAAA;MAAAE,KAAA","ignoreList":[]}