@govbr-ds/webcomponents 2.0.0-next.22 → 2.0.0-next.23

package/dist/components/p-184a3074.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as t,H as r,d as i,h as a,c as e}from"./p-65616dbd.js";import{i as o}from"./p-74a4eb38.js";import{d as n}from"./p-65c54cc8.js";import{d as s}from"./p-126ad66d.js";import{v as l}from"./p-d5a8d30c.js";const c="*,*::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,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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))}";const g=c;const p=t(class t extends r{constructor(){super();this.__registerHost();this.__attachShadow();this.valueChange=i(this,"valueChange",7);this.elementInternals=this.attachInternals();this.inheritedAttributes={};this.handleInput=t=>{this.value=t.target.value;this.valueChange.emit(this.value)};this.renderLabel=()=>{var t;if(((t=this.label)===null||t===void 0?void 0:t.length)>0){if(this.isInline){return a("div",{class:"input-label"},a("label",{class:"text-nowrap",htmlFor:this.customId},this.label))}else{return a("label",{htmlFor:this.customId},this.label)}}};this.renderInput=()=>a("input",Object.assign({class:this.isHighlight?"input-highlight":null,id:this.customId,autocomplete:this.autocomplete,disabled:this.disabled,autoCorrect:this.autocorrect,min:this.min,max:this.max,minLength:this.minlength,maxLength:this.maxlength,multiple:this.multiple,name:this.name,pattern:this.pattern,step:this.step,onInput:this.handleInput,placeholder:this.placeholder,readonly:this.readonly,required:this.required,title:this.el.title,type:this.type,value:this.value},this.inheritedAttributes));this.renderHelpText=()=>{var t;return((t=this.helpText)===null||t===void 0?void 0:t.length)>0?a("p",null,this.helpText):a("slot",{name:"help-text"})};this.renderIconPassword=()=>{const t=this.isPasswordVisible?"fa-solid:eye-slash":"fa-solid:eye";return a("br-icon",{"icon-name":t})};this.togglePasswordVisibility=()=>{const t=this.el.shadowRoot.querySelector("input");this.isPasswordVisible=!this.isPasswordVisible;t.type=this.isPasswordVisible?"text":"password"};this.renderInlineInputContent=()=>{if(this.hasIconSlot){return a("div",{class:"input-content"},this.renderInputWithIcon())}else{return a("div",{class:"input-content"},this.renderInputWithoutIcon())}};this.renderInputContent=()=>this.hasIconSlot?this.renderInputWithIcon():this.renderInputWithoutIcon();this.renderInputWithIcon=()=>a("div",{class:"input-group"},this.renderIconSlot(),this.renderInput(),this.renderButton(),this.renderHelpText());this.renderInputWithoutIcon=()=>[this.renderInput(),this.renderButton(),this.renderHelpText()];this.customId=`br-input-${l()}`;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}componentWillLoad(){this.hasIconSlot=this.hasSlotContent("icon");this.hasActionSlot=this.hasSlotContent("action");this.inheritedAttributes=o(this.el)}getInputCssClassMap(){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"}}hasSlotContent(t){return this.el.querySelector(`[slot="${t}"]`)!==null}renderIconSlot(){if(this.hasSlotContent("icon")){return a("div",{class:"input-icon"},a("slot",{name:"icon"}))}}renderButton(){if(this.type==="password"){return a("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 a("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone"},a("slot",{name:"action"}))}return null}render(){return a(e,{key:"7db54be8c6f64d73126cff434d407895f20e2075"},a("div",{key:"9448cee18e6c87443ffb0dd67cbaf60d5539a11d",class:this.getInputCssClassMap()},this.renderLabel(),this.isInline?this.renderInlineInputContent():this.renderInputContent()))}static get formAssociated(){return true}get el(){return this}static get style(){return g}},[65,"br-input",{customId:[513,"id"],type:[513],autocomplete:[513],density:[513],disabled:[516],isInline:[516,"is-inline"],isHighlight:[516,"is-highlight"],state:[513],label:[513],name:[513],placeholder:[513],readonly:[516],required:[516],value:[1537],helpText:[513,"help-text"],autocorrect:[513],min:[514],max:[514],minlength:[514],maxlength:[514],multiple:[516],pattern:[513],step:[514],isPasswordVisible:[32],hasIconSlot:[32],hasActionSlot:[32]}]);function d(){if(typeof customElements==="undefined"){return}const t=["br-input","br-button","br-icon"];t.forEach((t=>{switch(t){case"br-input":if(!customElements.get(t)){customElements.define(t,p)}break;case"br-button":if(!customElements.get(t)){n()}break;case"br-icon":if(!customElements.get(t)){s()}break}}))}d();export{p as I,d};
-//# sourceMappingURL=p-184a3074.js.map

package/dist/components/p-184a3074.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputCss","BrInputStyle0","Input","proxyCustomElement","H","this","inheritedAttributes","handleInput","event","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","uuidv4","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 \"~@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":";;;;gNAAA,MAAMA,EAAW,0/fACjB,MAAAC,EAAeD,E,MCmBFE,EAAKC,EAAA,MAAAD,UAAAE,E,wJAqLRC,KAAAC,oBAAkC,GAMzBD,KAAAE,YAAeC,IAC9BH,KAAKI,MAASD,EAAME,OAA4BD,MAChDJ,KAAKM,YAAYC,KAAKP,KAAKI,MAAM,EAGlBJ,KAAAQ,YAAc,K,MAC7B,KAAIC,EAAAT,KAAKU,SAAK,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAG,CAC1B,GAAIX,KAAKY,SAAU,CACjB,OACEC,EAAA,OAAKC,MAAM,eACTD,EAAA,SAAOC,MAAM,cAAcC,QAASf,KAAKgB,UACtChB,KAAKU,O,KAIP,CACL,OAAOG,EAAA,SAAOE,QAASf,KAAKgB,UAAWhB,KAAKU,M,IASjCV,KAAAiB,YAAc,IAE3BJ,EAAA,QAAAK,OAAAC,OAAA,CACEL,MAAOd,KAAKoB,YAAc,kBAAoB,KAC9CC,GAAIrB,KAAKgB,SACTM,aAActB,KAAKsB,aACnBC,SAAUvB,KAAKuB,SACfC,YAAaxB,KAAKyB,YAClBC,IAAK1B,KAAK0B,IACVC,IAAK3B,KAAK2B,IACVC,UAAW5B,KAAK6B,UAChBC,UAAW9B,KAAK+B,UAChBC,SAAUhC,KAAKgC,SACfC,KAAMjC,KAAKiC,KACXC,QAASlC,KAAKkC,QACdC,KAAMnC,KAAKmC,KACXC,QAASpC,KAAKE,YACdmC,YAAarC,KAAKqC,YAClBC,SAAUtC,KAAKsC,SACfC,SAAUvC,KAAKuC,SACfC,MAAOxC,KAAKyC,GAAGD,MACfE,KAAM1C,KAAK0C,KACXtC,MAAOJ,KAAKI,OACRJ,KAAKC,sBAKED,KAAA2C,eAAiB,K,MAChC,QAAOlC,EAAAT,KAAK4C,YAAQ,MAAAnC,SAAA,SAAAA,EAAEE,QAAS,EAAIE,EAAA,SAAIb,KAAK4C,UAAgB/B,EAAA,QAAMoB,KAAK,aAAmB,EAG3EjC,KAAA6C,mBAAqB,KACpC,MAAMC,EAAW9C,KAAK+C,kBAAoB,qBAAuB,eACjE,OAAOlC,EAAA,uBAAoBiC,GAAoB,EAGhC9C,KAAAgD,yBAA2B,KAC1C,MAAMC,EAAQjD,KAAKyC,GAAGS,WAAWC,cAAc,SAC/CnD,KAAK+C,mBAAqB/C,KAAK+C,kBAC/BE,EAAMP,KAAO1C,KAAK+C,kBAAoB,OAAS,UAAU,EA0C1C/C,KAAAoD,yBAA2B,KAC1C,GAAIpD,KAAKqD,YAAa,CACpB,OAAOxC,EAAA,OAAKC,MAAM,iBAAiBd,KAAKsD,sB,KACnC,CACL,OAAOzC,EAAA,OAAKC,MAAM,iBAAiBd,KAAKuD,yB,GAI3BvD,KAAAwD,mBAAqB,IAC7BxD,KAAKqD,YAAcrD,KAAKsD,sBAAwBtD,KAAKuD,yBAG7CvD,KAAAsD,oBAAsB,IAEnCzC,EAAA,OAAKC,MAAM,eACRd,KAAKyD,iBACLzD,KAAKiB,cACLjB,KAAK0D,eACL1D,KAAK2C,kBAKK3C,KAAAuD,uBAAyB,IACjC,CAACvD,KAAKiB,cAAejB,KAAK0D,eAAgB1D,KAAK2C,kB,cAjTK,YAAYgB,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,CAElC,iBAAAC,GACE5D,KAAKqD,YAAcrD,KAAK6D,eAAe,QACvC7D,KAAK8D,cAAgB9D,KAAK6D,eAAe,UACzC7D,KAAKC,oBAAsB8D,EAAsB/D,KAAKyC,G,CAGhD,mBAAAuB,GACN,MAAO,CACL,WAAY,KACZ,eAAgBhE,KAAK8D,cACrBG,MAAOjE,KAAKkE,UAAY,QACxBC,MAAOnE,KAAKkE,UAAY,QACxBE,OAAQpE,KAAKkE,UAAY,SACzB,eAAgBlE,KAAKY,SACrB,kBAAmBZ,KAAKoB,YACxBiD,QAASrE,KAAKsE,QAAU,UACxBC,OAAQvE,KAAKsE,QAAU,SACvBE,KAAMxE,KAAKsE,QAAU,OACrBG,QAASzE,KAAKsE,QAAU,U,CA+BpB,cAAAT,CAAea,GACrB,OAAO1E,KAAKyC,GAAGU,cAAc,UAAUuB,SAAkB,I,CA8CnD,cAAAjB,GACN,GAAIzD,KAAK6D,eAAe,QAAS,CAC/B,OACEhD,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMoB,KAAK,S,EAMX,YAAAyB,GACN,GAAI1D,KAAK0C,OAAS,WAAY,CAC5B,OACE7B,EAAA,aACEC,MAAM,mBACN6D,MAAM,SACNT,QAAQ,QAAO,aACJ,yBACXU,QAAS5E,KAAKgD,0BAEbhD,KAAK6C,qB,MAGL,GAAI7C,KAAK6D,eAAe,UAAW,CACxC,OACEhD,EAAA,aACEC,MAAM,mBACN6D,MAAM,SACNT,QAAQ,QAAO,aACJ,0BAGXrD,EAAA,QAAMoB,KAAK,W,CAIjB,OAAO,I,CA8BT,MAAA4C,GACE,OACEhE,EAACiE,EAAI,CAAAC,IAAA,4CACHlE,EAAA,OAAAkE,IAAA,2CAAKjE,MAAOd,KAAKgE,uBACdhE,KAAKQ,cAELR,KAAKY,SAAWZ,KAAKoD,2BAA6BpD,KAAKwD,sB","ignoreList":[]}

package/dist/components/p-5cb170a7.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as r,H as a,d as t,h as e,c as i}from"./p-65616dbd.js";import{i as o}from"./p-74a4eb38.js";import{v as n}from"./p-d5a8d30c.js";const l='*,*::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,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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-radio{--radio-size:24px;--radio-bullet-size:16px;--radio-bullet-position:calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);display:block}.br-radio+.br-radio{margin-top:var(--spacing-scale-base)}.br-radio input{opacity:0;position:absolute}.br-radio input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--radio-size);min-width:var(--radio-size);padding-left:calc(var(--spacing-scale-base) + var(--radio-size));position:relative}.br-radio input+label::before{background:var(--background);border:1px solid var(--border-color);border-radius:50%;content:"";height:var(--radio-size);left:0;position:absolute;top:-1px;width:var(--radio-size)}.br-radio input+label:empty{padding:0}.br-radio input+label:empty::before{top:0}.br-radio label{font-weight:var(--font-weight-medium)}.br-radio input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}.br-radio input:checked+label:empty::after{top:var(--radio-bullet-position)}.br-radio.valid input+label::before,.br-radio[valid] input+label::before{border-color:var(--success)}.br-radio.invalid input+label::before,.br-radio[invalid] input+label::before{border-color:var(--danger)}.br-radio.small input+label,.br-radio[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-radio.small input+label::before,.br-radio[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-radio.small input:checked+label::after,.br-radio[small] input:checked+label::after{border-width:4px;height:10px;width:10px}.br-radio input:invalid+label::before{border-color:var(--danger)}.br-radio input:focus-visible:checked+label::before,.br-radio input:focus-visible+label::before{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-radio input:hover:not(:disabled)+label::before{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-radio.dark-mode,.br-radio.dark-mode label{color:var(--color-dark)}:host{display:block}.br-radio.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md) * 2);text-indent:-10000px;white-space:nowrap;width:0}';const s=l;const d=r(class r extends a{constructor(){super();this.__registerHost();this.__attachShadow();this.brDidChange=t(this,"brDidChange",7);this.elementInternals=this.attachInternals();this.inheritedAttributes={};this.onClick=r=>{r.stopPropagation();this.checked=r.target.checked};this.onChange=()=>{this.brDidChange.emit({id:this.customId,name:this.name,value:this.value,checked:this.checked})};this.checked=false;this.disabled=false;this.state=undefined;this.hasHiddenLabel=false;this.name=undefined;this.label=undefined;this.value=undefined;this.customId=`br-input-${n()}`}componentWillLoad(){this.inheritedAttributes=o(this.el)}onBrDidChange(r){if(r.detail.id!==this.customId&&r.detail.name===this.name){this.checked=false}}getCssClassMap(){return{"br-radio":true,valid:this.state==="valid",invalid:this.state==="invalid",disabled:this.disabled,"hidden-label":this.hasHiddenLabel}}render(){return e(i,{key:"9c2fce1fe4484a7fcf4baceb63b5ffc5d15224c0","aria-disabled":this.disabled?"true":null},e("div",{key:"65a3512a41856672ed1f3045a70c47d2bd86ff5b",class:this.getCssClassMap()},e("input",Object.assign({key:"79b76010c2cb36dcf32232f83f72e5e96f37df14",part:"radio-input","aria-label":this.label,type:"radio",id:this.customId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,onClick:this.onClick,onChange:this.onChange},this.inheritedAttributes)),e("label",{key:"9c1f344b1b2b1f567cb6ebccfca1b0ded104f4c3",part:"radio-label",htmlFor:this.customId},e("slot",{key:"69576164d7361abe4b0478c3a1fa97267ecb7aa6"},this.label))))}static get formAssociated(){return true}get el(){return this}static get style(){return s}},[65,"br-radio",{checked:[1540],disabled:[516],state:[513],hasHiddenLabel:[516,"has-hidden-label"],name:[513],label:[513],value:[520],customId:[513,"id"]},[[8,"brDidChange","onBrDidChange"]]]);function c(){if(typeof customElements==="undefined"){return}const r=["br-radio"];r.forEach((r=>{switch(r){case"br-radio":if(!customElements.get(r)){customElements.define(r,d)}break}}))}c();export{d as R,c as d};
-//# sourceMappingURL=p-5cb170a7.js.map

package/dist/components/p-5cb170a7.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["radioCss","BrRadioStyle0","Radio","proxyCustomElement","H","this","inheritedAttributes","onClick","event","stopPropagation","checked","target","onChange","brDidChange","emit","id","customId","name","value","uuidv4","componentWillLoad","inheritAriaAttributes","el","onBrDidChange","detail","getCssClassMap","valid","state","invalid","disabled","hasHiddenLabel","render","h","Host","key","class","Object","assign","part","label","type","htmlFor"],"sources":["src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/radio/radio.scss\";\n\n:host {\n  display: block;\n}\n\n.br-radio.hidden-label {\n  label {\n    padding-left: calc(var(--checkbox-size) + var(--surface-width-md)* 2);\n    text-indent: -10000px;\n    white-space: nowrap;\n    width: 0;\n  }\n}\n  ","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\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/radio?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n\n@Component({\n  tag: 'br-radio',\n  styleUrl: 'radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Radio {\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: HTMLBrRadioElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o estado de seleção do radio.\n   * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  /**\n   * Desativa o radio, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Indica a validade do radio.\n   * Valores possíveis:\n   * - 'valid': O radio é considerado válido.\n   * - 'invalid': O radio é considerado inválido.\n   * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n   */\n  @Prop({ reflect: true }) state: 'valid' | 'invalid'\n\n  /**\n   * Define se o label associado ao radio deve ser oculto.\n   * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.\n   */\n  @Prop({ reflect: true, attribute: 'has-hidden-label' }) hasHiddenLabel: boolean = false\n\n  /**\n   * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n\n  @Prop({ reflect: true }) name!: string\n\n  /**\n   * Texto descritivo exibido à direita do radio.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o radio está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) value: any\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  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Componente teve seu estado \"checked\" alterado\n   */\n  @Event({ bubbles: true, composed: true }) brDidChange: EventEmitter\n\n  // Ouvinte para o evento \"brDidChange\"\n  @Listen('brDidChange', { target: 'window' })\n  onBrDidChange(event: CustomEvent) {\n    if (event.detail.id !== this.customId && event.detail.name === this.name) {\n      this.checked = false\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-radio': true,\n      valid: this.state === 'valid',\n      invalid: this.state === 'invalid',\n      disabled: this.disabled,\n      'hidden-label': this.hasHiddenLabel,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  /**\n   * Handler para o event \"click\"\n   * @param event Objeto Event\n   */\n  private readonly onClick = (event: MouseEvent) => {\n    event.stopPropagation()\n    this.checked = (event.target as HTMLInputElement).checked\n  }\n\n  /**\n   * Handler para o evento \"change\"\n   */\n  private readonly onChange = () => {\n    this.brDidChange.emit({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <div class={this.getCssClassMap()}>\n          <input\n            part=\"radio-input\"\n            aria-label={this.label}\n            type=\"radio\"\n            id={this.customId}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            onClick={this.onClick}\n            onChange={this.onChange}\n            {...this.inheritedAttributes}\n          />\n          <label part=\"radio-label\" htmlFor={this.customId}>\n            <slot>{this.label}</slot>\n          </label>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;wIAAA,MAAMA,EAAW,mnYACjB,MAAAC,EAAeD,E,MCgBFE,EAAKC,EAAA,MAAAD,UAAAE,E,wJAwFRC,KAAAC,oBAAkC,GAMzBD,KAAAE,QAAWC,IAC1BA,EAAMC,kBACNJ,KAAKK,QAAWF,EAAMG,OAA4BD,OAAO,EAM1CL,KAAAO,SAAW,KAC1BP,KAAKQ,YAAYC,KAAK,CAAEC,GAAIV,KAAKW,SAAUC,KAAMZ,KAAKY,KAAMC,MAAOb,KAAKa,MAAOR,QAASL,KAAKK,SAAU,E,aA1F9C,M,cAKd,M,yCAeqC,M,4EA0BrB,YAAYS,K,CAEzE,iBAAAC,GACEf,KAAKC,oBAAsBe,EAAsBhB,KAAKiB,G,CAUxD,aAAAC,CAAcf,GACZ,GAAIA,EAAMgB,OAAOT,KAAOV,KAAKW,UAAYR,EAAMgB,OAAOP,OAASZ,KAAKY,KAAM,CACxEZ,KAAKK,QAAU,K,EAIX,cAAAe,GACN,MAAO,CACL,WAAY,KACZC,MAAOrB,KAAKsB,QAAU,QACtBC,QAASvB,KAAKsB,QAAU,UACxBE,SAAUxB,KAAKwB,SACf,eAAgBxB,KAAKyB,e,CAsBzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DAAgB7B,KAAKwB,SAAW,OAAS,MAC5CG,EAAA,OAAAE,IAAA,2CAAKC,MAAO9B,KAAKoB,kBACfO,EAAA,QAAAI,OAAAC,OAAA,CAAAH,IAAA,2CACEI,KAAK,cAAa,aACNjC,KAAKkC,MACjBC,KAAK,QACLzB,GAAIV,KAAKW,SACTC,KAAMZ,KAAKY,KACXP,QAASL,KAAKK,QACdmB,SAAUxB,KAAKwB,SACfX,MAAOb,KAAKa,MACZX,QAASF,KAAKE,QACdK,SAAUP,KAAKO,UACXP,KAAKC,sBAEX0B,EAAA,SAAAE,IAAA,2CAAOI,KAAK,cAAcG,QAASpC,KAAKW,UACtCgB,EAAA,QAAAE,IAAA,4CAAO7B,KAAKkC,S","ignoreList":[]}

package/dist/components/p-65616dbd.js

@@ -1,7 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-const e="webcomponents";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:true,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:false,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var s=(e,t)=>{for(var s in t)n(e,s,{get:t[s],enumerable:true})};var r=new WeakMap;var l=e=>r.get(e);var o=(e,t)=>{const n={t:0,$hostElement$:e,l:t,o:new Map};{n.i=new Promise((e=>n.u=e));e["s-p"]=[];e["s-rc"]=[]}return r.set(e,n)};var i=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var a=new Map;var c=(e,t,n)=>{const s=e.v.replace(/-/g,"_");const r=e.h;if(!r){return void 0}const l=a.get(r);if(l){return l[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{a.set(r,e)}return e[s]}),f)};var u=new Map;var v="r";var d="o";var h="s";var p="t";var $="c";var m="s-id";var y="sty-id";var b="c-id";var w="slot-fb{display:contents}slot-fb[hidden]{display:none}";var g="http://www.w3.org/1999/xlink";var S=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var k=typeof window!=="undefined"?window:{};var C=k.document||{head:{}};var x=k.HTMLElement||class{};var j={t:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};var O=t.shadowDom;var D=(()=>{let e=false;try{C.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var L=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var A=false;var E=[];var M=[];var F=(e,t)=>n=>{e.push(n);if(!A){A=true;if(t&&j.t&4){P(I)}else{j.raf(I)}}};var U=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var I=()=>{U(E);{U(M);if(A=E.length>0){j.raf(I)}}};var P=e=>L().then(e);var T=F(M,true);var W=e=>{const t=new URL(e,j.p);return t.origin!==k.location.origin?t.href:t.pathname};var N=e=>j.p=e;var _={};var H=e=>e!=null;var B=e=>{e=typeof e;return e==="object"||e==="function"};function Q(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var q={};s(q,{err:()=>K,map:()=>V,ok:()=>z,unwrap:()=>X,unwrapErr:()=>G});var z=e=>({isOk:true,isErr:false,value:e});var K=e=>({isOk:false,isErr:true,value:e});function V(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>z(e)))}else{return z(n)}}if(e.isErr){const t=e.value;return K(t)}throw"should never get here"}var X=e=>{if(e.isOk){return e.value}else{throw e.value}};var G=e=>{if(e.isErr){return e.value}else{throw e.value}};var J=(e,t,...n)=>{let s=null;let r=null;let l=false;let o=false;const i=[];const f=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){f(s)}else if(s!=null&&typeof s!=="boolean"){if(l=typeof e!=="function"&&!B(s)){s=String(s)}if(l&&o){i[i.length-1].$+=s}else{i.push(l?Y(null,s):s)}o=l}}};f(n);if(t){if(t.key){r=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,i,te)}const a=Y(e,null);a.m=t;if(i.length>0){a.S=i}{a.k=r}return a};var Y=(e,t)=>{const n={t:0,C:e,$:t,j:null,S:null};{n.m=null}{n.k=null}return n};var Z={};var ee=e=>e&&e.C===Z;var te={forEach:(e,t)=>e.map(ne).forEach(t),map:(e,t)=>e.map(ne).map(t).map(se)};var ne=e=>({vattrs:e.m,vchildren:e.S,vkey:e.k,vname:e.O,vtag:e.C,vtext:e.$});var se=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return J(e.vtag,t,...e.vchildren||[])}const t=Y(e.vtag,e.vtext);t.m=e.vattrs;t.S=e.vchildren;t.k=e.vkey;t.O=e.vname;return t};var re=(e,t,n,s,r,l)=>{if(n!==s){let o=i(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=oe(n);const l=oe(s);if(e["s-si"]&&l.indexOf(e["s-si"])<0){l.push(e["s-si"])}t.remove(...r.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(i(k,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const r=t.endsWith(ie);t=t.replace(fe,"");if(n){j.rel(e,t,n,r)}if(s){j.ael(e,t,s,r)}}}else{const i=B(s);if((o||i&&s!==null)&&!r){try{if(!e.tagName.includes("-")){const r=s==null?"":s;if(t==="list"){o=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else{e[t]=s}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(g,t)}else{e.removeAttribute(t)}}}else if((!o||l&4||r)&&!i){s=s===true?"":s;if(a){e.setAttributeNS(g,t,s)}else{e.setAttribute(t,s)}}}}};var le=/\s/;var oe=e=>!e?[]:e.split(le);var ie="Capture";var fe=new RegExp(ie+"$");var ae=(e,t,n)=>{const s=t.j.nodeType===11&&t.j.host?t.j.host:t.j;const r=e&&e.m||_;const l=t.m||_;{for(const e of ce(Object.keys(r))){if(!(e in l)){re(s,e,r[e],void 0,n,t.t)}}}for(const e of ce(Object.keys(l))){re(s,e,r[e],l[e],n,t.t)}};function ce(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var ve;var de=false;var he=false;var pe=(e,n,s,r)=>{const l=n.S[s];let o=0;let i;let f;if(l.$!==null){i=l.j=C.createTextNode(l.$)}else{i=l.j=C.createElement(!de&&t.slotRelocation&&l.t&2?"slot-fb":l.C);{ae(null,l,he)}const n=i.getRootNode();const s=!n.querySelector("body");if(!s&&t.scoped&&H(ue)&&i["s-si"]!==ue){i.classList.add(i["s-si"]=ue)}if(l.S){for(o=0;o<l.S.length;++o){f=pe(e,l,o);if(f){i.appendChild(f)}}}}i["s-hn"]=ve;return i};var $e=(e,t,n,s,r,l)=>{let o=e;let i;if(o.shadowRoot&&o.tagName===ve){o=o.shadowRoot}for(;r<=l;++r){if(s[r]){i=pe(null,n,r);if(i){s[r].j=i;ke(o,i,t)}}}};var me=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.j;Se(t);if(e){e.remove()}}}};var ye=(e,t,n,s,r=false)=>{let l=0;let o=0;let i=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=s.length-1;let d=s[0];let h=s[v];let p;let $;while(l<=a&&o<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--a]}else if(d==null){d=s[++o]}else if(h==null){h=s[--v]}else if(be(c,d,r)){we(c,d,r);c=t[++l];d=s[++o]}else if(be(u,h,r)){we(u,h,r);u=t[--a];h=s[--v]}else if(be(c,h,r)){we(c,h,r);ke(e,c.j,u.j.nextSibling);c=t[++l];h=s[--v]}else if(be(u,d,r)){we(u,d,r);ke(e,u.j,c.j);u=t[--a];d=s[++o]}else{i=-1;{for(f=l;f<=a;++f){if(t[f]&&t[f].k!==null&&t[f].k===d.k){i=f;break}}}if(i>=0){$=t[i];if($.C!==d.C){p=pe(t&&t[o],n,i)}else{we($,d,r);t[i]=void 0;p=$.j}d=s[++o]}else{p=pe(t&&t[o],n,o);d=s[++o]}if(p){{ke(c.j.parentNode,p,c.j)}}}}if(l>a){$e(e,s[v+1]==null?null:s[v+1].j,n,s,o,v)}else if(o>v){me(t,l,a)}};var be=(e,t,n=false)=>{if(e.C===t.C){if(!n){return e.k===t.k}return true}return false};var we=(e,n,s=false)=>{const r=n.j=e.j;const l=e.S;const o=n.S;const i=n.C;const f=n.$;if(f===null){{if(i==="slot"&&!de);else{ae(e,n,he)}}if(l!==null&&o!==null){ye(r,l,n,o,s)}else if(o!==null){if(e.$!==null){r.textContent=""}$e(r,null,n,o,0,o.length-1)}else if(!s&&t.updatable&&l!==null){me(l,0,l.length-1)}}else if(e.$!==f){r.data=f}};var ge=e=>{const t=e.__childNodes||e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])||s.nodeType===3&&n===s["s-sn"]){e.hidden=true;break}}else if(n===s["s-sn"]){if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}ge(e)}}};var Se=e=>{{e.m&&e.m.ref&&e.m.ref(null);e.S&&e.S.map(Se)}};var ke=(e,t,n)=>{const s=e==null?void 0:e.insertBefore(t,n);return s};var Ce=(e,t,n=false)=>{const s=e.$hostElement$;const r=e.l;const l=e.D||Y(null,null);const o=ee(t)?t:J(null,null,t);ve=s.tagName;if(r.L){o.m=o.m||{};r.L.map((([e,t])=>o.m[t]=s[e]))}if(n&&o.m){for(const e of Object.keys(o.m)){if(s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.m[e]=s[e]}}}o.C=null;o.t|=4;e.D=o;o.j=l.j=s.shadowRoot||s;{ue=s["s-sc"]}de=(r.t&1)!==0;we(l,o,n)};var xe=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this;const s=n.shadowRoot&&O;const r=t.call(n,s?e:false);if(!s&&e){let e=0;let t,n;const s=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const l=this.__childNodes||this.childNodes;for(;e<l.length;e++){t=l[e]["s-nr"];n=s.every((t=>!l[e][t]));if(t){if(r.__appendChild){r.__appendChild(t.cloneNode(true))}else{r.appendChild(t.cloneNode(true))}}if(n){r.appendChild(l[e].cloneNode(true))}}}return r}};var je=e=>{e.__appendChild=e.appendChild;e.appendChild=function(e){const t=e["s-sn"]=De(e);const n=Le(this.__childNodes||this.childNodes,t,this.tagName);if(n){Oe(e,n);const s=Re(n,t);const r=s[s.length-1];const l=ke(r.parentNode,e,r.nextSibling);ge(this);return l}return this.__appendChild(e)}};var Oe=(e,t,n,s)=>{let r;if(e["s-ol"]&&e["s-ol"].isConnected){r=e["s-ol"]}else{r=document.createTextNode("");r["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const l=t["s-cr"].parentNode;const o=n?l.__prepend||l.prepend:l.__appendChild||l.appendChild;if(typeof s!=="undefined"){{r["s-oo"]=s;const e=l.__childNodes||l.childNodes;const t=[r];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>o.call(l,e)))}}else{o.call(l,r)}e["s-ol"]=r;e["s-sh"]=t["s-hn"]};var De=e=>e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||"";var Le=(e,t,n)=>{let s=0;let r;for(;s<e.length;s++){r=e[s];if(r["s-sr"]&&r["s-sn"]===t&&r["s-hn"]===n){return r}r=Le(r.childNodes,t,n);if(r){return r}}return null};var Re=(e,t)=>{const n=[e];while((e=e.nextSibling)&&e["s-sn"]===t){n.push(e)}return n};var Ae=(e,t="")=>{{return()=>{}}};var Ee=(e,t)=>{{return()=>{}}};var Me=(e,t,n,s)=>{const r=Ae("hydrateClient",t);const l=e.shadowRoot;const o=[];const i=[];const f=[];const a=l?[]:null;const c=Y(t,null);c.j=e;if(!j.R){Ue(C.body,j.R=new Map)}e[m]=n;e.removeAttribute(m);s.D=Fe(c,o,i,a,e,e,n,f);let u=0;const v=o.length;let d;for(u;u<v;u++){d=o[u];const n=d.A+"."+d.M;const s=j.R.get(n);const r=d.j;if(!l){r["s-hn"]=t.toUpperCase();if(d.C==="slot"){r["s-cr"]=e["s-cr"]}}if(s&&s.isConnected){if(l&&s["s-en"]===""){s.parentNode.insertBefore(r,s.nextSibling)}s.parentNode.removeChild(s);if(!l){r["s-oo"]=parseInt(d.M)}}j.R.delete(n)}const h=[];let p=0;const $=f.length;let y;let b;let w;let g;for(p;p<$;p++){y=f[p];if(!y||!y.length)continue;w=y.length;b=0;for(b;b<w;b++){g=y[b];if(!h[g.hostId]){h[g.hostId]=j.R.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!l){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{const t=e.__childNodes||e.childNodes;g.slot["s-cr"]=t[0]}Oe(g.node,g.slot,false,g.node["s-oo"])}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}if(l){let t=0;const n=a.length;for(t;t<n;t++){l.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(e.nodeType===8&&typeof e["s-sn"]!=="string"){e.parentNode.removeChild(e)}}))}s.$hostElement$=e;r()};var Fe=(e,t,n,s,r,l,o,i=[])=>{let f;let a;let c;let u;const d=r["s-sc"];if(l.nodeType===1){f=l.getAttribute(b);if(f){a=f.split(".");if(a[0]===o||a[0]==="0"){c=Ie({t:0,A:a[0],M:a[1],F:a[2],U:a[3],C:l.tagName.toLowerCase(),j:l,m:{class:l.className}});t.push(c);l.removeAttribute(b);if(!e.S){e.S=[]}const r=c.j.getAttribute("s-sn");if(typeof r==="string"){if(c.C==="slot-fb"){Pe(r,a[2],c,l,e,t,n,s,i)}c.j["s-sn"]=r;c.j.removeAttribute("s-sn")}if(c.U!==void 0){e.S[c.U]=c}if(d)l["s-si"]=d;e=c;if(s&&c.F==="0"){s[c.U]=c.j}}}if(l.shadowRoot){for(u=l.shadowRoot.childNodes.length-1;u>=0;u--){Fe(e,t,n,s,r,l.shadowRoot.childNodes[u],o,i)}}const v=l.__childNodes||l.childNodes;for(u=v.length-1;u>=0;u--){Fe(e,t,n,s,r,v[u],o,i)}}else if(l.nodeType===8){a=l.nodeValue.split(".");if(a[1]===o||a[1]==="0"){f=a[0];c=Ie({A:a[1],M:a[2],F:a[3],U:a[4]||"0",j:l,m:null,S:null,k:null,O:null,C:null,$:null});if(f===p){c.j=l.nextSibling;if(c.j&&c.j.nodeType===3){c.$=c.j.textContent;t.push(c);l.remove();if(o===c.A){if(!e.S){e.S=[]}e.S[c.U]=c}if(s&&c.F==="0"){s[c.U]=c.j}}}else if(f===$){c.j=l.nextSibling;if(c.j&&c.j.nodeType===8){t.push(c);l.remove()}}else if(c.A===o){if(f===h){c.C="slot";const r=l["s-sn"]=c.O=a[5]||"";Pe(r,a[2],c,l,e,t,n,s,i)}else if(f===v){if(s){l.remove()}}}}}else if(e&&e.C==="style"){const t=Y(null,l.textContent);t.j=l;t.U="0";e.S=[t]}return e};var Ue=(e,t)=>{if(e.nodeType===1){const n=e[m]||e.getAttribute(m);if(n){t.set(n,e)}let s=0;if(e.shadowRoot){for(;s<e.shadowRoot.childNodes.length;s++){Ue(e.shadowRoot.childNodes[s],t)}}const r=e.__childNodes||e.childNodes;for(s=0;s<r.length;s++){Ue(r[s],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===d){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var Ie=e=>{const t={t:0,A:null,M:null,F:null,U:"0",j:null,m:null,S:null,k:null,O:null,C:null,$:null};return{...t,...e}};function Pe(e,t,n,s,r,l,o,i,f){s["s-sr"]=true;const a=(r==null?void 0:r.j)?r.j["s-id"]||r.j.getAttribute("s-id"):"";if(i){const l=n.j=C.createElement(n.C);if(n.O){n.j.setAttribute("name",e)}if(a&&a!==n.A){r.j.insertBefore(l,r.j.children[0])}else{s.parentNode.insertBefore(n.j,s)}Te(f,t,e,s,n.A);s.remove();if(n.F==="0"){i[n.U]=n.j}}else{const o=n.j;const i=a&&a!==n.A&&r.j.shadowRoot;Te(f,t,e,s,i?a:n.A);if(i){r.j.insertBefore(o,r.j.children[0])}l.push(n)}o.push(n);if(!r.S){r.S=[]}r.S[n.U]=n}var Te=(e,t,n,s,r)=>{let l=s.nextSibling;e[t]=e[t]||[];while(l&&((l["getAttribute"]&&l.getAttribute("slot")||l["s-sn"])===n||n===""&&!l["s-sn"]&&(l.nodeType===8&&l.nodeValue.indexOf(".")!==1||l.nodeType===3))){l["s-sn"]=n;e[t].push({slot:s,node:l,hostId:r});l=l.nextSibling}};var We=(e,t)=>{if(e!=null&&!B(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Ne=e=>e;var _e=(e,t,n)=>{const s=Ne(e);return{emit:e=>He(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var He=(e,t,n)=>{const s=j.ce(t,n);e.dispatchEvent(s);return s};var Be=new WeakMap;var Qe=(e,t,n)=>{let s=u.get(e);if(R&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}u.set(e,s)};var qe=(e,t,n)=>{var s;const r=Ke(t);const l=u.get(r);e=e.nodeType===11?e:C;if(l){if(typeof l==="string"){e=e.head||e;let n=Be.get(e);let o;if(!n){Be.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(o=e.querySelector(`[${y}="${r}"]`))){o.innerHTML=l}else{o=C.createElement("style");o.innerHTML=l;const n=(s=j.I)!=null?s:Q(C);if(n!=null){o.setAttribute("nonce",n)}if(!(t.t&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,n)}else if("host"in e){if(R){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.t&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.t&4){o.innerHTML+=w}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return r};var ze=e=>{const t=e.l;const n=e.$hostElement$;const s=t.t;const r=Ae("attachStyles",t.v);const l=qe(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10&&s&2){n["s-sc"]=l;n.classList.add(l+"-h")}r()};var Ke=(e,t)=>"sc-"+e.v;var Ve=(e,t)=>{if(t&&!e.P&&t["s-p"]){t["s-p"].push(new Promise((t=>e.P=t)))}};var Xe=(e,t)=>{{e.t|=16}if(e.t&4){e.t|=512;return}Ve(e,e.T);const n=()=>Ge(e,t);return T(n)};var Ge=(e,t)=>{const n=e.$hostElement$;const s=Ae("scheduleUpdate",e.l.v);const r=n;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{l=st(r,"componentWillLoad")}}else{{l=st(r,"componentWillUpdate")}}{l=Je(l,(()=>st(r,"componentWillRender")))}s();return Je(l,(()=>Ze(e,r,t)))};var Je=(e,t)=>Ye(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ze=async(e,t,n)=>{var s;const r=e.$hostElement$;const l=Ae("update",e.l.v);const o=r["s-rc"];if(n){ze(e)}const i=Ae("render",e.l.v);{et(e,t,r,n)}if(o){o.map((e=>e()));r["s-rc"]=void 0}i();l();{const t=(s=r["s-p"])!=null?s:[];const n=()=>tt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.t|=4;t.length=0}}};var et=(e,t,n,s)=>{try{t=t.render();{e.t&=~16}{e.t|=2}{{{Ce(e,t,s)}}}}catch(t){f(t,e.$hostElement$)}return null};var tt=e=>{const t=e.l.v;const n=e.$hostElement$;const s=Ae("postUpdate",t);const r=n;const l=e.T;{st(r,"componentDidRender")}if(!(e.t&64)){e.t|=64;{rt(n)}{st(r,"componentDidLoad")}s();{e.u(n);if(!l){nt()}}}else{{st(r,"componentDidUpdate")}s()}{if(e.P){e.P();e.P=void 0}if(e.t&512){P((()=>Xe(e,false)))}e.t&=~(4|512)}};var nt=t=>{{rt(C.documentElement)}P((()=>He(k,"appload",{detail:{namespace:e}})))};var st=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var rt=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var lt=(e,t)=>l(e).o.get(t);var ot=(e,t,n,s)=>{const r=l(e);const o=e;const i=r.o.get(t);const a=r.t;const c=o;n=We(n,s.W[t][0]);const u=Number.isNaN(i)&&Number.isNaN(n);const v=n!==i&&!u;if(v){r.o.set(t,n);{if(s.N&&a&128){const e=s.N[t];if(e){e.map((e=>{try{c[e](n,i,t)}catch(e){f(e,o)}}))}}if((a&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,i,t)===false){return}}Xe(r,false)}}}};var it=(e,t,n)=>{var s,r;const o=e.prototype;if(t.t&64&&n&1){S.forEach((e=>{const t=o[e];Object.defineProperty(o,e,{value(...n){const s=l(this);const r=this;if(!r){s.i.then((t=>{const s=t[e];typeof s==="function"&&s.call(t,...n)}))}else{const e=t;typeof e==="function"&&e.call(r,...n)}}})}))}if(t.W||(t.N||e.watchers)){if(e.watchers&&!t.N){t.N=e.watchers}const i=Object.entries((s=t.W)!=null?s:{});i.map((([e,[s]])=>{if(s&31||s&32){if((s&2048)===0){Object.defineProperty(o,e,{get(){return lt(this,e)},set(n){ot(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&2048){if(s&4096){const n=Object.getOwnPropertyDescriptor(o,e).set;Object.defineProperty(o,e,{set(s){const r=l(this);if(n){const l=r.$hostElement$[e];if(!r.o.get(e)&&l){r.o.set(e,l)}n.apply(this,[We(s,t.W[e][0])]);ot(this,e,r.$hostElement$[e],t);return}if(!r)return;const o=()=>{const n=r._[e];if(!r.o.get(e)&&n){r.o.set(e,n)}r._[e]=We(s,t.W[e][0]);ot(this,e,r._[e],t)};if(r._){o()}else{r.i.then((()=>o()))}}})}}}}));{const n=new Map;o.attributeChangedCallback=function(e,s,r){j.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){r=this[f];delete this[f]}else if(o.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==r){return}else if(f==null){const n=l(this);const o=n==null?void 0:n.t;if(o&&!(o&8)&&o&128&&r!==s){const n=this;const l=n;const o=(i=t.N)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(l[t]!=null){l[t].call(l,r,s,e)}}))}return}const a=Object.getOwnPropertyDescriptor(o,f);if(!a.get||!!a.set){this[f]=r===null&&typeof this[f]==="boolean"?false:r}}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=t.N)!=null?r:{}),...i.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var r;const l=s[1]||e;n.set(l,e);if(s[0]&512){(r=t.L)==null?void 0:r.push([e,l])}return l}))]))}}return e};var ft=async(e,t,n,s)=>{let r;if((t.t&32)===0){t.t|=32;const s=n.h;if(s){const e=c(n);if(e&&"then"in e){const t=Ee();r=await e;t()}else{r=e}if(!r){throw new Error(`Constructor for "${n.v}#${t.H}" was not found`)}if(!r.isProxied){{n.N=r.watchers}it(r,n,2);r.isProxied=true}const s=Ae("createInstance",n.v);{t.t|=8}try{new r(t)}catch(e){f(e)}{t.t&=~8}{t.t|=128}s()}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.t|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=Ke(n);if(!u.has(t)){const s=Ae("registerStyles",n.v);Qe(t,e,!!(n.t&1));s()}}}const l=t.T;const o=()=>Xe(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var at=e=>{};var ct=e=>{if((j.t&1)===0){const t=l(e);const n=t.l;const s=Ae("connectedCallback",n.v);if(!(t.t&1)){t.t|=1;let s;{s=e.getAttribute(m);if(s){if(n.t&1){const t=qe(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}Me(e,n.v,s,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ve(t,t.T=n);break}}}if(n.W){Object.entries(n.W).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{ft(e,t,n)}}else{dt(e,t,n.B);if(t==null?void 0:t._);else if(t==null?void 0:t.i){t.i.then((()=>at()))}}s()}};var ut=async e=>{if((j.t&1)===0){const t=l(e);{if(t.q){t.q.map((e=>e()));t.q=void 0}}}};var vt=(e,t)=>{const n={t:t[0],v:t[1]};{n.W=t[2]}{n.B=t[3]}{n.N=e.N}{n.L=[]}{{xe(e.prototype)}{je(e.prototype)}}const s=e.prototype.connectedCallback;const r=e.prototype.disconnectedCallback;Object.assign(e.prototype,{__hasHostListenerAttached:false,__registerHost(){o(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=l(this);dt(this,e,n.B);this.__hasHostListenerAttached=true}ct(this);if(s){s.call(this)}},disconnectedCallback(){ut(this);if(r){r.call(this)}},__attachShadow(){{if(!this.shadowRoot){{this.attachShadow({mode:"open"})}}else{if(this.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});e.is=n.v;return it(e,n,1|2)};var dt=(e,t,n,s)=>{if(n){n.map((([n,s,r])=>{const l=pt(e,n);const o=ht(t,r);const i=$t(n);j.ael(l,s,o,i);(t.q=t.q||[]).push((()=>j.rel(l,s,o,i)))}))}};var ht=(e,t)=>n=>{try{{e.$hostElement$[t](n)}}catch(e){f(e)}};var pt=(e,t)=>{if(t&4)return C;if(t&8)return k;return e};var $t=e=>D?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var mt=e=>j.I=e;var yt=e=>Object.assign(j,e);export{x as H,mt as a,yt as b,Z as c,_e as d,W as g,J as h,vt as p,N as s};
-//# sourceMappingURL=p-65616dbd.js.map