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

package/dist/components/br-textarea.js

@@ -1,181 +1,6 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-62a01df5.js';
-import { i as inheritAriaAttributes } from './p-ee6f4f3f.js';
-import { v as v4 } from './p-14616bce.js';
-
-const textareaCss = "*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-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]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-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:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--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}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}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}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-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) 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]+*{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;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):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;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";
-const BrTextareaStyle0 = textareaCss;
-
-var Density;
-(function (Density) {
-    Density["Small"] = "small";
-    Density["Medium"] = "medium";
-    Density["Large"] = "large";
-})(Density || (Density = {}));
-var States;
-(function (States) {
-    States["Danger"] = "danger";
-    States["Success"] = "success";
-    States["Warning"] = "warning";
-})(States || (States = {}));
-const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.brDidConnect = createEvent(this, "brDidConnect", 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);
-        this.elementInternals = this.attachInternals();
-        this.inheritedAttributes = {};
-        this.value = '';
-        this.label = '';
-        this.placeholder = '';
-        this.disabled = false;
-        this.maxlength = 0;
-        this.states = null;
-        this.density = Density.Medium;
-        this.isDarkMode = false;
-        this.isLabelLeft = false;
-        this.currentLength = 0;
-        this.defaultId = `br-textarea-${v4()}`;
-    }
-    connectedCallback() {
-        this.brDidConnect.emit();
-    }
-    componentWillLoad() {
-        this.currentLength = this.value.length;
-        this.brWillLoad.emit();
-        this.inheritedAttributes = inheritAriaAttributes(this.el);
-    }
-    componentDidLoad() {
-        this.brDidLoad.emit();
-    }
-    componentWillRender() {
-        this.brWillRender.emit();
-    }
-    componentDidRender() {
-        this.brDidRender.emit();
-    }
-    componentShouldUpdate() {
-        this.brShouldUpdate.emit();
-    }
-    componentWillUpdate() {
-        this.brWillUpdate.emit();
-    }
-    componentDidUpdate() {
-        this.brDidUpdate.emit();
-    }
-    disconnectedCallback() {
-        this.brDidDisconnect.emit();
-    }
-    formAssociatedCallback(form) {
-        this.brFormAssociatedCallback.emit(form);
-    }
-    formDisabledCallback(disabled) {
-        this.brFormDisabledCallback.emit(disabled);
-    }
-    formResetCallback() {
-        this.brFormResetCallback.emit();
-    }
-    formStateRestoreCallback(state, _mode) {
-        this.brFormStateRestoreCallback.emit([state, _mode]);
-    }
-    valueChanged() {
-        this.currentLength = this.value.length;
-    }
-    /**
-     * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.
-     * @param event - O evento de entrada do textarea.
-     */
-    handleChange(event) {
-        const textarea = event.target;
-        this.value = textarea.value;
-        this.currentLength = this.value.length;
-        this.emitValueChange();
-    }
-    /**
-     * Define um novo valor para o textarea.
-     * @param newValue - O novo valor a ser definido.
-     */
-    async setValue(newValue) {
-        this.value = newValue;
-        this.currentLength = this.value.length;
-        this.emitValueChange();
-    }
-    emitValueChange() {
-        const changeEvent = new CustomEvent('valueChange', {
-            detail: { value: this.value },
-            bubbles: true,
-            composed: true,
-        });
-        this.el.dispatchEvent(changeEvent);
-    }
-    getCssClassMap() {
-        return {
-            'br-textarea': true,
-            'dark-mode': this.isDarkMode,
-            small: this.density === Density.Small,
-            medium: this.density === Density.Medium,
-            large: this.density === Density.Large,
-            success: this.states === States.Success,
-            danger: this.states === States.Danger,
-            warning: this.states === States.Warning,
-        };
-    }
-    render() {
-        const caracteresRestantes = this.maxlength - this.currentLength;
-        const mostrarLimite = this.currentLength === 0;
-        return (h(Host, { key: '25a8d99b601bbd44f1058d89de4c8c683defe797' }, h("div", Object.assign({ key: 'e1c917d6f46b8f416f44ec2e6725a0ab0b0317ef', class: this.getCssClassMap() }, this.inheritedAttributes), h("div", { key: 'b83093202871a78d7b8d965d12be0c035852d626', class: this.isLabelLeft ? 'row' : '' }, this.isLabelLeft ? (h("div", { class: "col-auto pt-half" }, h("label", { htmlFor: this.defaultId }, this.label))) : (h("label", { htmlFor: this.defaultId }, this.label)), h("div", { key: '6ea04b8adf07c33b9c417a2d3ae0aa0a9aaf8c29', class: this.isLabelLeft ? 'col' : '' }, h("textarea", Object.assign({ key: 'c60aef3d50689757cc9d81b669fe2126146b574c', id: this.defaultId, value: this.value, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleChange.bind(this) }, (this.maxlength > 0 ? { maxLength: this.maxlength } : {}))), h("div", { key: 'f8f18f3525d711e54f92526f308b3d4bf8d10c31', class: "text-base mt-1" }, this.maxlength > 0 && (h("div", { key: 'f8c062d5fca8d1e14aa9e340bdb397951b78ff06' }, mostrarLimite ? (h("span", { class: "limit", "aria-live": "polite" }, "Limite m\u00E1ximo de ", h("strong", null, this.maxlength), " caracteres")) : (h("span", { class: "restantes", "aria-live": "polite", role: "status", id: "limitmax" }, "Restam ", h("strong", null, caracteresRestantes), " caracteres"))))), h("slot", { key: 'cba00d317f4d7717dc3475d433ebc9a2e3483529' }))))));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["valueChanged"]
-    }; }
-    static get style() { return BrTextareaStyle0; }
-}, [65, "br-textarea", {
-        "value": [1537],
-        "label": [513],
-        "placeholder": [513],
-        "disabled": [516],
-        "maxlength": [514],
-        "states": [513],
-        "density": [513],
-        "isDarkMode": [516, "is-dark-mode"],
-        "isLabelLeft": [516, "is-label-left"],
-        "defaultId": [513, "default-id"],
-        "currentLength": [32],
-        "setValue": [64]
-    }, undefined, {
-        "value": ["valueChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["br-textarea"];
-    components.forEach(tagName => { switch (tagName) {
-        case "br-textarea":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Textarea);
-            }
-            break;
-    } });
-}
-
-const BrTextarea = Textarea;
-const defineCustomElement = defineCustomElement$1;
-
-export { BrTextarea, defineCustomElement };
-
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{p as a,H as t,h as r,c as e}from"./p-2d8e59f6.js";import{i}from"./p-74a4eb38.js";import{v as o}from"./p-d5a8d30c.js";const n="*,*::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}";const l=n;const s=a(class a extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.elementInternals=this.attachInternals();this.handleChange=a=>{var t;const r=a.target;this.value=r.value;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.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-${o()}`}componentWillLoad(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length;this.inheritedAttributes=i(this.el)}valueChanged(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length}async setValue(a){var t;this.value=a;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()}emitValueChange(){const a=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(a)}getCssClassMap(){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"}}render(){const a=this.maxlength-this.currentLength;const t=this.currentLength>0;return r(e,{key:"defc8132cc310b1fdce9555584503b1091381f1a"},r("div",Object.assign({key:"cb6c15fda32b51936b72e3841f0902c62dfb1b2b",class:this.getCssClassMap()},this.inheritedAttributes),r("div",{key:"7f6c1f253f9ff2925cdd03979f2d59c094d33764",class:this.isInline?"row":""},this.isInline?r("div",{class:"col-auto pt-half"},r("label",{htmlFor:this.customId},this.label)):r("label",{htmlFor:this.customId},this.label),r("div",{key:"3fdb79978863ec3748395a25f3314b70bc9e2c70",class:this.isInline?"col":""},r("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}:{})),r("div",{key:"15886ef7f481fa9f68dd57d4765283fae22e82a4",class:"text-base mt-1"},this.maxlength>0&&r("div",{key:"793a5a2d1e8b5fb76c0ed96fc713544094c18809"},t?r("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",r("strong",null,a)," caracteres"):r("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",r("strong",null,this.maxlength)," caracteres"))),r("slot",{key:"0b6052b895a5b960bff7c3eb879e949ad4846cfa"})))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:["valueChanged"]}}static get style(){return l}},[65,"br-textarea",{value:[1537],label:[513],placeholder:[513],disabled:[516],maxlength:[514],state:[513],density:[513],isInline:[516,"is-inline"],customId:[513,"id"],currentLength:[32],setValue:[64]},undefined,{value:["valueChanged"]}]);function c(){if(typeof customElements==="undefined"){return}const a=["br-textarea"];a.forEach((a=>{switch(a){case"br-textarea":if(!customElements.get(a)){customElements.define(a,s)}break}}))}c();const d=s;const g=c;export{d as BrTextarea,g as defineCustomElement};
 //# sourceMappingURL=br-textarea.js.map

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

@@ -1 +1 @@
-{"file":"br-textarea.js","mappings":"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","names":["uuidv4"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum Density {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nenum States {\n  Danger = 'danger',\n  Success = 'success',\n  Warning = 'warning',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  /**\n   * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string = ''\n\n  /**\n   * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n   */\n  @Prop({ reflect: true }) placeholder: string = ''\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) maxlength: number = 0\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) states: string = null\n\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) density: string = Density.Medium\n\n  /**\n   * Ativa o modo escuro para o componente. Quando verdadeiro, o componente será exibido em um tema escuro.\n   */\n  @Prop({ reflect: true }) isDarkMode: boolean = false\n\n  /**\n   * Define se o rótulo deve ser exibido à esquerda do textarea. Quando verdadeiro, o rótulo é posicionado à esquerda.\n   */\n  @Prop({ reflect: true }) isLabelLeft: boolean = false\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number = 0\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único do textarea, gerado automaticamente.\n   * Este ID é utilizado para associar o textarea a outros elementos, como rótulos,\n   * e garantir que cada instância do componente tenha um identificador distinto.\n   */\n  @Prop({ reflect: true }) defaultId: string = `br-textarea-${uuidv4()}`\n\n  /**\n   * Emite um evento quando o componente é conectado ao DOM.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n   */\n  @Event() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.emit()\n  }\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.currentLength = this.value.length\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o formulário associado é enviado.\n   * Utilize este evento para realizar ações quando o formulário é enviado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado do formulário é alterado para desabilitado.\n   * Utilize este evento para realizar ações quando o formulário é desabilitado.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando o formulário é redefinido.\n   * Utilize este evento para realizar ações quando o formulário é redefinido.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento para restaurar o estado do formulário.\n   * Utilize este evento para realizar ações quando o estado do formulário é restaurado.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value.length\n  }\n\n  /**\n   * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n   * @param event - O evento de entrada do textarea.\n   */\n  private handleChange(event: Event) {\n    const textarea = event.target as HTMLTextAreaElement\n    this.value = textarea.value\n    this.currentLength = this.value.length\n\n    this.emitValueChange()\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value.length\n\n    this.emitValueChange()\n  }\n\n  private emitValueChange() {\n    const changeEvent = new CustomEvent('valueChange', {\n      detail: { value: this.value },\n      bubbles: true,\n      composed: true,\n    })\n    this.el.dispatchEvent(changeEvent)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      'dark-mode': this.isDarkMode,\n      small: this.density === Density.Small,\n      medium: this.density === Density.Medium,\n      large: this.density === Density.Large,\n      success: this.states === States.Success,\n      danger: this.states === States.Danger,\n      warning: this.states === States.Warning,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    const caracteresRestantes = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength === 0\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div class={this.isLabelLeft ? 'row' : ''}>\n            {this.isLabelLeft ? (\n              <div class=\"col-auto pt-half\">\n                <label htmlFor={this.defaultId}>{this.label}</label>\n              </div>\n            ) : (\n              <label htmlFor={this.defaultId}>{this.label}</label>\n            )}\n            <div class={this.isLabelLeft ? 'col' : ''}>\n              <textarea\n                id={this.defaultId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleChange.bind(this)}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n              ></textarea>\n              <div class=\"text-base mt-1\">\n                {this.maxlength > 0 && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"limit\" aria-live=\"polite\">\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n              </div>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}
+{"version":3,"names":["textareaCss","BrTextareaStyle0","Textarea","proxyCustomElement","H","this","handleChange","event","textarea","target","value","currentLength","_a","length","emitValueChange","inheritedAttributes","uuidv4","componentWillLoad","inheritAriaAttributes","el","valueChanged","setValue","newValue","changeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","getCssClassMap","small","density","medium","large","success","state","danger","warning","render","caracteresRestantes","maxlength","mostrarLimite","h","Host","key","Object","assign","class","isInline","htmlFor","customId","label","id","placeholder","disabled","onInput","maxLength","role"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import { AttachInternals, Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core'\n\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/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string\n\n  /**\n   * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n   */\n  @Prop({ reflect: true }) placeholder: string\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) maxlength: number = 0\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) state: 'danger' | 'success' | 'warning'\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) isInline: boolean = false\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number\n\n  /**\n   * Identificador único do textarea.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-textarea-${uuidv4()}`\n\n  componentWillLoad() {\n    this.currentLength = this.value?.length\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value?.length\n  }\n\n  /**\n   * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n   * @param event - O evento de entrada do textarea.\n   */\n  private readonly handleChange = (event: Event) => {\n    const textarea = event.target as HTMLTextAreaElement\n    this.value = textarea.value\n    this.currentLength = this.value?.length\n    this.emitValueChange()\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value?.length\n    this.emitValueChange()\n  }\n\n  private emitValueChange() {\n    const changeEvent = new CustomEvent('valueChange', {\n      detail: { value: this.value },\n      bubbles: true,\n      composed: true,\n    })\n    this.el.dispatchEvent(changeEvent)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      success: this.state === 'success',\n      danger: this.state === 'danger',\n      warning: this.state === 'warning',\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    const caracteresRestantes: number = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength > 0\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div class={this.isInline ? 'row' : ''}>\n            {this.isInline ? (\n              <div class=\"col-auto pt-half\">\n                <label htmlFor={this.customId}>{this.label}</label>\n              </div>\n            ) : (\n              <label htmlFor={this.customId}>{this.label}</label>\n            )}\n            <div class={this.isInline ? 'col' : ''}>\n              <textarea\n                id={this.customId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleChange}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n              ></textarea>\n              <div class=\"text-base mt-1\">\n                {this.maxlength > 0 && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"limit\" aria-live=\"polite\">\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n              </div>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4HAAA,MAAMA,EAAc,iuWACpB,MAAAC,EAAeD,E,MCgBFE,EAAQC,EAAA,MAAAD,UAAAE,E,+GAqEFC,KAAAC,aAAgBC,I,MAC/B,MAAMC,EAAWD,EAAME,OACvBJ,KAAKK,MAAQF,EAASE,MACtBL,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iBAAiB,EAmChBT,KAAAU,oBAAkC,G,mFArFG,M,eAKA,E,kCASoB,S,cAKpB,M,2CAWgB,eAAeC,K,CAE5E,iBAAAC,G,MACEZ,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKU,oBAAsBG,EAAsBb,KAAKc,G,CAIxD,YAAAC,G,MACEf,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,M,CAmBnC,cAAMQ,CAASC,G,MACbjB,KAAKK,MAAQY,EACbjB,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iB,CAGC,eAAAA,GACN,MAAMS,EAAc,IAAIC,YAAY,cAAe,CACjDC,OAAQ,CAAEf,MAAOL,KAAKK,OACtBgB,QAAS,KACTC,SAAU,OAEZtB,KAAKc,GAAGS,cAAcL,E,CAGhB,cAAAM,GACN,MAAO,CACL,cAAe,KACfC,MAAOzB,KAAK0B,UAAY,QACxBC,OAAQ3B,KAAK0B,UAAY,SACzBE,MAAO5B,KAAK0B,UAAY,QACxBG,QAAS7B,KAAK8B,QAAU,UACxBC,OAAQ/B,KAAK8B,QAAU,SACvBE,QAAShC,KAAK8B,QAAU,U,CAM5B,MAAAG,GACE,MAAMC,EAA8BlC,KAAKmC,UAAYnC,KAAKM,cAC1D,MAAM8B,EAAgBpC,KAAKM,cAAgB,EAE3C,OACE+B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAO1C,KAAKwB,kBAAsBxB,KAAKU,qBAC1C2B,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IACjC3C,KAAK2C,SACJN,EAAA,OAAKK,MAAM,oBACTL,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,QAGvCT,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,OAEvCT,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IAClCN,EAAA,WAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEQ,GAAI/C,KAAK6C,SACTxC,MAAOL,KAAKK,MACZ2C,YAAahD,KAAKgD,YAClBC,SAAUjD,KAAKiD,SACfC,QAASlD,KAAKC,cACTD,KAAKmC,UAAY,EAAI,CAAEgB,UAAWnD,KAAKmC,WAAc,KAE5DE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBACR1C,KAAKmC,UAAY,GAChBE,EAAA,OAAAE,IAAA,4CACGH,EACCC,EAAA,QAAMK,MAAM,YAAW,YAAW,SAASU,KAAK,SAASL,GAAG,YAAU,UAC7DV,EAAA,cAASH,GAA6B,eAG/CG,EAAA,QAAMK,MAAM,QAAO,YAAW,UAAQ,oBACnBL,EAAA,cAASrC,KAAKmC,WAAmB,iBAM5DE,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/components/br-upload.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BrUpload extends Components.BrUpload, HTMLElement {}
+export const BrUpload: {
+    prototype: BrUpload;
+    new (): BrUpload;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/br-upload.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{p as t,H as a,d as r,h as e,c as i}from"./p-2d8e59f6.js";import{i as o}from"./p-74a4eb38.js";import{d as n}from"./p-e4af8eac.js";import{d as l}from"./p-a23c3f6b.js";const s="*,*::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}";const d=s;var c;(function(t){t["INFO"]="info";t["WARNING"]="warning";t["DANGER"]="danger";t["SUCCESS"]="success"})(c||(c={}));const g=t(class t extends a{constructor(){super();this.__registerHost();this.__attachShadow();this.brConnectedCallback=r(this,"brConnectedCallback",7);this.brWillLoad=r(this,"brWillLoad",7);this.brDidLoad=r(this,"brDidLoad",7);this.brWillRender=r(this,"brWillRender",7);this.brDidRender=r(this,"brDidRender",7);this.brShouldUpdate=r(this,"brShouldUpdate",7);this.brWillUpdate=r(this,"brWillUpdate",7);this.brDidUpdate=r(this,"brDidUpdate",7);this.brDidDisconnect=r(this,"brDidDisconnect",7);this.brFormAssociatedCallback=r(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=r(this,"brFormDisabledCallback",7);this.brFormResetCallback=r(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=r(this,"brFormStateRestoreCallback",7);this.elementInternals=this.attachInternals();this.inheritedAttributes={};this.accept="";this.label="Envio de arquivo";this.filesSelected=null;this.file=null;this.disabled=false;this.state=c.INFO;this.multiple=false}connectedCallback(){this.brConnectedCallback.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){this.brDidLoad.emit()}componentWillRender(){this.brWillRender.emit()}componentDidRender(){this.brDidRender.emit()}componentShouldUpdate(){this.brShouldUpdate.emit()}componentWillUpdate(){this.brWillUpdate.emit()}componentDidUpdate(){this.brDidUpdate.emit()}disconnectedCallback(){this.brDidDisconnect.emit()}formAssociatedCallback(t){this.brFormAssociatedCallback.emit(t)}formDisabledCallback(t){this.brFormDisabledCallback.emit(t)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(t,a){this.brFormStateRestoreCallback.emit([t,a])}getCssClassMap(){return{"br-upload":true,[this.state]:true}}handleRemoveFileSelection(t){const a=Array.from(this.filesSelected).filter((a=>a!==t));this.filesSelected=a;const r=this.el.shadowRoot.getElementById("single-file");r.value=""}renderFilesUploaded(){const t=this._calculateFileSize(this.filesSelected);return t.map((({file:t,size:a})=>e("div",{class:"br-item d-flex",key:t.name},e("div",{class:"content text-primary-default mr-auto"},t.name),e("div",{class:"support mr-n2"},e("span",{class:""},a),e("br-button",{shape:"circle",type:"button","aria-label":"Remover arquivo",onClick:()=>this.handleRemoveFileSelection(t)},e("br-icon",{"icon-name":"fa-solid:trash","aria-hidden":"true"}))))))}onInputChange(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}}_calculateFileSize(t){return Array.from(t).map((t=>{let a="";const r=["KB","MB","GB","TB"];let e=0;let i=t.size/1024;if(i<1){a=`${t.size} bytes`}else{while(i>1&&e<r.length){a=`${i.toFixed(2)} ${r[e]}`;i/=1024;e++}}return{file:t,size:a||0}}))}handleDrop(t){var a;t.preventDefault();const r=(a=t.dataTransfer)===null||a===void 0?void 0:a.files;if(r&&r.length>0){this.onInputChange(r)}}handleDragOver(t){t.preventDefault()}handleFileSelection(){const t=this.el.shadowRoot.getElementById("single-file");t.click()}render(){return e(i,{key:"f1ec05f1b00cc4ab0b77857f59a131f58ee33453"},e("div",{key:"eb58edc7b74899f9d61e9a8f29f1ddb5e8770400",class:this.getCssClassMap()},e("label",{key:"ed176b30f6e6076e956509da99049023f0169050",class:"upload-label",form:"single-file"},e("span",{key:"f61bd68bc184ebb271e668c4e199b4cc4f2e9482"},this.label)),e("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:()=>this.handleFileSelection(),onDrop:t=>this.handleDrop(t),onDragOver:t=>this.handleDragOver(t)},e("br-icon",{key:"693d40ea2e9717c0fd399b7ede95735ea96fd58c","icon-name":"fa-solid:upload",height:"16","aria-hidden":"true"}),e("span",{key:"b545c00edd27ec1fd06dc8e48891da4a1868f4cf"},"Selecione o arquivo")),e("input",Object.assign({key:"eec6d4db4a1b102321544e5ef676dc2000243a1d",class:"upload-input",id:"single-file",type:"file","aria-hidden":"null","aria-label":"enviar arquivo",onChange:t=>this.onInputChange(t.target.files)},this.inheritedAttributes,{multiple:this.multiple,disabled:this.disabled,accept:this.accept})),e("div",{key:"0580a6d5e28685ec3e91e84d1082cabc8a5dc87c",id:"list-files",class:"upload-list"},this.filesSelected?this.renderFilesUploaded():null)))}static get formAssociated(){return true}get el(){return this}static get style(){return d}},[65,"br-upload",{accept:[1],label:[1],disabled:[516],state:[513],multiple:[4],filesSelected:[32],file:[32]}]);function b(){if(typeof customElements==="undefined"){return}const t=["br-upload","br-button","br-icon"];t.forEach((t=>{switch(t){case"br-upload":if(!customElements.get(t)){customElements.define(t,g)}break;case"br-button":if(!customElements.get(t)){n()}break;case"br-icon":if(!customElements.get(t)){l()}break}}))}b();const p=g;const u=b;export{p as BrUpload,u as defineCustomElement};
+//# sourceMappingURL=br-upload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["uploadCss","BrUploadStyle0","UploadState","Upload","proxyCustomElement","H","this","inheritedAttributes","INFO","connectedCallback","brConnectedCallback","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","getCssClassMap","handleRemoveFileSelection","file","newArrayFilter","Array","from","filesSelected","filter","f","fileInput","shadowRoot","getElementById","value","renderFilesUploaded","fileSizes","_calculateFileSize","map","size","h","class","key","name","shape","type","onClick","onInputChange","files","length","console","error","sOutput","aMultiples","nMultiple","nApprox","toFixed","handleDrop","event","preventDefault","_a","dataTransfer","handleDragOver","handleFileSelection","click","render","Host","label","tabIndex","onDrop","onDragOver","height","Object","assign","id","onChange","$event","target","multiple","accept"],"sources":["src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","src/components/upload/upload.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/upload/upload.scss\";\n\n:host {\n  display: block;\n}\n","// Start of Selection\nimport { 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\nenum UploadState {\n  INFO = 'info',\n  WARNING = 'warning',\n  DANGER = 'danger',\n  SUCCESS = 'success',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n  /**\n   * Tipos de arquivo permitidos (ex: 'image/*').\n   * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n   */\n  @Prop() accept: string = ''\n\n  /**\n   * **[OBRIGATÓRIO]** Texto descritivo do campo de upload.\n   * Este é o texto que é mostrado no label do textarea.\n   */\n  @Prop() label: string = 'Envio de arquivo'\n\n  /**\n   * Evento emitido quando um arquivo é selecionado.\n   * Este estado armazena os arquivos que foram selecionados pelo usuário.\n   */\n  @State() filesSelected: FileList | null = null\n\n  /**\n   * Referência ao elemento de arquivo selecionado.\n   * Este estado armazena o arquivo que foi selecionado para upload.\n   */\n  @State() file: File | null = null\n\n  /**\n   * Indica se o componente está desativado.\n   * Quando definido como `true`, o campo de upload se torna não interativo,\n   * impedindo que o usuário selecione ou envie arquivos.\n   * Isso é útil para controlar a interação do usuário em situações específicas,\n   * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * **[OBRIGATÓRIO]** Define o estado visual da mensagem.\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: string = UploadState.INFO\n\n  /**\n   * Indica se o componente permite a seleção de múltiplos arquivos.\n   * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n   */\n  @Prop() multiple: boolean = false\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Emite um evento quando o componente é conectado ao DOM.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n   */\n  @Event() brConnectedCallback: EventEmitter<void>\n  connectedCallback() {\n    this.brConnectedCallback.emit()\n  }\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  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é associado ou removido de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n   *\n   * @param form - Dados do formulário associado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n   *\n   * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando um `<form>` é resetado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n   *\n   * @param state - Estado restaurado do formulário.\n   * @param _mode - Modo de preenchimento automático do navegador.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-upload': true,\n      [this.state]: true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private handleRemoveFileSelection(file: File) {\n    const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n    this.filesSelected = newArrayFilter as unknown as FileList\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.value = ''\n  }\n\n  private renderFilesUploaded() {\n    const fileSizes = this._calculateFileSize(this.filesSelected)\n\n    return fileSizes.map(({ file, size }) => {\n      return (\n        <div class=\"br-item d-flex\" key={file.name}>\n          <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n          <div class=\"support mr-n2\">\n            <span class=\"\">{size}</span>\n            <br-button\n              shape=\"circle\"\n              type=\"button\"\n              aria-label=\"Remover arquivo\"\n              onClick={() => this.handleRemoveFileSelection(file)}\n            >\n              <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n            </br-button>\n          </div>\n        </div>\n      )\n    })\n  }\n\n  private onInputChange(files: FileList) {\n    if (files.length === 1) {\n      this.filesSelected = files\n    } else if (files.length > 0) {\n      this.filesSelected = files\n    } else {\n      console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n      return false\n    }\n  }\n\n  private _calculateFileSize(files: FileList) {\n    return Array.from(files).map((file) => {\n      let sOutput = ''\n      const aMultiples = ['KB', 'MB', 'GB', 'TB']\n      let nMultiple = 0\n      let nApprox = file.size / 1024\n\n      if (nApprox < 1) {\n        sOutput = `${file.size} bytes`\n      } else {\n        while (nApprox > 1 && nMultiple < aMultiples.length) {\n          sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n          nApprox /= 1024\n          nMultiple++\n        }\n      }\n\n      return { file: file, size: sOutput || 0 }\n    })\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault()\n    const files = event.dataTransfer?.files\n    if (files && files.length > 0) {\n      this.onInputChange(files)\n    }\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault()\n  }\n\n  private handleFileSelection() {\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.click()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <label class=\"upload-label\" form=\"single-file\">\n            <span>{this.label}</span>\n          </label>\n          <button\n            class=\"upload-button\"\n            type=\"button\"\n            aria-hidden=\"true\"\n            tabIndex={this.disabled ? -1 : 0}\n            disabled={this.disabled}\n            aria-label=\"Selecionar arquivo para upload\"\n            onClick={() => this.handleFileSelection()}\n            onDrop={(event) => this.handleDrop(event)}\n            onDragOver={(event) => this.handleDragOver(event)}\n          >\n            <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n            <span>Selecione o arquivo</span>\n          </button>\n\n          <input\n            class=\"upload-input\"\n            id=\"single-file\"\n            type=\"file\"\n            aria-hidden=\"null\"\n            aria-label=\"enviar arquivo\"\n            onChange={($event: any) => this.onInputChange($event.target.files)}\n            {...this.inheritedAttributes}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            accept={this.accept}\n          />\n          <div id=\"list-files\" class=\"upload-list\">\n            {this.filesSelected ? this.renderFilesUploaded() : null}\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/index.d.ts

@@ -1,31 +1,3 @@
-/* webcomponents custom elements */
-export { Avatar as BrAvatar } from '../types/components/avatar/avatar';
-export { defineCustomElement as defineCustomElementBrAvatar } from './br-avatar';
-export { Button as BrButton } from '../types/components/button/button';
-export { defineCustomElement as defineCustomElementBrButton } from './br-button';
-export { Checkbox as BrCheckbox } from '../types/components/checkbox/checkbox';
-export { defineCustomElement as defineCustomElementBrCheckbox } from './br-checkbox';
-export { Dropdown as BrDropdown } from '../types/components/dropdown/dropdown';
-export { defineCustomElement as defineCustomElementBrDropdown } from './br-dropdown';
-export { Icon as BrIcon } from '../types/components/icon/icon';
-export { defineCustomElement as defineCustomElementBrIcon } from './br-icon';
-export { Input as BrInput } from '../types/components/input/input';
-export { defineCustomElement as defineCustomElementBrInput } from './br-input';
-export { Item as BrItem } from '../types/components/item/item';
-export { defineCustomElement as defineCustomElementBrItem } from './br-item';
-export { List as BrList } from '../types/components/list/list';
-export { defineCustomElement as defineCustomElementBrList } from './br-list';
-export { Loading as BrLoading } from '../types/components/loading/loading';
-export { defineCustomElement as defineCustomElementBrLoading } from './br-loading';
-export { Message as BrMessage } from '../types/components/message/message';
-export { defineCustomElement as defineCustomElementBrMessage } from './br-message';
-export { Radio as BrRadio } from '../types/components/radio/radio';
-export { defineCustomElement as defineCustomElementBrRadio } from './br-radio';
-export { Switch as BrSwitch } from '../types/components/switch/switch';
-export { defineCustomElement as defineCustomElementBrSwitch } from './br-switch';
-export { Textarea as BrTextarea } from '../types/components/textarea/textarea';
-export { defineCustomElement as defineCustomElementBrTextarea } from './br-textarea';
-
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"
  * if the path needs to be customized.
@@ -59,4 +31,3 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../types';

package/dist/components/index.js

@@ -1,16 +1,6 @@
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-62a01df5.js';
-export { BrAvatar, defineCustomElement as defineCustomElementBrAvatar } from './br-avatar.js';
-export { BrButton, defineCustomElement as defineCustomElementBrButton } from './br-button.js';
-export { BrCheckbox, defineCustomElement as defineCustomElementBrCheckbox } from './br-checkbox.js';
-export { BrDropdown, defineCustomElement as defineCustomElementBrDropdown } from './br-dropdown.js';
-export { BrIcon, defineCustomElement as defineCustomElementBrIcon } from './br-icon.js';
-export { BrInput, defineCustomElement as defineCustomElementBrInput } from './br-input.js';
-export { BrItem, defineCustomElement as defineCustomElementBrItem } from './br-item.js';
-export { BrList, defineCustomElement as defineCustomElementBrList } from './br-list.js';
-export { BrLoading, defineCustomElement as defineCustomElementBrLoading } from './br-loading.js';
-export { BrMessage, defineCustomElement as defineCustomElementBrMessage } from './br-message.js';
-export { BrRadio, defineCustomElement as defineCustomElementBrRadio } from './br-radio.js';
-export { BrSwitch, defineCustomElement as defineCustomElementBrSwitch } from './br-switch.js';
-export { BrTextarea, defineCustomElement as defineCustomElementBrTextarea } from './br-textarea.js';
-
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+export{g as getAssetPath,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-2d8e59f6.js";
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/p-2d8e59f6.js

@@ -0,0 +1,7 @@
+/*!
+ * 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 r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var s=new WeakMap;var l=e=>s.get(e);var o=(e,t)=>{const r={t:0,$hostElement$:e,l:t,o:new Map};{r.i=new Promise((e=>r.u=e));e["s-p"]=[];e["s-rc"]=[]}return s.set(e,r)};var i=(e,t)=>t in e;var a=(e,t)=>(0,console.error)(e,t);var f=new Map;var c=(e,t,r)=>{const n=e.v.replace(/-/g,"_");const s=e.p;if(!s){return void 0}const l=f.get(s);if(l){return l[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{f.set(s,e)}return e[n]}),a)};var u=new Map;var v="r";var d="o";var p="s";var h="t";var m="s-id";var $="sty-id";var y="c-id";var b="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w="http://www.w3.org/1999/xlink";var g=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var S=typeof window!=="undefined"?window:{};var k=S.document||{head:{}};var C=S.HTMLElement||class{};var x={t:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var j=t.shadowDom;var O=(()=>{let e=false;try{k.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var D=e=>Promise.resolve(e);var R=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var E=false;var L=[];var M=[];var A=(e,t)=>r=>{e.push(r);if(!E){E=true;if(t&&x.t&4){P(U)}else{x.raf(U)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){a(e)}}e.length=0};var U=()=>{F(L);{F(M);if(E=L.length>0){x.raf(U)}}};var P=e=>D().then(e);var T=A(M,true);var W=e=>{const t=new URL(e,x.h);return t.origin!==S.location.origin?t.href:t.pathname};var N=e=>x.h=e;var I={};var _=e=>e!=null;var H=e=>{e=typeof e;return e==="object"||e==="function"};function B(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var Q={};n(Q,{err:()=>z,map:()=>K,ok:()=>q,unwrap:()=>V,unwrapErr:()=>X});var q=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function K(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>q(e)))}else{return q(r)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var V=e=>{if(e.isOk){return e.value}else{throw e.value}};var X=e=>{if(e.isErr){return e.value}else{throw e.value}};var G=(e,t="")=>{{return()=>{}}};var J=(e,t)=>{{return()=>{}}};var Y=(e,t,...r)=>{let n=null;let s=null;let l=false;let o=false;const i=[];const a=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){a(n)}else if(n!=null&&typeof n!=="boolean"){if(l=typeof e!=="function"&&!H(n)){n=String(n)}if(l&&o){i[i.length-1].m+=n}else{i.push(l?Z(null,n):n)}o=l}}};a(r);if(t){if(t.key){s=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,re)}const f=Z(e,null);f.$=t;if(i.length>0){f.S=i}{f.k=s}return f};var Z=(e,t)=>{const r={t:0,C:e,m:t,j:null,S:null};{r.$=null}{r.k=null}return r};var ee={};var te=e=>e&&e.C===ee;var re={forEach:(e,t)=>e.map(ne).forEach(t),map:(e,t)=>e.map(ne).map(t).map(se)};var ne=e=>({vattrs:e.$,vchildren:e.S,vkey:e.k,vname:e.O,vtag:e.C,vtext:e.m});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 Y(e.vtag,t,...e.vchildren||[])}const t=Z(e.vtag,e.vtext);t.$=e.vattrs;t.S=e.vchildren;t.k=e.vkey;t.O=e.vname;return t};var le=(e,t,r,n)=>{const s=G("hydrateClient",t);const l=e.shadowRoot;const o=[];const i=[];const a=l?[]:null;const f=n.D=Z(t,null);if(!x.R){ie(k.body,x.R=new Map)}e[m]=r;e.removeAttribute(m);oe(f,o,i,a,e,e,r);o.map((e=>{const r=e.L+"."+e.M;const n=x.R.get(r);const s=e.j;if(n&&j&&n["s-en"]===""){n.parentNode.insertBefore(s,n.nextSibling)}if(!l){s["s-hn"]=t;if(n){s["s-ol"]=n;s["s-ol"]["s-nr"]=s}}x.R.delete(r)}));if(l){a.map((e=>{if(e){l.appendChild(e)}}))}s()};var oe=(e,t,r,n,s,l,o)=>{let i;let a;let f;let c;if(l.nodeType===1){i=l.getAttribute(y);if(i){a=i.split(".");if(a[0]===o||a[0]==="0"){f={t:0,L:a[0],M:a[1],A:a[2],F:a[3],C:l.tagName.toLowerCase(),j:l,$:null,S:null,k:null,O:null,m:null};t.push(f);l.removeAttribute(y);if(!e.S){e.S=[]}e.S[f.F]=f;e=f;if(n&&f.A==="0"){n[f.F]=f.j}}}if(l.shadowRoot){for(c=l.shadowRoot.childNodes.length-1;c>=0;c--){oe(e,t,r,n,s,l.shadowRoot.childNodes[c],o)}}for(c=l.childNodes.length-1;c>=0;c--){oe(e,t,r,n,s,l.childNodes[c],o)}}else if(l.nodeType===8){a=l.nodeValue.split(".");if(a[1]===o||a[1]==="0"){i=a[0];f={t:0,L:a[1],M:a[2],A:a[3],F:a[4],j:l,$:null,S:null,k:null,O:null,C:null,m:null};if(i===h){f.j=l.nextSibling;if(f.j&&f.j.nodeType===3){f.m=f.j.textContent;t.push(f);l.remove();if(!e.S){e.S=[]}e.S[f.F]=f;if(n&&f.A==="0"){n[f.F]=f.j}}}else if(f.L===o){if(i===p){f.C="slot";if(a[5]){l["s-sn"]=f.O=a[5]}else{l["s-sn"]=""}l["s-sr"]=true;if(n){f.j=k.createElement(f.C);if(f.O){f.j.setAttribute("name",f.O)}l.parentNode.insertBefore(f.j,l);l.remove();if(f.A==="0"){n[f.F]=f.j}}r.push(f);if(!e.S){e.S=[]}e.S[f.F]=f}else if(i===v){if(n){l.remove()}}}}}else if(e&&e.C==="style"){const t=Z(null,l.textContent);t.j=l;t.F="0";e.S=[t]}};var ie=(e,t)=>{if(e.nodeType===1){let r=0;if(e.shadowRoot){for(;r<e.shadowRoot.childNodes.length;r++){ie(e.shadowRoot.childNodes[r],t)}}for(r=0;r<e.childNodes.length;r++){ie(e.childNodes[r],t)}}else if(e.nodeType===8){const r=e.nodeValue.split(".");if(r[0]===d){t.set(r[1]+"."+r[2],e);e.nodeValue="";e["s-en"]=r[3]}}};var ae=(e,t)=>{if(e!=null&&!H(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 fe=e=>e;var ce=(e,t,r)=>{const n=fe(e);return{emit:e=>ue(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var ue=(e,t,r)=>{const n=x.ce(t,r);e.dispatchEvent(n);return n};var ve=new WeakMap;var de=(e,t,r)=>{let n=u.get(e);if(R&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}u.set(e,n)};var pe=(e,t,r)=>{var n;const s=me(t);const l=u.get(s);e=e.nodeType===11?e:k;if(l){if(typeof l==="string"){e=e.head||e;let r=ve.get(e);let o;if(!r){ve.set(e,r=new Set)}if(!r.has(s)){if(e.host&&(o=e.querySelector(`[${$}="${s}"]`))){o.innerHTML=l}else{o=k.createElement("style");o.innerHTML=l;const r=(n=x.U)!=null?n:B(k);if(r!=null){o.setAttribute("nonce",r)}if(!(t.t&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,r)}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+=b}if(r){r.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var he=e=>{const t=e.l;const r=e.$hostElement$;const n=t.t;const s=G("attachStyles",t.v);const l=pe(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=l;r.classList.add(l+"-h")}s()};var me=(e,t)=>"sc-"+e.v;var $e=(e,t,r,n,s,l)=>{if(r!==n){let o=i(e,t);let a=t.toLowerCase();if(t==="class"){const t=e.classList;const s=be(r);const l=be(n);t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(i(S,a)){t=a.slice(2)}else{t=a[2]+t.slice(3)}if(r||n){const s=t.endsWith(we);t=t.replace(ge,"");if(r){x.rel(e,t,r,s)}if(n){x.ael(e,t,n,s)}}}else{const i=H(n);if((o||i&&n!==null)&&!s){try{if(!e.tagName.includes("-")){const s=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else{e[t]=n}}catch(e){}}let f=false;{if(a!==(a=a.replace(/^xlink\:?/,""))){t=a;f=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(w,t)}else{e.removeAttribute(t)}}}else if((!o||l&4||s)&&!i){n=n===true?"":n;if(f){e.setAttributeNS(w,t,n)}else{e.setAttribute(t,n)}}}}};var ye=/\s/;var be=e=>!e?[]:e.split(ye);var we="Capture";var ge=new RegExp(we+"$");var Se=(e,t,r)=>{const n=t.j.nodeType===11&&t.j.host?t.j.host:t.j;const s=e&&e.$||I;const l=t.$||I;{for(const e of ke(Object.keys(s))){if(!(e in l)){$e(n,e,s[e],void 0,r,t.t)}}}for(const e of ke(Object.keys(l))){$e(n,e,s[e],l[e],r,t.t)}};function ke(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Ce;var xe;var je=false;var Oe=false;var De=(e,r,n,s)=>{const l=r.S[n];let o=0;let i;let a;if(l.m!==null){i=l.j=k.createTextNode(l.m)}else{i=l.j=k.createElement(!je&&t.slotRelocation&&l.t&2?"slot-fb":l.C);{Se(null,l,Oe)}const r=i.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&_(Ce)&&i["s-si"]!==Ce){i.classList.add(i["s-si"]=Ce)}if(l.S){for(o=0;o<l.S.length;++o){a=De(e,l,o);if(a){i.appendChild(a)}}}}i["s-hn"]=xe;return i};var Re=(e,t,r,n,s,l)=>{let o=e;let i;if(o.shadowRoot&&o.tagName===xe){o=o.shadowRoot}for(;s<=l;++s){if(n[s]){i=De(null,r,s);if(i){n[s].j=i;Pe(o,i,t)}}}};var Ee=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.j;Ue(t);if(e){e.remove()}}}};var Le=(e,t,r,n,s=false)=>{let l=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let p=n[v];let h;let m;while(l<=f&&o<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(Me(c,d,s)){Ae(c,d,s);c=t[++l];d=n[++o]}else if(Me(u,p,s)){Ae(u,p,s);u=t[--f];p=n[--v]}else if(Me(c,p,s)){Ae(c,p,s);Pe(e,c.j,u.j.nextSibling);c=t[++l];p=n[--v]}else if(Me(u,d,s)){Ae(u,d,s);Pe(e,u.j,c.j);u=t[--f];d=n[++o]}else{i=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].k!==null&&t[a].k===d.k){i=a;break}}}if(i>=0){m=t[i];if(m.C!==d.C){h=De(t&&t[o],r,i)}else{Ae(m,d,s);t[i]=void 0;h=m.j}d=n[++o]}else{h=De(t&&t[o],r,o);d=n[++o]}if(h){{Pe(c.j.parentNode,h,c.j)}}}}if(l>f){Re(e,n[v+1]==null?null:n[v+1].j,r,n,o,v)}else if(o>v){Ee(t,l,f)}};var Me=(e,t,r=false)=>{if(e.C===t.C){if(!r){return e.k===t.k}return true}return false};var Ae=(e,r,n=false)=>{const s=r.j=e.j;const l=e.S;const o=r.S;const i=r.C;const a=r.m;if(a===null){{if(i==="slot"&&!je);else{Se(e,r,Oe)}}if(l!==null&&o!==null){Le(s,l,r,o,n)}else if(o!==null){if(e.m!==null){s.textContent=""}Re(s,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&l!==null){Ee(l,0,l.length-1)}}else if(e.m!==a){s.data=a}};var Fe=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Fe(e)}}};var Ue=e=>{{e.$&&e.$.ref&&e.$.ref(null);e.S&&e.S.map(Ue)}};var Pe=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Te=(e,t,r=false)=>{const n=e.$hostElement$;const s=e.l;const l=e.D||Z(null,null);const o=te(t)?t:Y(null,null,t);xe=n.tagName;if(s.P){o.$=o.$||{};s.P.map((([e,t])=>o.$[t]=n[e]))}if(r&&o.$){for(const e of Object.keys(o.$)){if(n.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.$[e]=n[e]}}}o.C=null;o.t|=4;e.D=o;o.j=l.j=n.shadowRoot||n;{Ce=n["s-sc"]}je=(s.t&1)!==0;Ae(l,o,r)};var We=(e,t)=>{if(t&&!e.T&&t["s-p"]){t["s-p"].push(new Promise((t=>e.T=t)))}};var Ne=(e,t)=>{{e.t|=16}if(e.t&4){e.t|=512;return}We(e,e.W);const r=()=>Ie(e,t);return T(r)};var Ie=(e,t)=>{const r=e.$hostElement$;const n=G("scheduleUpdate",e.l.v);const s=r;if(!s){throw new Error(`Can't render component <${r.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=Ke(s,"componentWillLoad")}}else{{l=Ke(s,"componentWillUpdate")}}{l=_e(l,(()=>Ke(s,"componentWillRender")))}n();return _e(l,(()=>Be(e,s,t)))};var _e=(e,t)=>He(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var He=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Be=async(e,t,r)=>{var n;const s=e.$hostElement$;const l=G("update",e.l.v);const o=s["s-rc"];if(r){he(e)}const i=G("render",e.l.v);{Qe(e,t,s,r)}if(o){o.map((e=>e()));s["s-rc"]=void 0}i();l();{const t=(n=s["s-p"])!=null?n:[];const r=()=>qe(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.t|=4;t.length=0}}};var Qe=(e,t,r,n)=>{try{t=t.render();{e.t&=~16}{e.t|=2}{{{Te(e,t,n)}}}}catch(t){a(t,e.$hostElement$)}return null};var qe=e=>{const t=e.l.v;const r=e.$hostElement$;const n=G("postUpdate",t);const s=r;const l=e.W;{Ke(s,"componentDidRender")}if(!(e.t&64)){e.t|=64;{Ve(r)}{Ke(s,"componentDidLoad")}n();{e.u(r);if(!l){ze()}}}else{{Ke(s,"componentDidUpdate")}n()}{if(e.T){e.T();e.T=void 0}if(e.t&512){P((()=>Ne(e,false)))}e.t&=~(4|512)}};var ze=t=>{{Ve(k.documentElement)}P((()=>ue(S,"appload",{detail:{namespace:e}})))};var Ke=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){a(e)}}return void 0};var Ve=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Xe=(e,t)=>l(e).o.get(t);var Ge=(e,t,r,n)=>{const s=l(e);const o=e;const i=s.o.get(t);const f=s.t;const c=o;r=ae(r,n.N[t][0]);const u=Number.isNaN(i)&&Number.isNaN(r);const v=r!==i&&!u;if(v){s.o.set(t,r);{if(n.I&&f&128){const e=n.I[t];if(e){e.map((e=>{try{c[e](r,i,t)}catch(e){a(e,o)}}))}}if((f&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(r,i,t)===false){return}}Ne(s,false)}}}};var Je=(e,t,r)=>{var n,s;const o=e.prototype;if(t.t&64&&r&1){g.forEach((e=>Object.defineProperty(o,e,{value(...t){const r=l(this);const n=this;const s=n;if(!s){r.i.then((r=>{const n=r[e];typeof n==="function"&&n.call(r,...t)}))}else{const r=s[e];typeof r==="function"&&r.call(s,...t)}}})))}if(t.N||(t.I||e.watchers)){if(e.watchers&&!t.I){t.I=e.watchers}const r=Object.entries((n=t.N)!=null?n:{});r.map((([e,[r]])=>{if(r&31||r&32){Object.defineProperty(o,e,{get(){return Xe(this,e)},set(r){Ge(this,e,r,t)},configurable:true,enumerable:true})}}));{const n=new Map;o.attributeChangedCallback=function(e,r,s){x.jmp((()=>{var i;const a=n.get(e);if(this.hasOwnProperty(a)){s=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const n=l(this);const o=n==null?void 0:n.t;if(o&&!(o&8)&&o&128&&s!==r){const n=this;const l=n;const o=(i=t.I)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(l[t]!=null){l[t].call(l,s,r,e)}}))}return}this[a]=s===null&&typeof this[a]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.I)!=null?s:{}),...r.filter((([e,t])=>t[0]&15)).map((([e,r])=>{var s;const l=r[1]||e;n.set(l,e);if(r[0]&512){(s=t.P)==null?void 0:s.push([e,l])}return l}))]))}}return e};var Ye=async(e,t,r,n)=>{let s;if((t.t&32)===0){t.t|=32;const n=r.p;if(n){const e=c(r);if(e&&"then"in e){const t=J();s=await e;t()}else{s=e}if(!s){throw new Error(`Constructor for "${r.v}#${t._}" was not found`)}if(!s.isProxied){{r.I=s.watchers}Je(s,r,2);s.isProxied=true}const n=G("createInstance",r.v);{t.t|=8}try{new s(t)}catch(e){a(e)}{t.t&=~8}{t.t|=128}n()}else{s=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.t|=128))}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=me(r);if(!u.has(t)){const n=G("registerStyles",r.v);de(t,e,!!(r.t&1));n()}}}const l=t.W;const o=()=>Ne(t,true);if(l&&l["s-rc"]){l["s-rc"].push(o)}else{o()}};var Ze=e=>{};var et=e=>{if((x.t&1)===0){const t=l(e);const r=t.l;const n=G("connectedCallback",r.v);if(!(t.t&1)){t.t|=1;let n;{n=e.getAttribute(m);if(n){if(r.t&1){const t=pe(e.shadowRoot,r);e.classList.remove(t+"-h",t+"-s")}le(e,r.v,n,t)}}{let r=e;while(r=r.parentNode||r.host){if(r.nodeType===1&&r.hasAttribute("s-id")&&r["s-p"]||r["s-p"]){We(t,t.W=r);break}}}if(r.N){Object.entries(r.N).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Ye(e,t,r)}}else{at(e,t,r.H);if(t==null?void 0:t.B);else if(t==null?void 0:t.i){t.i.then((()=>Ze()))}}n()}};var tt=async e=>{if((x.t&1)===0){const t=l(e);{if(t.q){t.q.map((e=>e()));t.q=void 0}}}};var rt=e=>{const t=e.cloneNode;e.cloneNode=function(e){const r=this;const n=r.shadowRoot&&j;const s=t.call(r,n?e:false);if(!n&&e){let e=0;let t,n;const l=["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"];for(;e<r.childNodes.length;e++){t=r.childNodes[e]["s-nr"];n=l.every((t=>!r.childNodes[e][t]));if(t){if(s.__appendChild){s.__appendChild(t.cloneNode(true))}else{s.appendChild(t.cloneNode(true))}}if(n){s.appendChild(r.childNodes[e].cloneNode(true))}}}return s}};var nt=e=>{e.__appendChild=e.appendChild;e.appendChild=function(e){const t=e["s-sn"]=st(e);const r=lt(this.childNodes,t,this.tagName);if(r){const n=document.createTextNode("");n["s-nr"]=e;r["s-cr"].parentNode.__appendChild(n);e["s-ol"]=n;e["s-sh"]=r["s-hn"];const s=ot(r,t);const l=s[s.length-1];const o=Pe(l.parentNode,e,l.nextSibling);Fe(this);return o}return this.__appendChild(e)}};var st=e=>e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||"";var lt=(e,t,r)=>{let n=0;let s;for(;n<e.length;n++){s=e[n];if(s["s-sr"]&&s["s-sn"]===t&&s["s-hn"]===r){return s}s=lt(s.childNodes,t,r);if(s){return s}}return null};var ot=(e,t)=>{const r=[e];while((e=e.nextSibling)&&e["s-sn"]===t){r.push(e)}return r};var it=(e,t)=>{const r={t:t[0],v:t[1]};{r.N=t[2]}{r.H=t[3]}{r.I=e.I}{r.P=[]}{{rt(e.prototype)}{nt(e.prototype)}}const n=e.prototype.connectedCallback;const s=e.prototype.disconnectedCallback;Object.assign(e.prototype,{__registerHost(){o(this,r)},connectedCallback(){const e=l(this);at(this,e,r.H);et(this);if(n){n.call(this)}},disconnectedCallback(){tt(this);if(s){s.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 ${r.v}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});e.is=r.v;return Je(e,r,1|2)};var at=(e,t,r,n)=>{if(r){r.map((([r,n,s])=>{const l=ct(e,r);const o=ft(t,s);const i=ut(r);x.ael(l,n,o,i);(t.q=t.q||[]).push((()=>x.rel(l,n,o,i)))}))}};var ft=(e,t)=>r=>{try{{e.$hostElement$[t](r)}}catch(e){a(e)}};var ct=(e,t)=>{if(t&4)return k;if(t&8)return S;return e};var ut=e=>O?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var vt=e=>x.U=e;var dt=e=>Object.assign(x,e);export{C as H,vt as a,dt as b,ee as c,ce as d,W as g,Y as h,it as p,N as s};
+//# sourceMappingURL=p-2d8e59f6.js.map