npm - @govbr-ds/webcomponents - Versions diffs - 2.0.0-next.19 → 2.0.0-next.20 - Mend

@govbr-ds/webcomponents 2.0.0-next.19 → 2.0.0-next.20

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

Files changed (94) hide show

package/dist/esm-es5/br-input.entry.js CHANGED Viewed

@@ -2,5 +2,5 @@
  * Construído com @govbr-ds/webcomponents
  * Padrão Digital de Governo.
  */
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";import{v as v4}from"./v4-c99c1585.js";var inputCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.br-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.br-input.input-inline{display:-ms-flexbox;display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size) * 0.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{-ms-flex:1;flex:1}.br-input .input-group{position:relative}.br-input .input-icon{-ms-flex-align:center;align-items:center;color:var(--border-color-alternative);display:-ms-flexbox;display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half)) * -1);padding:0;position:relative;-webkit-transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.has-icon input{padding-right:var(--input-padding-icon)}.br-input.has-icon .br-button.circle{float:right;margin-right:var(--spacing-scale-half);margin-top:calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half)) * -1);-webkit-transform:translateY(0);transform:translateY(0)}.br-input.has-icon.small .br-button.circle{margin-top:calc((var(--button-size) + var(--spacing-scale-base)) * -1)}.br-input.has-icon.large .br-button.circle{margin-top:calc(var(--button-size) * -1)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:transparent;padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{-webkit-box-shadow:var(--surface-shadow-md);box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item: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-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input: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-input input:focus,.br-input input: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-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{display:block}:host .br-input .input-icon{margin-top:0.1em;margin-left:var(--spacing-scale-base)}:host .br-input .input-icon+input{padding-left:calc(var(--input-padding-icon) + 3px)}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half)) * -1);padding:0;position:relative}.button-transform{-webkit-transform:translateY(calc((var(--input-size) - 32px) * 0.5));transform:translateY(calc((var(--input-size) - 32px) * 0.5))}";var BrInputStyle0=inputCss;var Input=function(){function t(t){var r=this;registerInstance(this,t);this.valueChange=createEvent(this,"valueChange",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleInput=function(t){r.value=t.target.value;r.valueChange.emit(r.value)};this.renderLabel=function(){var t;if(((t=r.label)===null||t===void 0?void 0:t.length)>0){if(r.isInline){return h("div",{class:"input-label"},h("label",{class:"text-nowrap",htmlFor:r.customId},r.label))}else{return h("label",{htmlFor:r.customId},r.label)}}};this.renderInput=function(){return h("input",Object.assign({class:r.isHighlight?"input-highlight":null,id:r.customId,autocomplete:r.autocomplete,disabled:r.disabled,onInput:r.handleInput,placeholder:r.placeholder,readonly:r.readonly,required:r.required,title:r.el.title,type:r.type,value:r.value},r.inheritedAttributes))};this.renderHelpText=function(){var t;return((t=r.helpText)===null||t===void 0?void 0:t.length)>0?h("p",null,r.helpText):h("slot",{name:"help-text"})};this.renderIconPassword=function(){var t=r.isPasswordVisible?"fa-solid:eye-slash":"fa-solid:eye";return h("br-icon",{"icon-name":t})};this.togglePasswordVisibility=function(){var t=r.el.shadowRoot.querySelector("input");r.isPasswordVisible=!r.isPasswordVisible;t.type=r.isPasswordVisible?"text":"password"};this.renderInlineInputContent=function(){if(r.hasIconSlot){return h("div",{class:"input-content"},r.renderInputWithIcon())}else{return h("div",{class:"input-content"},r.renderInputWithoutIcon())}};this.renderInputContent=function(){return r.hasIconSlot?r.renderInputWithIcon():r.renderInputWithoutIcon()};this.renderInputWithIcon=function(){return h("div",{class:"input-group"},r.renderIconSlot(),r.renderInput(),r.renderButton(),r.renderHelpText())};this.renderInputWithoutIcon=function(){return[r.renderInput(),r.renderButton(),r.renderHelpText()]};this.customId="br-input-".concat(v4());this.type="text";this.autocomplete=undefined;this.density="medium";this.disabled=false;this.isInline=false;this.isHighlight=false;this.state=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.value=undefined;this.helpText=undefined;this.isPasswordVisible=false;this.hasIconSlot=false;this.hasActionSlot=false}t.prototype.componentWillLoad=function(){this.hasIconSlot=this.hasSlotContent("icon");this.hasActionSlot=this.hasSlotContent("action");this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.getInputCssClassMap=function(){return{"br-input":true,"input-button":this.hasActionSlot,small:this.density==="small",large:this.density==="large",medium:this.density==="medium","input-inline":this.isInline,"input-highlight":this.isHighlight,success:this.state==="success",danger:this.state==="danger",info:this.state==="info",warning:this.state==="warning"}};t.prototype.hasSlotContent=function(t){return this.el.querySelector('[slot="'.concat(t,'"]'))!==null};t.prototype.renderIconSlot=function(){if(this.hasSlotContent("icon")){return h("div",{class:"input-icon"},h("slot",{name:"icon"}))}};t.prototype.renderButton=function(){if(this.type==="password"){return h("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone",onClick:this.togglePasswordVisibility},this.renderIconPassword())}else if(this.hasSlotContent("action")){return h("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone"},h("slot",{name:"action"}))}return null};t.prototype.render=function(){return h(Host,{key:"3c316887a4825f2a1b4f243da87de252ae962bc3"},h("div",{key:"2c6368d72296cd596346dab44a7873d46e3bef9d",class:this.getInputCssClassMap()},this.renderLabel(),this.isInline?this.renderInlineInputContent():this.renderInputContent()))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Input.style=BrInputStyle0;export{Input as br_input};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";import{v as v4}from"./v4-c99c1585.js";var inputCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.br-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.br-input.input-inline{display:-ms-flexbox;display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size) * 0.5 - var(--spacing-scale-half))}.br-input.input-inline .input-content{-ms-flex:1;flex:1}.br-input .input-group{position:relative}.br-input .input-icon{-ms-flex-align:center;align-items:center;color:var(--border-color-alternative);display:-ms-flexbox;display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half)) * -1);padding:0;position:relative;-webkit-transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.has-icon input{padding-right:var(--input-padding-icon)}.br-input.has-icon .br-button.circle{float:right;margin-right:var(--spacing-scale-half);margin-top:calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half)) * -1);-webkit-transform:translateY(0);transform:translateY(0)}.br-input.has-icon.small .br-button.circle{margin-top:calc((var(--button-size) + var(--spacing-scale-base)) * -1)}.br-input.has-icon.large .br-button.circle{margin-top:calc(var(--button-size) * -1)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:transparent;padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{-webkit-box-shadow:var(--surface-shadow-md);box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item: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-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input: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-input input:focus,.br-input input: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-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{display:block}:host .br-input .input-icon{margin-top:0.1em;margin-left:var(--spacing-scale-base)}:host .br-input .input-icon+input{padding-left:calc(var(--input-padding-icon) + 3px)}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half)) * -1);padding:0;position:relative}.button-transform{-webkit-transform:translateY(calc((var(--input-size) - 32px) * 0.5));transform:translateY(calc((var(--input-size) - 32px) * 0.5))}";var BrInputStyle0=inputCss;var Input=function(){function t(t){var r=this;registerInstance(this,t);this.valueChange=createEvent(this,"valueChange",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleInput=function(t){r.value=t.target.value;r.valueChange.emit(r.value)};this.renderLabel=function(){var t;if(((t=r.label)===null||t===void 0?void 0:t.length)>0){if(r.isInline){return h("div",{class:"input-label"},h("label",{class:"text-nowrap",htmlFor:r.customId},r.label))}else{return h("label",{htmlFor:r.customId},r.label)}}};this.renderInput=function(){return h("input",Object.assign({class:r.isHighlight?"input-highlight":null,id:r.customId,autocomplete:r.autocomplete,disabled:r.disabled,autoCorrect:r.autocorrect,min:r.min,max:r.max,minLength:r.minlength,maxLength:r.maxlength,multiple:r.multiple,name:r.name,pattern:r.pattern,step:r.step,onInput:r.handleInput,placeholder:r.placeholder,readonly:r.readonly,required:r.required,title:r.el.title,type:r.type,value:r.value},r.inheritedAttributes))};this.renderHelpText=function(){var t;return((t=r.helpText)===null||t===void 0?void 0:t.length)>0?h("p",null,r.helpText):h("slot",{name:"help-text"})};this.renderIconPassword=function(){var t=r.isPasswordVisible?"fa-solid:eye-slash":"fa-solid:eye";return h("br-icon",{"icon-name":t})};this.togglePasswordVisibility=function(){var t=r.el.shadowRoot.querySelector("input");r.isPasswordVisible=!r.isPasswordVisible;t.type=r.isPasswordVisible?"text":"password"};this.renderInlineInputContent=function(){if(r.hasIconSlot){return h("div",{class:"input-content"},r.renderInputWithIcon())}else{return h("div",{class:"input-content"},r.renderInputWithoutIcon())}};this.renderInputContent=function(){return r.hasIconSlot?r.renderInputWithIcon():r.renderInputWithoutIcon()};this.renderInputWithIcon=function(){return h("div",{class:"input-group"},r.renderIconSlot(),r.renderInput(),r.renderButton(),r.renderHelpText())};this.renderInputWithoutIcon=function(){return[r.renderInput(),r.renderButton(),r.renderHelpText()]};this.customId="br-input-".concat(v4());this.type="text";this.autocomplete=undefined;this.density="medium";this.disabled=false;this.isInline=false;this.isHighlight=false;this.state=undefined;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.value=undefined;this.helpText=undefined;this.autocorrect="off";this.min=undefined;this.max=undefined;this.minlength=undefined;this.maxlength=undefined;this.multiple=false;this.pattern=undefined;this.step=undefined;this.isPasswordVisible=false;this.hasIconSlot=false;this.hasActionSlot=false}t.prototype.componentWillLoad=function(){this.hasIconSlot=this.hasSlotContent("icon");this.hasActionSlot=this.hasSlotContent("action");this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.getInputCssClassMap=function(){return{"br-input":true,"input-button":this.hasActionSlot,small:this.density==="small",large:this.density==="large",medium:this.density==="medium","input-inline":this.isInline,"input-highlight":this.isHighlight,success:this.state==="success",danger:this.state==="danger",info:this.state==="info",warning:this.state==="warning"}};t.prototype.hasSlotContent=function(t){return this.el.querySelector('[slot="'.concat(t,'"]'))!==null};t.prototype.renderIconSlot=function(){if(this.hasSlotContent("icon")){return h("div",{class:"input-icon"},h("slot",{name:"icon"}))}};t.prototype.renderButton=function(){if(this.type==="password"){return h("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone",onClick:this.togglePasswordVisibility},this.renderIconPassword())}else if(this.hasSlotContent("action")){return h("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone"},h("slot",{name:"action"}))}return null};t.prototype.render=function(){return h(Host,{key:"d5e8fec1c09589e9c9e9aa206b3c1669ef1f04f8"},h("div",{key:"431430f8d91e3086b114d4bc7fa3b43e9b5b9eab",class:this.getInputCssClassMap()},this.renderLabel(),this.isInline?this.renderInlineInputContent():this.renderInputContent()))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Input.style=BrInputStyle0;export{Input as br_input};
 //# sourceMappingURL=br-input.entry.js.map

package/dist/esm-es5/br-input.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["inputCss","BrInputStyle0","Input","this","inheritedAttributes","handleInput","event","_this","value","target","valueChange","emit","renderLabel","_a","label","length","isInline","h","class","htmlFor","customId","renderInput","Object","assign","isHighlight","id","autocomplete","disabled","onInput","placeholder","readonly","required","title","el","type","renderHelpText","helpText","name","renderIconPassword","iconName","isPasswordVisible","togglePasswordVisibility","input","shadowRoot","querySelector","renderInlineInputContent","hasIconSlot","renderInputWithIcon","renderInputWithoutIcon","renderInputContent","renderIconSlot","renderButton","concat","uuidv4","prototype","componentWillLoad","hasSlotContent","hasActionSlot","inheritAriaAttributes","getInputCssClassMap","small","density","large","medium","success","state","danger","info","warning","slotName","shape","onClick","render","Host","key"],"sources":["src/components/input/input.scss?tag=br-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/input/input.scss\";\n\n:host {\n display: block;\n\n .br-input .input-icon {\n margin-top: 0.1em;\n margin-left: var(--spacing-scale-base);\n }\n\n .br-input .input-icon + input {\n padding-left: calc(var(--input-padding-icon) + 3px);\n }\n}\n\n\n.br-input br-button {\n float: right;\n margin-right: var(--input-button-margin);\n margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n padding: 0;\n position: relative;\n}\n\n .button-transform{\n transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n }\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/*\n \n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n \n @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n /\n@Component({\n tag: 'br-input',\n styleUrl: 'input.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Input {\n /\n Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n /\n @Element() el: HTMLBrInputElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único do input.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-input-${uuidv4()}`\n\n /\n Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n * - 'color': Seletor de cor\n * - 'email': Campo para e-mail\n * - 'hidden': Campo oculto\n * - 'password': Campo para senha\n * - 'range': Controle deslizante\n * - 'search': Campo de pesquisa\n * - 'number': Campo para números\n * - 'tel': Campo para números de telefone\n * - 'text': Campo de texto padrão\n * - 'url': Campo para URLs\n /\n @Prop({ reflect: true }) type:\n \| 'color'\n \| 'email'\n \| 'hidden'\n \| 'password'\n \| 'range'\n \| 'search'\n \| 'number'\n \| 'tel'\n \| 'text'\n \| 'file'\n \| 'url' = 'text'\n\n /\n Controla o comportamento de preenchimento automático do navegador para o input.\n /\n @Prop({ reflect: true }) autocomplete: 'on' \| 'off'\n\n /\n Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n /\n @Prop({ reflect: true }) density: 'large' \| 'medium' \| 'small' = 'medium'\n\n /\n Desativa o input, tornando-o não interativo.\n /\n @Prop({ reflect: true }) disabled: boolean = false\n\n /\n Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n /\n @Prop({ reflect: true }) isInline: boolean = false\n\n /\n Se verdadeiro, o input terá destaque visual.\n /\n @Prop({ reflect: true }) isHighlight: boolean = false\n\n /\n Define o estado do input\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n /\n @Prop({ reflect: true }) state: 'info' \| 'warning' \| 'danger' \| 'success'\n\n /\n Texto exibido como rótulo do input.\n /\n @Prop({ reflect: true }) label: string\n\n /\n Nome do input, utilizado para identificação em formulários.\n /\n @Prop({ reflect: true }) name: 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 }) placeholder: string\n\n /\n Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n /\n @Prop({ reflect: true }) readonly: boolean = false\n\n /\n Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n /\n @Prop({ reflect: true }) required: boolean = false\n\n /\n Valor inicial exibido no input.\n * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n /\n @Prop({ reflect: true, mutable: true }) value: string\n\n /\n Texto adicional que fornece ajuda ou informações sobre o input.\n /\n @Prop({ reflect: true }) helpText: string\n\n @State() isPasswordVisible: boolean = false\n\n @State() hasIconSlot: boolean = false\n\n @State() hasActionSlot: boolean = false\n\n componentWillLoad() {\n this.hasIconSlot = this.hasSlotContent('icon')\n this.hasActionSlot = this.hasSlotContent('action')\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getInputCssClassMap(): CssClassMap {\n return {\n 'br-input': true,\n 'input-button': this.hasActionSlot,\n small: this.density === 'small',\n large: this.density === 'large',\n medium: this.density === 'medium',\n 'input-inline': this.isInline,\n 'input-highlight': this.isHighlight,\n success: this.state === 'success',\n danger: this.state === 'danger',\n info: this.state === 'info',\n warning: this.state === 'warning',\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n /\n Valor atualizado do input\n */\n @Event() valueChange!: EventEmitter<string>\n private readonly handleInput = (event: Event) => {\n this.value = (event.target as HTMLInputElement).value\n this.valueChange.emit(this.value)\n }\n\n private readonly renderLabel = () => {\n if (this.label?.length > 0) {\n if (this.isInline) {\n return (\n <div class=\"input-label\">\n <label class=\"text-nowrap\" htmlFor={this.customId}>\n {this.label}\n </label>\n </div>\n )\n } else {\n return <label htmlFor={this.customId}>{this.label}</label>\n }\n }\n }\n\n private hasSlotContent(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private readonly renderInput = () => {\n return (\n <input\n class={this.isHighlight ? 'input-highlight' : null}\n id={this.customId}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n onInput={this.handleInput}\n placeholder={this.placeholder}\n readonly={this.readonly}\n required={this.required}\n title={this.el.title}\n type={this.type}\n value={this.value}\n {...this.inheritedAttributes}\n />\n )\n }\n\n private readonly renderHelpText = () => {\n return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n }\n\n private readonly renderIconPassword = () => {\n const iconName = this.isPasswordVisible ? 'fa-solid:eye-slash' : 'fa-solid:eye';\n return <br-icon icon-name={iconName}></br-icon>;\n }\n\n private readonly togglePasswordVisibility = () => {\n const input = this.el.shadowRoot.querySelector('input')\n this.isPasswordVisible = !this.isPasswordVisible\n input.type = this.isPasswordVisible ? 'text' : 'password'\n }\n\n private renderIconSlot() {\n if (this.hasSlotContent('icon')) {\n return (\n <div class=\"input-icon\">\n <slot name=\"icon\"></slot>\n </div>\n )\n }\n }\n\n private renderButton() {\n if (this.type === 'password') {\n return (\n <br-button\n class=\"button-transform\"\n shape=\"circle\"\n density=\"small\"\n aria-label=\"botão de ação do ícone\"\n onClick={this.togglePasswordVisibility}\n >\n {this.renderIconPassword()}\n </br-button>\n )\n } else if (this.hasSlotContent('action')) {\n return (\n <br-button\n class=\"button-transform\"\n shape=\"circle\"\n density=\"small\"\n aria-label=\"botão de ação do ícone\"\n // onClick={this.onIconAction}\n >\n <slot name=\"action\"></slot>\n </br-button>\n )\n }\n return null\n }\n\n private readonly renderInlineInputContent = () => {\n if (this.hasIconSlot) {\n return (\n <div class=\"input-content\">\n {this.renderInputWithIcon()}\n </div>\n );\n } else {\n return (\n <div class=\"input-content\">\n {this.renderInputWithoutIcon()}\n </div>\n );\n }\n };\n\n private readonly renderInputContent = () => {\n return this.hasIconSlot ? this.renderInputWithIcon() : this.renderInputWithoutIcon()\n }\n\n private readonly renderInputWithIcon = () => {\n return (\n <div class=\"input-group\">\n {this.renderIconSlot()}\n {this.renderInput()}\n {this.renderButton()}\n {this.renderHelpText()}\n </div>\n );\n };\n\n private readonly renderInputWithoutIcon = () => {\n return [\n this.renderInput(),\n this.renderButton(),\n this.renderHelpText()\n ]\n };\n\n render() {\n return (\n <Host>\n <div class={this.getInputCssClassMap()}>\n {this.renderLabel()}\n\n {this.isInline ? (\n this.renderInlineInputContent()\n ) : (\n this.renderInputContent()\n )}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;qNAAA,IAAMA,SAAW,43fACjB,IAAAC,cAAeD,S,ICkBFE,MAAK,W,0RA6IRC,KAAAC,oBAAkC,GAMzBD,KAAAE,YAAc,SAACC,GAC9BC,EAAKC,MAASF,EAAMG,OAA4BD,MAChDD,EAAKG,YAAYC,KAAKJ,EAAKC,M,EAGZL,KAAAS,YAAc,W,MAC7B,KAAIC,EAAAN,EAAKO,SAAK,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAG,CAC1B,GAAIR,EAAKS,SAAU,CACjB,OACEC,EAAA,OAAKC,MAAM,eACTD,EAAA,SAAOC,MAAM,cAAcC,QAASZ,EAAKa,UACtCb,EAAKO,O,KAIP,CACL,OAAOG,EAAA,SAAOE,QAASZ,EAAKa,UAAWb,EAAKO,M,IASjCX,KAAAkB,YAAc,WAC7B,OACEJ,EAAA,QAAAK,OAAAC,OAAA,CACEL,MAAOX,EAAKiB,YAAc,kBAAoB,KAC9CC,GAAIlB,EAAKa,SACTM,aAAcnB,EAAKmB,aACnBC,SAAUpB,EAAKoB,SACfC,QAASrB,EAAKF,YACdwB,YAAatB,EAAKsB,YAClBC,SAAUvB,EAAKuB,SACfC,SAAUxB,EAAKwB,SACfC,MAAOzB,EAAK0B,GAAGD,MACfE,KAAM3B,EAAK2B,KACX1B,MAAOD,EAAKC,OACRD,EAAKH,qB,EAKED,KAAAgC,eAAiB,W,MAChC,QAAOtB,EAAAN,EAAK6B,YAAQ,MAAAvB,SAAA,SAAAA,EAAEE,QAAS,EAAIE,EAAA,SAAIV,EAAK6B,UAAgBnB,EAAA,QAAMoB,KAAK,a,EAGxDlC,KAAAmC,mBAAqB,WACpC,IAAMC,EAAWhC,EAAKiC,kBAAoB,qBAAuB,eACjE,OAAOvB,EAAA,uBAAoBsB,G,EAGZpC,KAAAsC,yBAA2B,WAC1C,IAAMC,EAAQnC,EAAK0B,GAAGU,WAAWC,cAAc,SAC/CrC,EAAKiC,mBAAqBjC,EAAKiC,kBAC/BE,EAAMR,KAAO3B,EAAKiC,kBAAoB,OAAS,U,EA0ChCrC,KAAA0C,yBAA2B,WAC1C,GAAItC,EAAKuC,YAAa,CACpB,OACE7B,EAAA,OAAKC,MAAM,iBACRX,EAAKwC,sB,KAGL,CACL,OACE9B,EAAA,OAAKC,MAAM,iBACRX,EAAKyC,yB,GAMG7C,KAAA8C,mBAAqB,WACpC,OAAO1C,EAAKuC,YAAcvC,EAAKwC,sBAAwBxC,EAAKyC,wB,EAG7C7C,KAAA4C,oBAAsB,WACrC,OACE9B,EAAA,OAAKC,MAAM,eACRX,EAAK2C,iBACL3C,EAAKc,cACLd,EAAK4C,eACL5C,EAAK4B,iB,EAKKhC,KAAA6C,uBAAyB,WACxC,MAAO,CACLzC,EAAKc,cACLd,EAAK4C,eACL5C,EAAK4B,iB,gBA3QoD,YAAAiB,OAAYC,M,UA0B7D,O,yCAUqD,S,cAKpB,M,cAKA,M,iBAKG,M,uGA+BH,M,cAKA,M,oEAaP,M,iBAEN,M,mBAEE,K,CAElCnD,EAAAoD,UAAAC,kBAAA,WACEpD,KAAK2C,YAAc3C,KAAKqD,eAAe,QACvCrD,KAAKsD,cAAgBtD,KAAKqD,eAAe,UACzCrD,KAAKC,oBAAsBsD,sBAAsBvD,KAAK8B,G,EAGhD/B,EAAAoD,UAAAK,oBAAA,WACN,MAAO,CACL,WAAY,KACZ,eAAgBxD,KAAKsD,cACrBG,MAAOzD,KAAK0D,UAAY,QACxBC,MAAO3D,KAAK0D,UAAY,QACxBE,OAAQ5D,KAAK0D,UAAY,SACzB,eAAgB1D,KAAKa,SACrB,kBAAmBb,KAAKqB,YACxBwC,QAAS7D,KAAK8D,QAAU,UACxBC,OAAQ/D,KAAK8D,QAAU,SACvBE,KAAMhE,KAAK8D,QAAU,OACrBG,QAASjE,KAAK8D,QAAU,U,EA+BpB/D,EAAAoD,UAAAE,eAAA,SAAea,GACrB,OAAOlE,KAAK8B,GAAGW,cAAc,UAAAQ,OAAUiB,EAAQ,SAAU,I,EAqCnDnE,EAAAoD,UAAAJ,eAAA,WACN,GAAI/C,KAAKqD,eAAe,QAAS,CAC/B,OACEvC,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMoB,KAAK,S,GAMXnC,EAAAoD,UAAAH,aAAA,WACN,GAAIhD,KAAK+B,OAAS,WAAY,CAC5B,OACEjB,EAAA,aACEC,MAAM,mBACNoD,MAAM,SACNT,QAAQ,QAAO,aACJ,yBACXU,QAASpE,KAAKsC,0BAEbtC,KAAKmC,qB,MAGL,GAAInC,KAAKqD,eAAe,UAAW,CACxC,OACEvC,EAAA,aACEC,MAAM,mBACNoD,MAAM,SACNT,QAAQ,QAAO,aACJ,0BAGX5C,EAAA,QAAMoB,KAAK,W,CAIjB,OAAO,I,EA0CTnC,EAAAoD,UAAAkB,OAAA,WACE,OACEvD,EAACwD,KAAI,CAAAC,IAAA,4CACHzD,EAAA,OAAAyD,IAAA,2CAAKxD,MAAOf,KAAKwD,uBACdxD,KAAKS,cAELT,KAAKa,SACJb,KAAK0C,2BAEL1C,KAAK8C,sB,2OArSC,G","ignoreList":[]}
1	+ {"version":3,"names":["inputCss","BrInputStyle0","Input","this","inheritedAttributes","handleInput","event","_this","value","target","valueChange","emit","renderLabel","_a","label","length","isInline","h","class","htmlFor","customId","renderInput","Object","assign","isHighlight","id","autocomplete","disabled","autoCorrect","autocorrect","min","max","minLength","minlength","maxLength","maxlength","multiple","name","pattern","step","onInput","placeholder","readonly","required","title","el","type","renderHelpText","helpText","renderIconPassword","iconName","isPasswordVisible","togglePasswordVisibility","input","shadowRoot","querySelector","renderInlineInputContent","hasIconSlot","renderInputWithIcon","renderInputWithoutIcon","renderInputContent","renderIconSlot","renderButton","concat","uuidv4","prototype","componentWillLoad","hasSlotContent","hasActionSlot","inheritAriaAttributes","getInputCssClassMap","small","density","large","medium","success","state","danger","info","warning","slotName","shape","onClick","render","Host","key"],"sources":["src/components/input/input.scss?tag=br-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/input/input.scss\";\n\n:host {\n display: block;\n\n .br-input .input-icon {\n margin-top: 0.1em;\n margin-left: var(--spacing-scale-base);\n }\n\n .br-input .input-icon + input {\n padding-left: calc(var(--input-padding-icon) + 3px);\n }\n}\n\n\n.br-input br-button {\n float: right;\n margin-right: var(--input-button-margin);\n margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n padding: 0;\n position: relative;\n}\n\n .button-transform{\n transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n }\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/*\n \n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n \n @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n /\n@Component({\n tag: 'br-input',\n styleUrl: 'input.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Input {\n /\n Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n /\n @Element() el: HTMLBrInputElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /\n Identificador único do input.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n /\n @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-input-${uuidv4()}`\n\n /\n Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n * - 'color': Seletor de cor\n * - 'email': Campo para e-mail\n * - 'hidden': Campo oculto\n * - 'password': Campo para senha\n * - 'range': Controle deslizante\n * - 'search': Campo de pesquisa\n * - 'number': Campo para números\n * - 'tel': Campo para números de telefone\n * - 'text': Campo de texto padrão\n * - 'url': Campo para URLs\n /\n @Prop({ reflect: true }) type:\n \| 'color'\n \| 'email'\n \| 'hidden'\n \| 'password'\n \| 'range'\n \| 'search'\n \| 'number'\n \| 'tel'\n \| 'text'\n \| 'file'\n \| 'url' = 'text'\n\n /\n Controla o comportamento de preenchimento automático do navegador para o input.\n /\n @Prop({ reflect: true }) autocomplete: 'on' \| 'off'\n\n /\n Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n /\n @Prop({ reflect: true }) density: 'large' \| 'medium' \| 'small' = 'medium'\n\n /\n Desativa o input, tornando-o não interativo.\n /\n @Prop({ reflect: true }) disabled: boolean = false\n\n /\n Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n /\n @Prop({ reflect: true }) isInline: boolean = false\n\n /\n Se verdadeiro, o input terá destaque visual.\n /\n @Prop({ reflect: true }) isHighlight: boolean = false\n\n /\n Define o estado do input\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n /\n @Prop({ reflect: true }) state: 'info' \| 'warning' \| 'danger' \| 'success'\n\n /\n Texto exibido como rótulo do input.\n /\n @Prop({ reflect: true }) label: string\n\n /\n Nome do input, utilizado para identificação em formulários.\n /\n @Prop({ reflect: true }) name: 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 }) placeholder: string\n\n /\n Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n /\n @Prop({ reflect: true }) readonly: boolean = false\n\n /\n Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n /\n @Prop({ reflect: true }) required: boolean = false\n\n /\n Valor inicial exibido no input.\n * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n /\n @Prop({ reflect: true, mutable: true }) value: string\n\n /\n Texto adicional que fornece ajuda ou informações sobre o input.\n /\n @Prop({ reflect: true }) helpText: string\n\n /\n Controla a correção automática do texto.\n /\n @Prop({ reflect: true }) autocorrect: 'off' \| 'on' = 'off'\n\n /\n Define o valor mínimo para campos de entrada numéricos.\n /\n @Prop({ reflect: true }) min: number\n\n /\n Define o valor máximo para campos de entrada numéricos.\n /\n @Prop({ reflect: true }) max: number\n\n /\n Define o comprimento mínimo do valor do campo de entrada.\n /\n @Prop({ reflect: true }) minlength: number\n\n /\n Define o comprimento máximo do valor do campo de entrada.\n /\n @Prop({ reflect: true }) maxlength: number\n\n /\n Se verdadeiro, permite a seleção de múltiplos arquivos.\n /\n @Prop({ reflect: true }) multiple: boolean = false\n\n /\n Define o padrão de entrada para validação.\n /\n @Prop({ reflect: true }) pattern: string\n\n /\n Define o valor do passo para campos de entrada numéricos.\n /\n @Prop({ reflect: true }) step: number\n\n @State() isPasswordVisible: boolean = false\n\n @State() hasIconSlot: boolean = false\n\n @State() hasActionSlot: boolean = false\n\n componentWillLoad() {\n this.hasIconSlot = this.hasSlotContent('icon')\n this.hasActionSlot = this.hasSlotContent('action')\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getInputCssClassMap(): CssClassMap {\n return {\n 'br-input': true,\n 'input-button': this.hasActionSlot,\n small: this.density === 'small',\n large: this.density === 'large',\n medium: this.density === 'medium',\n 'input-inline': this.isInline,\n 'input-highlight': this.isHighlight,\n success: this.state === 'success',\n danger: this.state === 'danger',\n info: this.state === 'info',\n warning: this.state === 'warning',\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n /\n Valor atualizado do input\n */\n @Event() valueChange!: EventEmitter<string>\n private readonly handleInput = (event: Event) => {\n this.value = (event.target as HTMLInputElement).value\n this.valueChange.emit(this.value)\n }\n\n private readonly renderLabel = () => {\n if (this.label?.length > 0) {\n if (this.isInline) {\n return (\n <div class=\"input-label\">\n <label class=\"text-nowrap\" htmlFor={this.customId}>\n {this.label}\n </label>\n </div>\n )\n } else {\n return <label htmlFor={this.customId}>{this.label}</label>\n }\n }\n }\n\n private hasSlotContent(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private readonly renderInput = () => {\n return (\n <input\n class={this.isHighlight ? 'input-highlight' : null}\n id={this.customId}\n autocomplete={this.autocomplete}\n disabled={this.disabled}\n autoCorrect={this.autocorrect}\n min={this.min}\n max={this.max}\n minLength={this.minlength}\n maxLength={this.maxlength}\n multiple={this.multiple}\n name={this.name}\n pattern={this.pattern}\n step={this.step}\n onInput={this.handleInput}\n placeholder={this.placeholder}\n readonly={this.readonly}\n required={this.required}\n title={this.el.title}\n type={this.type}\n value={this.value}\n {...this.inheritedAttributes}\n />\n )\n }\n\n private readonly renderHelpText = () => {\n return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n }\n\n private readonly renderIconPassword = () => {\n const iconName = this.isPasswordVisible ? 'fa-solid:eye-slash' : 'fa-solid:eye'\n return <br-icon icon-name={iconName}></br-icon>\n }\n\n private readonly togglePasswordVisibility = () => {\n const input = this.el.shadowRoot.querySelector('input')\n this.isPasswordVisible = !this.isPasswordVisible\n input.type = this.isPasswordVisible ? 'text' : 'password'\n }\n\n private renderIconSlot() {\n if (this.hasSlotContent('icon')) {\n return (\n <div class=\"input-icon\">\n <slot name=\"icon\"></slot>\n </div>\n )\n }\n }\n\n private renderButton() {\n if (this.type === 'password') {\n return (\n <br-button\n class=\"button-transform\"\n shape=\"circle\"\n density=\"small\"\n aria-label=\"botão de ação do ícone\"\n onClick={this.togglePasswordVisibility}\n >\n {this.renderIconPassword()}\n </br-button>\n )\n } else if (this.hasSlotContent('action')) {\n return (\n <br-button\n class=\"button-transform\"\n shape=\"circle\"\n density=\"small\"\n aria-label=\"botão de ação do ícone\"\n // onClick={this.onIconAction}\n >\n <slot name=\"action\"></slot>\n </br-button>\n )\n }\n return null\n }\n\n private readonly renderInlineInputContent = () => {\n if (this.hasIconSlot) {\n return <div class=\"input-content\">{this.renderInputWithIcon()}</div>\n } else {\n return <div class=\"input-content\">{this.renderInputWithoutIcon()}</div>\n }\n }\n\n private readonly renderInputContent = () => {\n return this.hasIconSlot ? this.renderInputWithIcon() : this.renderInputWithoutIcon()\n }\n\n private readonly renderInputWithIcon = () => {\n return (\n <div class=\"input-group\">\n {this.renderIconSlot()}\n {this.renderInput()}\n {this.renderButton()}\n {this.renderHelpText()}\n </div>\n )\n }\n\n private readonly renderInputWithoutIcon = () => {\n return [this.renderInput(), this.renderButton(), this.renderHelpText()]\n }\n\n render() {\n return (\n <Host>\n <div class={this.getInputCssClassMap()}>\n {this.renderLabel()}\n\n {this.isInline ? this.renderInlineInputContent() : this.renderInputContent()}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;qNAAA,IAAMA,SAAW,43fACjB,IAAAC,cAAeD,S,ICmBFE,MAAK,W,0RAqLRC,KAAAC,oBAAkC,GAMzBD,KAAAE,YAAc,SAACC,GAC9BC,EAAKC,MAASF,EAAMG,OAA4BD,MAChDD,EAAKG,YAAYC,KAAKJ,EAAKC,M,EAGZL,KAAAS,YAAc,W,MAC7B,KAAIC,EAAAN,EAAKO,SAAK,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAG,CAC1B,GAAIR,EAAKS,SAAU,CACjB,OACEC,EAAA,OAAKC,MAAM,eACTD,EAAA,SAAOC,MAAM,cAAcC,QAASZ,EAAKa,UACtCb,EAAKO,O,KAIP,CACL,OAAOG,EAAA,SAAOE,QAASZ,EAAKa,UAAWb,EAAKO,M,IASjCX,KAAAkB,YAAc,WAC7B,OACEJ,EAAA,QAAAK,OAAAC,OAAA,CACEL,MAAOX,EAAKiB,YAAc,kBAAoB,KAC9CC,GAAIlB,EAAKa,SACTM,aAAcnB,EAAKmB,aACnBC,SAAUpB,EAAKoB,SACfC,YAAarB,EAAKsB,YAClBC,IAAKvB,EAAKuB,IACVC,IAAKxB,EAAKwB,IACVC,UAAWzB,EAAK0B,UAChBC,UAAW3B,EAAK4B,UAChBC,SAAU7B,EAAK6B,SACfC,KAAM9B,EAAK8B,KACXC,QAAS/B,EAAK+B,QACdC,KAAMhC,EAAKgC,KACXC,QAASjC,EAAKF,YACdoC,YAAalC,EAAKkC,YAClBC,SAAUnC,EAAKmC,SACfC,SAAUpC,EAAKoC,SACfC,MAAOrC,EAAKsC,GAAGD,MACfE,KAAMvC,EAAKuC,KACXtC,MAAOD,EAAKC,OACRD,EAAKH,qB,EAKED,KAAA4C,eAAiB,W,MAChC,QAAOlC,EAAAN,EAAKyC,YAAQ,MAAAnC,SAAA,SAAAA,EAAEE,QAAS,EAAIE,EAAA,SAAIV,EAAKyC,UAAgB/B,EAAA,QAAMoB,KAAK,a,EAGxDlC,KAAA8C,mBAAqB,WACpC,IAAMC,EAAW3C,EAAK4C,kBAAoB,qBAAuB,eACjE,OAAOlC,EAAA,uBAAoBiC,G,EAGZ/C,KAAAiD,yBAA2B,WAC1C,IAAMC,EAAQ9C,EAAKsC,GAAGS,WAAWC,cAAc,SAC/ChD,EAAK4C,mBAAqB5C,EAAK4C,kBAC/BE,EAAMP,KAAOvC,EAAK4C,kBAAoB,OAAS,U,EA0ChChD,KAAAqD,yBAA2B,WAC1C,GAAIjD,EAAKkD,YAAa,CACpB,OAAOxC,EAAA,OAAKC,MAAM,iBAAiBX,EAAKmD,sB,KACnC,CACL,OAAOzC,EAAA,OAAKC,MAAM,iBAAiBX,EAAKoD,yB,GAI3BxD,KAAAyD,mBAAqB,WACpC,OAAOrD,EAAKkD,YAAclD,EAAKmD,sBAAwBnD,EAAKoD,wB,EAG7CxD,KAAAuD,oBAAsB,WACrC,OACEzC,EAAA,OAAKC,MAAM,eACRX,EAAKsD,iBACLtD,EAAKc,cACLd,EAAKuD,eACLvD,EAAKwC,iB,EAKK5C,KAAAwD,uBAAyB,WACxC,MAAO,CAACpD,EAAKc,cAAed,EAAKuD,eAAgBvD,EAAKwC,iB,gBAjTK,YAAAgB,OAAYC,M,UA0B7D,O,yCAUqD,S,cAKpB,M,cAKA,M,iBAKG,M,uGA+BH,M,cAKA,M,8DAgBQ,M,sGAyBR,M,kEAYP,M,iBAEN,M,mBAEE,K,CAElC9D,EAAA+D,UAAAC,kBAAA,WACE/D,KAAKsD,YAActD,KAAKgE,eAAe,QACvChE,KAAKiE,cAAgBjE,KAAKgE,eAAe,UACzChE,KAAKC,oBAAsBiE,sBAAsBlE,KAAK0C,G,EAGhD3C,EAAA+D,UAAAK,oBAAA,WACN,MAAO,CACL,WAAY,KACZ,eAAgBnE,KAAKiE,cACrBG,MAAOpE,KAAKqE,UAAY,QACxBC,MAAOtE,KAAKqE,UAAY,QACxBE,OAAQvE,KAAKqE,UAAY,SACzB,eAAgBrE,KAAKa,SACrB,kBAAmBb,KAAKqB,YACxBmD,QAASxE,KAAKyE,QAAU,UACxBC,OAAQ1E,KAAKyE,QAAU,SACvBE,KAAM3E,KAAKyE,QAAU,OACrBG,QAAS5E,KAAKyE,QAAU,U,EA+BpB1E,EAAA+D,UAAAE,eAAA,SAAea,GACrB,OAAO7E,KAAK0C,GAAGU,cAAc,UAAAQ,OAAUiB,EAAQ,SAAU,I,EA8CnD9E,EAAA+D,UAAAJ,eAAA,WACN,GAAI1D,KAAKgE,eAAe,QAAS,CAC/B,OACElD,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMoB,KAAK,S,GAMXnC,EAAA+D,UAAAH,aAAA,WACN,GAAI3D,KAAK2C,OAAS,WAAY,CAC5B,OACE7B,EAAA,aACEC,MAAM,mBACN+D,MAAM,SACNT,QAAQ,QAAO,aACJ,yBACXU,QAAS/E,KAAKiD,0BAEbjD,KAAK8C,qB,MAGL,GAAI9C,KAAKgE,eAAe,UAAW,CACxC,OACElD,EAAA,aACEC,MAAM,mBACN+D,MAAM,SACNT,QAAQ,QAAO,aACJ,0BAGXvD,EAAA,QAAMoB,KAAK,W,CAIjB,OAAO,I,EA8BTnC,EAAA+D,UAAAkB,OAAA,WACE,OACElE,EAACmE,KAAI,CAAAC,IAAA,4CACHpE,EAAA,OAAAoE,IAAA,2CAAKnE,MAAOf,KAAKmE,uBACdnE,KAAKS,cAELT,KAAKa,SAAWb,KAAKqD,2BAA6BrD,KAAKyD,sB,2OAvUhD,G","ignoreList":[]}

package/dist/esm-es5/br-tag.entry.js ADDED Viewed

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";var tagCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.br-tag{--tag-size:var(--tag-medium);--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3xh);--tag-large:var(--spacing-scale-4xh);-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{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)))}.br-tag.disabled input{cursor:not-allowed}.br-tag.status{--tag-small:var(--spacing-scale-baseh);--tag-medium:var(--spacing-scale-2x);--tag-large:var(--spacing-scale-3x);border:1px solid var(--background-light);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.count{--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3x);--tag-large:var(--spacing-scale-3xh);border:1px solid var(--background-light);border-radius:100em;min-width:var(--tag-size);padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-tag.icon{--tag-small:var(--spacing-scale-3xh);--tag-medium:var(--spacing-scale-4x);--tag-large:var(--spacing-scale-5xh);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{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)))}.br-tag.disabled input{cursor:not-allowed}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{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)))}.br-tag.disabled input{cursor:not-allowed}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.is-highlight,.br-tag.highlight,.br-tag[highlight]{background-color:#268744}.br-tag.success,.br-tag[success]{background-color:var(--success)}.br-tag.danger,.br-tag[danger]{background-color:var(--danger)}.br-tag.warning,.br-tag[warning]{background-color:var(--warning)}.br-tag.info,.br-tag[info]{background-color:var(--info)}:host{display:block}:host .tag-position{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}:host .tag-spacing-status{margin-left:var(--spacing-scale-half) !important}";var BrTagStyle0=tagCss;var Tag=function(){function a(a){var r=this;registerInstance(this,a);this.brWillLoad=createEvent(this,"brWillLoad",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleClose=function(){r.el.remove()};this.label="";this.iconName="";this.color="";this.density="small";this.shape="default";this.status=false;this.interaction=false;this.disabled=false;this.stateIconName="fa-solid:car"}a.prototype.componentWillLoad=function(){this.brWillLoad.emit();this.inheritedAttributes=inheritAriaAttributes(this.el)};a.prototype.getCssClassMap=function(){var a;var r=(a={"br-tag":true,interaction:this.interaction},a[this.color]=this.color!=="",a.small=this.density==="small",a.medium=this.density==="medium",a.large=this.density==="large",a.count=this.shape==="rounded"?true:false,a.icon=this.shape==="circle"?true:false,a.status=this.status,a);return r};a.prototype.renderIcon=function(){if(this.iconName.trim().length===0)return null;return h("br-icon",{style:{fontSize:"var(--icon-size-base)"},"icon-name":this.iconName,"aria-hidden":"true"})};a.prototype.renderLabel=function(){if(this.shape==="circle"||this.status)return null;return h("span",{id:"interactivetag1","aria-label":this.label},this.label)};a.prototype.renderCloseButton=function(){if(!this.interaction)return null;return h("br-button",{type:"button",shape:"circle",emphasis:!this.interaction?"tertiary":"primary","aria-label":"Fechar",colorMode:!this.interaction?"dark":null,"aria-describedby":"interactivetag1",onClick:this.handleClose,disabled:this.disabled},h("br-icon",{"icon-name":"fa-solid:times"}))};a.prototype.renderStatusLabel=function(){if(!this.status)return null;return h("span",{class:"tag-spacing-status",id:"interactivetag1","aria-label":this.label},this.label)};a.prototype.render=function(){return h(Host,{key:"2ae1b9e249097b66fb02e0c903e294f73aad6bc0"},h("div",{key:"65f39b80147b977231e8bb9566f2aa1797597646",class:"tag-position"},h("span",Object.assign({key:"452777774bfdba4a5eed2af6bb429f02f8dd9ed3",class:this.getCssClassMap()},this.inheritedAttributes,{role:"alert","aria-live":"assertive"}),this.renderIcon(),this.renderLabel(),this.renderCloseButton(),h("slot",{key:"c3cad61c4e5d7b683c9b4a6b66fbf0b62a56ac8a"})),this.renderStatusLabel()))};Object.defineProperty(a,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();Tag.style=BrTagStyle0;export{Tag as br_tag};
+//# sourceMappingURL=br-tag.entry.js.map

package/dist/esm-es5/br-tag.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["tagCss","BrTagStyle0","Tag","this","inheritedAttributes","handleClose","_this","el","remove","prototype","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","_a","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n display: block;\n\n .tag-position {\n display: flex;\n justify-content: space-around;\n align-items: center;\n }\n .tag-spacing-status {\n margin-left: var(--spacing-scale-half) !important;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n tag: 'br-tag',\n styleUrl: 'tag.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tag {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrTagElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n */\n @Prop({ reflect: true }) label: string = ''\n\n /**\n * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n */\n @Prop({ reflect: true }) iconName: string = ''\n\n /**\n * A propriedade 'color' permite definir a cor do componente.\n * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n */\n @Prop({ reflect: true }) color: string = ''\n\n /**\n * A propriedade 'density' permite definir a densidade do componente.\n * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n */\n @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n /**\n * A propriedade 'shape' define o formato do componente.\n * Valores possíveis:\n * - 'circle': Componente com formato circular.\n * - 'rounded': Componente com bordas arredondadas.\n * - 'default': Componente com formato padrão.\n */\n @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n /**\n * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n * Se definido como true, o status será mostrado ao lado do texto.\n */\n @Prop({ reflect: true }) status: boolean = false\n\n /**\n * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n * Se definido como true, o componente permitirá interações do usuário.\n */\n @Prop({ reflect: true }) interaction: boolean = false\n\n /**\n * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n * Se definido como true, o componente não permitirá interações do usuário.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n @State() stateIconName: string = 'fa-solid:car'\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getCssClassMap(): CssClassMap {\n const classes: CssClassMap = {\n 'br-tag': true,\n interaction: this.interaction,\n [this.color]: this.color !== '',\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n count: this.shape === 'rounded' ? true : false,\n icon: this.shape === 'circle' ? true : false,\n status: this.status,\n }\n\n return classes\n }\n\n private inheritedAttributes: Attributes = {}\n\n private renderIcon() {\n if (this.iconName.trim().length === 0) return null\n return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n }\n\n private renderLabel() {\n if (this.shape === 'circle' || this.status) return null\n return (\n <span id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private renderCloseButton() {\n if (!this.interaction) return null\n return (\n <br-button\n type=\"button\"\n shape=\"circle\"\n emphasis={!this.interaction ? 'tertiary' : 'primary'}\n aria-label=\"Fechar\"\n colorMode={!this.interaction ? 'dark' : null}\n aria-describedby=\"interactivetag1\"\n onClick={this.handleClose}\n disabled={this.disabled}\n >\n <br-icon icon-name=\"fa-solid:times\"></br-icon>\n </br-button>\n )\n }\n\n private renderStatusLabel() {\n if (!this.status) return null\n return (\n <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private handleClose = () => {\n this.el.remove()\n }\n\n render() {\n return (\n <Host>\n <div class=\"tag-position\">\n <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n {this.renderIcon()}\n {this.renderLabel()}\n {this.renderCloseButton()}\n <slot></slot>\n </span>\n {this.renderStatusLabel()}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;+KAAA,IAAMA,OAAS,u6eACf,IAAAC,YAAeD,O,ICeFE,IAAG,W,wRAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,WACpBC,EAAKC,GAAGC,Q,aAxH+B,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjCN,EAAAO,UAAAC,kBAAA,WACEP,KAAKQ,WAAWC,OAChBT,KAAKC,oBAAsBS,sBAAsBV,KAAKI,G,EAGhDL,EAAAO,UAAAK,eAAA,W,MACN,IAAMC,GAAOC,EAAA,CACX,SAAU,KACVC,YAAad,KAAKc,aAClBD,EAACb,KAAKe,OAAQf,KAAKe,QAAU,GAC7BF,EAAAG,MAAOhB,KAAKiB,UAAY,QACxBJ,EAAAK,OAAQlB,KAAKiB,UAAY,SACzBJ,EAAAM,MAAOnB,KAAKiB,UAAY,QACxBJ,EAAAO,MAAOpB,KAAKqB,QAAU,UAAY,KAAO,MACzCR,EAAAS,KAAMtB,KAAKqB,QAAU,SAAW,KAAO,MACvCR,EAAAU,OAAQvB,KAAKuB,O,GAGf,OAAOX,C,EAKDb,EAAAO,UAAAkB,WAAA,WACN,GAAIxB,KAAKyB,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa9B,KAAKyB,SAAQ,cAAc,Q,EAG9F1B,EAAAO,UAAAyB,YAAA,WACN,GAAI/B,KAAKqB,QAAU,UAAYrB,KAAKuB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAahC,KAAKiC,OACzCjC,KAAKiC,M,EAKJlC,EAAAO,UAAA4B,kBAAA,WACN,IAAKlC,KAAKc,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWpC,KAAKc,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYrC,KAAKc,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAAStC,KAAKE,YACdqC,SAAUvC,KAAKuC,UAEfX,EAAA,uBAAmB,mB,EAKjB7B,EAAAO,UAAAkC,kBAAA,WACN,IAAKxC,KAAKuB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAahC,KAAKiC,OACpEjC,KAAKiC,M,EASZlC,EAAAO,UAAAoC,OAAA,WACE,OACEd,EAACe,KAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAOzC,KAAKW,kBAAsBX,KAAKC,oBAAmB,CAAE8C,KAAK,QAAO,YAAW,cACtF/C,KAAKwB,aACLxB,KAAK+B,cACL/B,KAAKkC,oBACNN,EAAA,QAAAgB,IAAA,8CAED5C,KAAKwC,qB,2OAlJA,G","ignoreList":[]}

package/dist/esm-es5/br-textarea.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var __awaiter=this&&this.__awaiter||function(r,t,a,e){function i(r){return r instanceof a?r:new a((function(t){t(r)}))}return new(a||(a=Promise))((function(a,o){function n(r){try{s(e.next(r))}catch(r){o(r)}}function l(r){try{s(e["throw"](r))}catch(r){o(r)}}function s(r){r.done?a(r.value):i(r.value).then(n,l)}s((e=e.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,i,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(r){return function(t){return s([r,t])}}function s(l){if(e)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(a=0)),a)try{if(e=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;i=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(l[0]===6&&a.label<o[1]){a.label=o[1];o=l;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(l);break}if(o[2])a.ops.pop();a.trys.pop();continue}l=t.call(r,a)}catch(r){l=[6,r];i=0}finally{e=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(r,a,t,e){function i(r){return r instanceof t?r:new t((function(a){a(r)}))}return new(t||(t=Promise))((function(t,o){function n(r){try{s(e.next(r))}catch(r){o(r)}}function l(r){try{s(e["throw"](r))}catch(r){o(r)}}function s(r){r.done?t(r.value):i(r.value).then(n,l)}s((e=e.apply(r,a||[])).next())}))};var __generator=this&&this.__generator||function(r,a){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,i,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(r){return function(a){return s([r,a])}}function s(l){if(e)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(t=0)),t)try{if(e=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){t.label=l[1];break}if(l[0]===6&&t.label<o[1]){t.label=o[1];o=l;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(l);break}if(o[2])t.ops.pop();t.trys.pop();continue}l=a.call(r,t)}catch(r){l=[6,r];i=0}finally{e=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
 /*!
  * Construído com @govbr-ds/webcomponents
  * Padrão Digital de Governo.
- */import{r as registerInstance,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";import{v as v4}from"./v4-c99c1585.js";var textareaCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.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.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";var BrTextareaStyle0=textareaCss;var Textarea=function(){function r(r){var t=this;registerInstance(this,r);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.handleChange=function(r){var a;var e=r.target;t.value=e.value;t.currentLength=(a=t.value)===null||a===void 0?void 0:a.length;t.emitValueChange()};this.inheritedAttributes={};this.value=undefined;this.label=undefined;this.placeholder=undefined;this.disabled=false;this.maxlength=0;this.state=undefined;this.density="medium";this.isInline=false;this.currentLength=undefined;this.customId="br-textarea-".concat(v4())}r.prototype.componentWillLoad=function(){var r;this.currentLength=(r=this.value)===null||r===void 0?void 0:r.length;this.inheritedAttributes=inheritAriaAttributes(this.el)};r.prototype.valueChanged=function(){var r;this.currentLength=(r=this.value)===null||r===void 0?void 0:r.length};r.prototype.setValue=function(r){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(a){this.value=r;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange();return[2]}))}))};r.prototype.emitValueChange=function(){var r=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(r)};r.prototype.getCssClassMap=function(){return{"br-textarea":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large",success:this.state==="success",danger:this.state==="danger",warning:this.state==="warning"}};r.prototype.render=function(){var r=this.maxlength-this.currentLength;var t=this.currentLength>0;return h(Host,{key:"defc8132cc310b1fdce9555584503b1091381f1a"},h("div",Object.assign({key:"cb6c15fda32b51936b72e3841f0902c62dfb1b2b",class:this.getCssClassMap()},this.inheritedAttributes),h("div",{key:"7f6c1f253f9ff2925cdd03979f2d59c094d33764",class:this.isInline?"row":""},this.isInline?h("div",{class:"col-auto pt-half"},h("label",{htmlFor:this.customId},this.label)):h("label",{htmlFor:this.customId},this.label),h("div",{key:"3fdb79978863ec3748395a25f3314b70bc9e2c70",class:this.isInline?"col":""},h("textarea",Object.assign({key:"8fb3b0cfeb66e6a41ca043280848beca7a48b831",id:this.customId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleChange},this.maxlength>0?{maxLength:this.maxlength}:{})),h("div",{key:"15886ef7f481fa9f68dd57d4765283fae22e82a4",class:"text-base mt-1"},this.maxlength>0&&h("div",{key:"793a5a2d1e8b5fb76c0ed96fc713544094c18809"},t?h("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",h("strong",null,r)," caracteres"):h("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",h("strong",null,this.maxlength)," caracteres"))),h("slot",{key:"0b6052b895a5b960bff7c3eb879e949ad4846cfa"})))))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return r}();Textarea.style=BrTextareaStyle0;export{Textarea as br_textarea};
+ */import{r as registerInstance,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";import{v as v4}from"./v4-c99c1585.js";var textareaCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.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.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";var BrTextareaStyle0=textareaCss;var Textarea=function(){function r(r){var a=this;registerInstance(this,r);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.handleChange=function(r){var t;var e=r.target;a.value=e.value;a.currentLength=(t=a.value)===null||t===void 0?void 0:t.length;a.emitValueChange()};this.inheritedAttributes={};this.value=undefined;this.label=undefined;this.placeholder=undefined;this.disabled=false;this.maxlength=0;this.state=undefined;this.density="medium";this.isInline=false;this.currentLength=undefined;this.customId="br-textarea-".concat(v4())}r.prototype.componentWillLoad=function(){var r;this.currentLength=(r=this.value)===null||r===void 0?void 0:r.length;this.inheritedAttributes=inheritAriaAttributes(this.el)};r.prototype.valueChanged=function(){var r;this.currentLength=(r=this.value)===null||r===void 0?void 0:r.length};r.prototype.setValue=function(r){return __awaiter(this,void 0,void 0,(function(){var a;return __generator(this,(function(t){this.value=r;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length;this.emitValueChange();return[2]}))}))};r.prototype.emitValueChange=function(){var r=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(r)};r.prototype.getCssClassMap=function(){return{"br-textarea":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large",success:this.state==="success",danger:this.state==="danger",warning:this.state==="warning"}};r.prototype.render=function(){var r=this.maxlength-this.currentLength;var a=this.currentLength>0;return h(Host,{key:"8bb5ea9efb0e2ee82d1c4074d7f9a8332fcfb635"},h("div",Object.assign({key:"cedcc004557860b4b2724c5180f2c012a109fcc1",class:this.getCssClassMap()},this.inheritedAttributes),h("div",{key:"3998a88b69f3dddc63ea41d08db7de96af28d25d",class:this.isInline?"row":""},this.isInline?h("div",{class:"col-auto pt-half"},h("label",{htmlFor:this.customId},this.label)):h("label",{htmlFor:this.customId},this.label),h("div",{key:"8f94f9c2aaf2758e5ee9be6938be50ce8c82db7c",class:this.isInline?"col":""},h("textarea",Object.assign({key:"a642046a4dd9da93ac051eb6bf0ecfe711433680",id:this.customId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleChange},this.maxlength>0?{maxLength:this.maxlength}:{})),h("div",{key:"b859da1b3f48ed513e32374251a31ad3fc0f108f",class:"text-base mt-1"},this.maxlength>0&&h("div",{key:"0aaebed51ac98b00c4fca6e7d857664d117b0d74"},a?h("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",h("strong",null,r)," caracteres"):h("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",h("strong",null,this.maxlength)," caracteres"))),h("slot",{key:"e24c4673cc638ce9e37acf05d2d80fea32b7f8fa"})))))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return r}();Textarea.style=BrTextareaStyle0;export{Textarea as br_textarea};
 //# sourceMappingURL=br-textarea.entry.js.map

package/dist/esm-es5/br-upload.entry.js CHANGED Viewed

@@ -2,5 +2,5 @@
  * Construído com @govbr-ds/webcomponents
  * Padrão Digital de Governo.
  */
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";var uploadCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.br-upload input{display:none}.br-upload .upload-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto;border:var(--surface-width-sm) dashed var(--interactive);border-radius:var(--surface-rounder-sm);display:block;font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);margin-top:var(--spacing-scale-half);max-width:550px;min-height:var(--button-size);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);text-align:left;width:100%}.br-upload .upload-list{max-width:550px;position:relative}.br-upload .upload-list .content{-ms-flex-item-align:center;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.br-upload .upload-list .support{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-upload .upload-button:disabled{cursor:not-allowed}.br-upload .upload-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-upload .upload-button:not(:disabled):focus{outline:none}.br-upload .upload-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-upload .upload-button:not(:disabled):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-upload .upload-button:not(:disabled):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)))}.br-upload .upload-button.active,.br-upload .upload-button.is-active,.br-upload .upload-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-upload .upload-button.loading{color:transparent !important;cursor:progress}.br-upload .upload-button.loading:not(:disabled):hover{background-image:none}.br-upload .upload-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-upload .upload-button.loading.primary::before,.br-upload .upload-button.loading.danger::before,.br-upload .upload-button.loading.success::before,.br-upload .upload-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-upload.success .upload-button{border-color:var(--success)}.br-upload.danger .upload-button{border-color:var(--danger)}.br-upload.warning .upload-button{border-color:var(--warning)}.br-upload.info .upload-button{border-color:var(--info)}:host{display:block}";var BrUploadStyle0=uploadCss;var UploadState;(function(t){t["INFO"]="info";t["WARNING"]="warning";t["DANGER"]="danger";t["SUCCESS"]="success"})(UploadState||(UploadState={}));var Upload=function(){function t(t){registerInstance(this,t);this.brConnectedCallback=createEvent(this,"brConnectedCallback",7);this.brWillLoad=createEvent(this,"brWillLoad",7);this.brDidLoad=createEvent(this,"brDidLoad",7);this.brWillRender=createEvent(this,"brWillRender",7);this.brDidRender=createEvent(this,"brDidRender",7);this.brShouldUpdate=createEvent(this,"brShouldUpdate",7);this.brWillUpdate=createEvent(this,"brWillUpdate",7);this.brDidUpdate=createEvent(this,"brDidUpdate",7);this.brDidDisconnect=createEvent(this,"brDidDisconnect",7);this.brFormAssociatedCallback=createEvent(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=createEvent(this,"brFormDisabledCallback",7);this.brFormResetCallback=createEvent(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=createEvent(this,"brFormStateRestoreCallback",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.accept="";this.label="Envio de arquivo";this.filesSelected=null;this.file=null;this.disabled=false;this.state=UploadState.INFO;this.multiple=false}t.prototype.connectedCallback=function(){this.brConnectedCallback.emit()};t.prototype.componentWillLoad=function(){this.brWillLoad.emit();this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.componentDidLoad=function(){this.brDidLoad.emit()};t.prototype.componentWillRender=function(){this.brWillRender.emit()};t.prototype.componentDidRender=function(){this.brDidRender.emit()};t.prototype.componentShouldUpdate=function(){this.brShouldUpdate.emit()};t.prototype.componentWillUpdate=function(){this.brWillUpdate.emit()};t.prototype.componentDidUpdate=function(){this.brDidUpdate.emit()};t.prototype.disconnectedCallback=function(){this.brDidDisconnect.emit()};t.prototype.formAssociatedCallback=function(t){this.brFormAssociatedCallback.emit(t)};t.prototype.formDisabledCallback=function(t){this.brFormDisabledCallback.emit(t)};t.prototype.formResetCallback=function(){this.brFormResetCallback.emit()};t.prototype.formStateRestoreCallback=function(t,a){this.brFormStateRestoreCallback.emit([t,a])};t.prototype.getCssClassMap=function(){var t;return t={"br-upload":true},t[this.state]=true,t};t.prototype.handleRemoveFileSelection=function(t){var a=Array.from(this.filesSelected).filter((function(a){return a!==t}));this.filesSelected=a;var r=this.el.shadowRoot.getElementById("single-file");r.value=""};t.prototype.renderFilesUploaded=function(){var t=this;var a=this._calculateFileSize(this.filesSelected);return a.map((function(a){var r=a.file,e=a.size;return h("div",{class:"br-item d-flex",key:r.name},h("div",{class:"content text-primary-default mr-auto"},r.name),h("div",{class:"support mr-n2"},h("span",{class:""},e),h("br-button",{shape:"circle",type:"button","aria-label":"Remover arquivo",onClick:function(){return t.handleRemoveFileSelection(r)}},h("br-icon",{"icon-name":"fa-solid:trash","aria-hidden":"true"}))))}))};t.prototype.onInputChange=function(t){if(t.length===1){this.filesSelected=t}else if(t.length>0){this.filesSelected=t}else{console.error(t.length===0?"NENHUM ARQUIVO ENVIADO":"VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ");return false}};t.prototype._calculateFileSize=function(t){return Array.from(t).map((function(t){var a="";var r=["KB","MB","GB","TB"];var e=0;var i=t.size/1024;if(i<1){a="".concat(t.size," bytes")}else{while(i>1&&e<r.length){a="".concat(i.toFixed(2)," ").concat(r[e]);i/=1024;e++}}return{file:t,size:a||0}}))};t.prototype.handleDrop=function(t){var a;t.preventDefault();var r=(a=t.dataTransfer)===null||a===void 0?void 0:a.files;if(r&&r.length>0){this.onInputChange(r)}};t.prototype.handleDragOver=function(t){t.preventDefault()};t.prototype.handleFileSelection=function(){var t=this.el.shadowRoot.getElementById("single-file");t.click()};t.prototype.render=function(){var t=this;return h(Host,{key:"f1ec05f1b00cc4ab0b77857f59a131f58ee33453"},h("div",{key:"eb58edc7b74899f9d61e9a8f29f1ddb5e8770400",class:this.getCssClassMap()},h("label",{key:"ed176b30f6e6076e956509da99049023f0169050",class:"upload-label",form:"single-file"},h("span",{key:"f61bd68bc184ebb271e668c4e199b4cc4f2e9482"},this.label)),h("button",{key:"b5a5d360161ddebabe673bd5a0ab2ac5f357e5be",class:"upload-button",type:"button","aria-hidden":"true",tabIndex:this.disabled?-1:0,disabled:this.disabled,"aria-label":"Selecionar arquivo para upload",onClick:function(){return t.handleFileSelection()},onDrop:function(a){return t.handleDrop(a)},onDragOver:function(a){return t.handleDragOver(a)}},h("br-icon",{key:"693d40ea2e9717c0fd399b7ede95735ea96fd58c","icon-name":"fa-solid:upload",height:"16","aria-hidden":"true"}),h("span",{key:"b545c00edd27ec1fd06dc8e48891da4a1868f4cf"},"Selecione o arquivo")),h("input",Object.assign({key:"eec6d4db4a1b102321544e5ef676dc2000243a1d",class:"upload-input",id:"single-file",type:"file","aria-hidden":"null","aria-label":"enviar arquivo",onChange:function(a){return t.onInputChange(a.target.files)}},this.inheritedAttributes,{multiple:this.multiple,disabled:this.disabled,accept:this.accept})),h("div",{key:"0580a6d5e28685ec3e91e84d1082cabc8a5dc87c",id:"list-files",class:"upload-list"},this.filesSelected?this.renderFilesUploaded():null)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Upload.style=BrUploadStyle0;export{Upload as br_upload};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-aab4a630.js";import{i as inheritAriaAttributes}from"./inherited-attributes-553a7c36.js";var uploadCss="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{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}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{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}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--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:-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{--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{--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{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right: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}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);color:var(--interactive);text-decoration:none}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)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}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)}::-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}::-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}:-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}::-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}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--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);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.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)}.br-upload input{display:none}.br-upload .upload-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto;border:var(--surface-width-sm) dashed var(--interactive);border-radius:var(--surface-rounder-sm);display:block;font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);margin-top:var(--spacing-scale-half);max-width:550px;min-height:var(--button-size);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);text-align:left;width:100%}.br-upload .upload-list{max-width:550px;position:relative}.br-upload .upload-list .content{-ms-flex-item-align:center;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.br-upload .upload-list .support{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-upload .upload-button:disabled{cursor:not-allowed}.br-upload .upload-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-upload .upload-button:not(:disabled):focus{outline:none}.br-upload .upload-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-upload .upload-button:not(:disabled):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-upload .upload-button:not(:disabled):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)))}.br-upload .upload-button.active,.br-upload .upload-button.is-active,.br-upload .upload-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-upload .upload-button.loading{color:transparent !important;cursor:progress}.br-upload .upload-button.loading:not(:disabled):hover{background-image:none}.br-upload .upload-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-upload .upload-button.loading.primary::before,.br-upload .upload-button.loading.danger::before,.br-upload .upload-button.loading.success::before,.br-upload .upload-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-upload.success .upload-button{border-color:var(--success)}.br-upload.danger .upload-button{border-color:var(--danger)}.br-upload.warning .upload-button{border-color:var(--warning)}.br-upload.info .upload-button{border-color:var(--info)}:host{display:block}";var BrUploadStyle0=uploadCss;var UploadState;(function(t){t["INFO"]="info";t["WARNING"]="warning";t["DANGER"]="danger";t["SUCCESS"]="success"})(UploadState||(UploadState={}));var Upload=function(){function t(t){registerInstance(this,t);this.brConnectedCallback=createEvent(this,"brConnectedCallback",7);this.brWillLoad=createEvent(this,"brWillLoad",7);this.brDidLoad=createEvent(this,"brDidLoad",7);this.brWillRender=createEvent(this,"brWillRender",7);this.brDidRender=createEvent(this,"brDidRender",7);this.brShouldUpdate=createEvent(this,"brShouldUpdate",7);this.brWillUpdate=createEvent(this,"brWillUpdate",7);this.brDidUpdate=createEvent(this,"brDidUpdate",7);this.brDidDisconnect=createEvent(this,"brDidDisconnect",7);this.brFormAssociatedCallback=createEvent(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=createEvent(this,"brFormDisabledCallback",7);this.brFormResetCallback=createEvent(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=createEvent(this,"brFormStateRestoreCallback",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.accept="";this.label="Envio de arquivo";this.filesSelected=null;this.file=null;this.disabled=false;this.state=UploadState.INFO;this.multiple=false}t.prototype.connectedCallback=function(){this.brConnectedCallback.emit()};t.prototype.componentWillLoad=function(){this.brWillLoad.emit();this.inheritedAttributes=inheritAriaAttributes(this.el)};t.prototype.componentDidLoad=function(){this.brDidLoad.emit()};t.prototype.componentWillRender=function(){this.brWillRender.emit()};t.prototype.componentDidRender=function(){this.brDidRender.emit()};t.prototype.componentShouldUpdate=function(){this.brShouldUpdate.emit()};t.prototype.componentWillUpdate=function(){this.brWillUpdate.emit()};t.prototype.componentDidUpdate=function(){this.brDidUpdate.emit()};t.prototype.disconnectedCallback=function(){this.brDidDisconnect.emit()};t.prototype.formAssociatedCallback=function(t){this.brFormAssociatedCallback.emit(t)};t.prototype.formDisabledCallback=function(t){this.brFormDisabledCallback.emit(t)};t.prototype.formResetCallback=function(){this.brFormResetCallback.emit()};t.prototype.formStateRestoreCallback=function(t,a){this.brFormStateRestoreCallback.emit([t,a])};t.prototype.getCssClassMap=function(){var t;return t={"br-upload":true},t[this.state]=true,t};t.prototype.handleRemoveFileSelection=function(t){var a=Array.from(this.filesSelected).filter((function(a){return a!==t}));this.filesSelected=a;var r=this.el.shadowRoot.getElementById("single-file");r.value=""};t.prototype.renderFilesUploaded=function(){var t=this;var a=this._calculateFileSize(this.filesSelected);return a.map((function(a){var r=a.file,e=a.size;return h("div",{class:"br-item d-flex",key:r.name},h("div",{class:"content text-primary-default mr-auto"},r.name),h("div",{class:"support mr-n2"},h("span",{class:""},e),h("br-button",{shape:"circle",type:"button","aria-label":"Remover arquivo",onClick:function(){return t.handleRemoveFileSelection(r)}},h("br-icon",{"icon-name":"fa-solid:trash","aria-hidden":"true"}))))}))};t.prototype.onInputChange=function(t){if(t.length===1){this.filesSelected=t}else if(t.length>0){this.filesSelected=t}else{console.error(t.length===0?"NENHUM ARQUIVO ENVIADO":"VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ");return false}};t.prototype._calculateFileSize=function(t){return Array.from(t).map((function(t){var a="";var r=["KB","MB","GB","TB"];var e=0;var i=t.size/1024;if(i<1){a="".concat(t.size," bytes")}else{while(i>1&&e<r.length){a="".concat(i.toFixed(2)," ").concat(r[e]);i/=1024;e++}}return{file:t,size:a||0}}))};t.prototype.handleDrop=function(t){var a;t.preventDefault();var r=(a=t.dataTransfer)===null||a===void 0?void 0:a.files;if(r&&r.length>0){this.onInputChange(r)}};t.prototype.handleDragOver=function(t){t.preventDefault()};t.prototype.handleFileSelection=function(){var t=this.el.shadowRoot.getElementById("single-file");t.click()};t.prototype.render=function(){var t=this;return h(Host,{key:"aab6988f0879747fdb594e3810704e497718635c"},h("div",{key:"274726af605123e4be46cd995b295c8eb147cbf4",class:this.getCssClassMap()},h("label",{key:"40753e4671f13bd2daab5c823284e64dd104214b",class:"upload-label",form:"single-file"},h("span",{key:"d49a6054c231e556bb40ee4c8b06f0c8ff950507"},this.label)),h("button",{key:"dafa2d9c447bb65f01e9b5dbd81f63dde33d38d2",class:"upload-button",type:"button","aria-hidden":"true",tabIndex:this.disabled?-1:0,disabled:this.disabled,"aria-label":"Selecionar arquivo para upload",onClick:function(){return t.handleFileSelection()},onDrop:function(a){return t.handleDrop(a)},onDragOver:function(a){return t.handleDragOver(a)}},h("br-icon",{key:"22b4bf3b4618ecdff30cdcb8db2185db6da0af5f","icon-name":"fa-solid:upload",height:"16","aria-hidden":"true"}),h("span",{key:"f8a3fbc9629d7a8cd85eb434d922356b5c61ab22"},"Selecione o arquivo")),h("input",Object.assign({key:"83b65e6e1a55db70d42c6075bea037d58b86c457",class:"upload-input",id:"single-file",type:"file","aria-hidden":"null","aria-label":"enviar arquivo",onChange:function(a){return t.onInputChange(a.target.files)}},this.inheritedAttributes,{multiple:this.multiple,disabled:this.disabled,accept:this.accept})),h("div",{key:"0a7a7f508c8379986a56d1a2aa5773b0f0709c17",id:"list-files",class:"upload-list"},this.filesSelected?this.renderFilesUploaded():null)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();Upload.style=BrUploadStyle0;export{Upload as br_upload};
 //# sourceMappingURL=br-upload.entry.js.map