@randstad-uca/design-system 1.0.48 → 1.0.49

package/dist/index.js

@@ -20,12 +20,12 @@ const l=e=>(t,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(e,t)}
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const j={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:D},P=(e=j,t,i)=>{const{kind:o,metadata:r}=i;let n=globalThis.litPropertyMetadata.get(r);if(void 0===n&&globalThis.litPropertyMetadata.set(r,n=new Map),"setter"===o&&((e=Object.create(e)).wrapped=!0),n.set(i.name,e),"accessor"===o){const{name:o}=i;return{set(i){const r=t.get.call(this);t.set.call(this,i),this.requestUpdate(o,r,e)},init(t){return void 0!==t&&this.C(o,void 0,e,t),t}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];t.call(this,i),this.requestUpdate(o,r,e)}}throw Error("Unsupported decorator location: "+o)};function T(e){return(t,i)=>"object"==typeof i?P(e,t,i):((e,t,i)=>{const o=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),o?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
+const j={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:D},P=(e=j,t,i)=>{const{kind:o,metadata:r}=i;let n=globalThis.litPropertyMetadata.get(r);if(void 0===n&&globalThis.litPropertyMetadata.set(r,n=new Map),"setter"===o&&((e=Object.create(e)).wrapped=!0),n.set(i.name,e),"accessor"===o){const{name:o}=i;return{set(i){const r=t.get.call(this);t.set.call(this,i),this.requestUpdate(o,r,e)},init(t){return void 0!==t&&this.C(o,void 0,e,t),t}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];t.call(this,i),this.requestUpdate(o,r,e)}}throw Error("Unsupported decorator location: "+o)};function A(e){return(t,i)=>"object"==typeof i?P(e,t,i):((e,t,i)=>{const o=t.hasOwnProperty(i);return t.constructor.createProperty(i,e),o?Object.getOwnPropertyDescriptor(t,i):void 0})(e,t,i)}
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function A(e){return T({...e,state:!0,attribute:!1})}
+ */function T(e){return A({...e,state:!0,attribute:!1})}
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -159,7 +159,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
       <div class="content ${this.isOpen?"open":""}">
         <slot></slot>
       </div>
-    `}};a([T({type:String}),s("design:type",Object)],V.prototype,"title",void 0),a([A(),s("design:type",Object)],V.prototype,"isOpen",void 0),a([A(),s("design:type",Object)],V.prototype,"isDesktop",void 0),V=a([l("accordion-panel")],V);let W=class extends t{static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",Object)],V.prototype,"title",void 0),a([T(),s("design:type",Object)],V.prototype,"isOpen",void 0),a([T(),s("design:type",Object)],V.prototype,"isDesktop",void 0),V=a([l("accordion-panel")],V);let W=class extends t{static{this.styles=e`
     :host {
       display: flex;
       flex-direction: column;
@@ -436,7 +436,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
               ${this.iconName&&"button-round"!==this.variant&&"right"===this.iconPosition?i`<randstad-icon name=${this.iconName} size="24px"></randstad-icon>`:""}
             `}
       </button>
-    `}};a([T({type:String}),s("design:type",String)],Y.prototype,"variant",void 0),a([T({type:String}),s("design:type",String)],Y.prototype,"size",void 0),a([T({type:String}),s("design:type",Object)],Y.prototype,"label",void 0),a([T({type:Boolean}),s("design:type",Object)],Y.prototype,"loader",void 0),a([T({type:String,attribute:"icon-src"}),s("design:type",String)],Y.prototype,"iconSrc",void 0),a([T({type:String}),s("design:type",String)],Y.prototype,"iconPosition",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Boolean)],Y.prototype,"disabled",void 0),a([T({type:String}),s("design:type",Object)],Y.prototype,"iconName",void 0),a([T({type:String}),s("design:type",String)],Y.prototype,"type",void 0),a([T({type:String}),s("design:type",Object)],Y.prototype,"idevent",void 0),Y=a([l("randstad-button")],Y);let U=class extends t{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="Contactanos",this.cardId=""}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",String)],Y.prototype,"variant",void 0),a([A({type:String}),s("design:type",String)],Y.prototype,"size",void 0),a([A({type:String}),s("design:type",Object)],Y.prototype,"label",void 0),a([A({type:Boolean}),s("design:type",Object)],Y.prototype,"loader",void 0),a([A({type:String,attribute:"icon-src"}),s("design:type",String)],Y.prototype,"iconSrc",void 0),a([A({type:String}),s("design:type",String)],Y.prototype,"iconPosition",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Boolean)],Y.prototype,"disabled",void 0),a([A({type:String}),s("design:type",Object)],Y.prototype,"iconName",void 0),a([A({type:String}),s("design:type",String)],Y.prototype,"type",void 0),a([A({type:String}),s("design:type",Object)],Y.prototype,"idevent",void 0),Y=a([l("randstad-button")],Y);let U=class extends t{constructor(){super(...arguments),this.img="",this.name="",this.title="",this.description="",this.buttonLabel="Contactanos",this.cardId=""}static{this.styles=e`
     :host {
       display: inline-block;
       font-family: "Graphik", sans-serif;
@@ -553,7 +553,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
           </div>
         </div>
       </div>
-    `}};a([T({type:String}),s("design:type",Object)],U.prototype,"img",void 0),a([T({type:String}),s("design:type",Object)],U.prototype,"name",void 0),a([T({type:String}),s("design:type",Object)],U.prototype,"title",void 0),a([T({type:String}),s("design:type",Object)],U.prototype,"description",void 0),a([T({type:String}),s("design:type",Object)],U.prototype,"buttonLabel",void 0),a([T({type:String}),s("design:type",Object)],U.prototype,"cardId",void 0),U=a([l("carousel-card")],U);let G=class extends t{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",Object)],U.prototype,"img",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"name",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"title",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"description",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"buttonLabel",void 0),a([A({type:String}),s("design:type",Object)],U.prototype,"cardId",void 0),U=a([l("carousel-card")],U);let G=class extends t{constructor(){super(...arguments),this.checked=!1,this.error=!1,this.disabled=!1}static{this.styles=e`
     :host {
       display: block;
       max-width: 100%;
@@ -668,7 +668,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
           <slot></slot>
         </span>
       </label>
-    `}};a([T({type:Boolean,reflect:!0}),s("design:type",Object)],G.prototype,"checked",void 0),a([T({type:Boolean}),s("design:type",Object)],G.prototype,"error",void 0),a([T({type:Boolean}),s("design:type",Object)],G.prototype,"disabled",void 0),G=a([l("randstad-checkbox")],G);let H=class extends t{constructor(){super(...arguments),this.value="",this.size="md",this.icon=null,this.helper=null,this.error=!1,this.errorMessage="",this.disabled=!1,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1,this.required=!1,this.optional=!1,this.helperAlign="left"}static{this.styles=e`
+    `}};a([A({type:Boolean,reflect:!0}),s("design:type",Object)],G.prototype,"checked",void 0),a([A({type:Boolean}),s("design:type",Object)],G.prototype,"error",void 0),a([A({type:Boolean}),s("design:type",Object)],G.prototype,"disabled",void 0),G=a([l("randstad-checkbox")],G);let H=class extends t{constructor(){super(...arguments),this.value="",this.size="md",this.icon=null,this.helper=null,this.error=!1,this.errorMessage="",this.disabled=!1,this.typing=!1,this.type="text",this.isPasswordVisible=!1,this.cleanButton=!1,this.required=!1,this.optional=!1,this.helperAlign="left"}static{this.styles=e`
     :host {
       display: block;
       font-family: 'Graphik', sans-serif;
@@ -1011,7 +1011,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
             </p>
           `:o}
       </div>
-    `}};a([T({type:String}),s("design:type",String)],H.prototype,"placeholder",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"label",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"labelColor",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"value",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"size",void 0),a([T({type:String}),s("design:type",Object)],H.prototype,"icon",void 0),a([T({type:String}),s("design:type",Object)],H.prototype,"helper",void 0),a([T({type:Boolean}),s("design:type",Boolean)],H.prototype,"error",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"errorMessage",void 0),a([T({type:Boolean}),s("design:type",Boolean)],H.prototype,"disabled",void 0),a([T({type:Boolean}),s("design:type",Boolean)],H.prototype,"typing",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"type",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"tooltipMessage",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"linkText",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"linkRoute",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Object)],H.prototype,"isPasswordVisible",void 0),a([T({type:Boolean}),s("design:type",Boolean)],H.prototype,"cleanButton",void 0),a([T({type:Number}),s("design:type",Number)],H.prototype,"maxLength",void 0),a([T({type:Boolean}),s("design:type",Object)],H.prototype,"required",void 0),a([T({type:Boolean}),s("design:type",Object)],H.prototype,"optional",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"helpLink",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"heightTextArea",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"maxHeightTextArea",void 0),a([T({type:String}),s("design:type",String)],H.prototype,"helperAlign",void 0),H=a([l("randstad-form")],H);let K=class extends t{constructor(){super(...arguments),this.label="",this.error=!1,this.errorMessage="",this.required=!1,this.optional=!1}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",String)],H.prototype,"placeholder",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"label",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"labelColor",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"value",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"size",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"icon",void 0),a([A({type:String}),s("design:type",Object)],H.prototype,"helper",void 0),a([A({type:Boolean}),s("design:type",Boolean)],H.prototype,"error",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"errorMessage",void 0),a([A({type:Boolean}),s("design:type",Boolean)],H.prototype,"disabled",void 0),a([A({type:Boolean}),s("design:type",Boolean)],H.prototype,"typing",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"type",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"tooltipMessage",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"linkText",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"linkRoute",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],H.prototype,"isPasswordVisible",void 0),a([A({type:Boolean}),s("design:type",Boolean)],H.prototype,"cleanButton",void 0),a([A({type:Number}),s("design:type",Number)],H.prototype,"maxLength",void 0),a([A({type:Boolean}),s("design:type",Object)],H.prototype,"required",void 0),a([A({type:Boolean}),s("design:type",Object)],H.prototype,"optional",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"helpLink",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"heightTextArea",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"maxHeightTextArea",void 0),a([A({type:String}),s("design:type",String)],H.prototype,"helperAlign",void 0),H=a([l("randstad-form")],H);let K=class extends t{constructor(){super(...arguments),this.label="",this.error=!1,this.errorMessage="",this.required=!1,this.optional=!1}static{this.styles=e`
     :host {
       display: flex;
       flex-direction: column;
@@ -1065,7 +1065,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
       </div>
 
       ${this.error?i`<span class="error">${this.errorMessage}</span>`:this.helper?i`<span class="helper">${this.helper}</span>`:null}
-    `}};a([T({type:String}),s("design:type",Object)],K.prototype,"label",void 0),a([T({type:String}),s("design:type",String)],K.prototype,"helper",void 0),a([T({type:Boolean}),s("design:type",Object)],K.prototype,"error",void 0),a([T({type:String}),s("design:type",Object)],K.prototype,"errorMessage",void 0),a([T({type:Boolean}),s("design:type",Object)],K.prototype,"required",void 0),a([T({type:Boolean}),s("design:type",Object)],K.prototype,"optional",void 0),K=a([l("randstad-form-group")],K);class X extends t{constructor(){super(...arguments),this.name="",this.size="24px"}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",Object)],K.prototype,"label",void 0),a([A({type:String}),s("design:type",String)],K.prototype,"helper",void 0),a([A({type:Boolean}),s("design:type",Object)],K.prototype,"error",void 0),a([A({type:String}),s("design:type",Object)],K.prototype,"errorMessage",void 0),a([A({type:Boolean}),s("design:type",Object)],K.prototype,"required",void 0),a([A({type:Boolean}),s("design:type",Object)],K.prototype,"optional",void 0),K=a([l("randstad-form-group")],K);class X extends t{constructor(){super(...arguments),this.name="",this.size="24px"}static{this.styles=e`
     :host {
       display: inline-flex;
       width: var(--icon-size, 24px);
@@ -1079,7 +1079,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
       height: var(--icon-size, 24px);
       fill: var(--icon-color, currentColor);
     }
-  `}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(e){e.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const e=await fetch(`/assets/icons/${this.name}.svg`);if(!e.ok)throw new Error("Icon not found");const t=await e.text(),i=new DOMParser,o=i.parseFromString(t,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((e=>e.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(e){console.error(`❌ Error cargando icono ${this.name}:`,e),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}a([T({type:String}),s("design:type",Object)],X.prototype,"name",void 0),a([T({type:String}),s("design:type",Object)],X.prototype,"size",void 0),customElements.define("randstad-icon",X);let Q=class extends t{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=e`
+  `}connectedCallback(){super.connectedCallback(),this.style.setProperty("--icon-size",this.size)}updated(e){e.has("size")&&this.style.setProperty("--icon-size",this.size)}async loadIcon(){try{const e=await fetch(`/assets/icons/${this.name}.svg`);if(!e.ok)throw new Error("Icon not found");const t=await e.text(),i=new DOMParser,o=i.parseFromString(t,"image/svg+xml").querySelector("svg");if(!o)throw new Error("No se encontró un elemento SVG válido");o.removeAttribute("fill"),o.setAttribute("width",this.size),o.setAttribute("height",this.size),o.querySelectorAll("[fill]").forEach((e=>e.removeAttribute("fill"))),o.setAttribute("fill","currentColor"),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML=""),this.renderRoot.appendChild(o)}catch(e){console.error(`❌ Error cargando icono ${this.name}:`,e),"innerHTML"in this.renderRoot&&(this.renderRoot.innerHTML="<span>⚠️</span>")}}render(){return this.loadIcon(),null}}a([A({type:String}),s("design:type",Object)],X.prototype,"name",void 0),a([A({type:String}),s("design:type",Object)],X.prototype,"size",void 0),customElements.define("randstad-icon",X);let Q=class extends t{constructor(){super(...arguments),this.type="informative",this.icon="info",this.message="Este es un mensaje.",this.open=!1}static{this.styles=e`
     :host {
       display: block;
       font-family: 'Graphik', sans-serif;
@@ -1132,7 +1132,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
         <randstad-icon class="icon" name="${this.icon}" size="24px" style="color: var(--icon-color);"></randstad-icon>
         <span class="message">${this.message}</span>
       </div>
-    `}};a([T({type:String}),s("design:type",String)],Q.prototype,"type",void 0),a([T({type:String}),s("design:type",String)],Q.prototype,"icon",void 0),a([T({type:String}),s("design:type",String)],Q.prototype,"message",void 0),a([T({type:Boolean}),s("design:type",Boolean)],Q.prototype,"open",void 0),Q=a([l("randstad-notice")],Q);let J=class extends t{constructor(){super(...arguments),this.open=!1,this.title="Título del modal",this.showNotice=!1,this.noticeType="informative",this.noticeMessage="",this.noticeIcon="info",this.showPrimaryButton=!1,this.primaryButtonLabel="Aceptar",this.showSecondaryButton=!1,this.secondaryButtonLabel="Cancelar",this.isFooterCustom=!1,this.modalWidth="500px",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",String)],Q.prototype,"type",void 0),a([A({type:String}),s("design:type",String)],Q.prototype,"icon",void 0),a([A({type:String}),s("design:type",String)],Q.prototype,"message",void 0),a([A({type:Boolean}),s("design:type",Boolean)],Q.prototype,"open",void 0),Q=a([l("randstad-notice")],Q);let J=class extends t{constructor(){super(...arguments),this.open=!1,this.title="Título del modal",this.showNotice=!1,this.noticeType="informative",this.noticeMessage="",this.noticeIcon="info",this.showPrimaryButton=!1,this.primaryButtonLabel="Aceptar",this.showSecondaryButton=!1,this.secondaryButtonLabel="Cancelar",this.isFooterCustom=!1,this.modalWidth="500px",this.scrollable=!1,this.setScrollableMode=()=>{this.scrollable=window.innerWidth>940}}static{this.styles=e`
     :host {
       font-family: 'Graphik', sans-serif;
       display: none;
@@ -1331,7 +1331,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
           </div>
         </div>
       </div>
-    `}};a([T({type:Boolean,reflect:!0}),s("design:type",Object)],J.prototype,"open",void 0),a([T({type:String}),s("design:type",Object)],J.prototype,"title",void 0),a([T({type:String}),s("design:type",String)],J.prototype,"subtitle",void 0),a([T({type:Boolean}),s("design:type",Object)],J.prototype,"showNotice",void 0),a([T({type:String}),s("design:type",String)],J.prototype,"noticeType",void 0),a([T({type:String}),s("design:type",Object)],J.prototype,"noticeMessage",void 0),a([T({type:String}),s("design:type",Object)],J.prototype,"noticeIcon",void 0),a([T({type:Boolean}),s("design:type",Object)],J.prototype,"showPrimaryButton",void 0),a([T({type:String}),s("design:type",Object)],J.prototype,"primaryButtonLabel",void 0),a([T({type:Boolean}),s("design:type",Object)],J.prototype,"showSecondaryButton",void 0),a([T({type:String}),s("design:type",Object)],J.prototype,"secondaryButtonLabel",void 0),a([T({type:Boolean}),s("design:type",Object)],J.prototype,"isFooterCustom",void 0),a([T({type:String}),s("design:type",Object)],J.prototype,"modalWidth",void 0),a([A(),s("design:type",Object)],J.prototype,"scrollable",void 0),J=a([l("custom-modal")],J);let Z=class extends t{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="Título del Popup",this.description="Descripción del popup",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No",this.stackedActions=[],this._onBackgroundClick=e=>{const t=e.composedPath(),i=this.renderRoot.querySelector(".popup");i&&!t.includes(i)&&(this.dispatchEvent(new CustomEvent("popup-close",{detail:null})),this.open=!1)}}static{this.styles=e`
+    `}};a([A({type:Boolean,reflect:!0}),s("design:type",Object)],J.prototype,"open",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"title",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"subtitle",void 0),a([A({type:Boolean}),s("design:type",Object)],J.prototype,"showNotice",void 0),a([A({type:String}),s("design:type",String)],J.prototype,"noticeType",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"noticeMessage",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"noticeIcon",void 0),a([A({type:Boolean}),s("design:type",Object)],J.prototype,"showPrimaryButton",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"primaryButtonLabel",void 0),a([A({type:Boolean}),s("design:type",Object)],J.prototype,"showSecondaryButton",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"secondaryButtonLabel",void 0),a([A({type:Boolean}),s("design:type",Object)],J.prototype,"isFooterCustom",void 0),a([A({type:String}),s("design:type",Object)],J.prototype,"modalWidth",void 0),a([T(),s("design:type",Object)],J.prototype,"scrollable",void 0),J=a([l("custom-modal")],J);let Z=class extends t{constructor(){super(...arguments),this.open=!1,this.type="default",this.icon="warning",this.title="Título del Popup",this.description="Descripción del popup",this.width="400px",this.buttonText="Aceptar",this.confirmText="Sí",this.cancelText="No",this.stackedActions=[],this._onBackgroundClick=e=>{const t=e.composedPath(),i=this.renderRoot.querySelector(".popup");i&&!t.includes(i)&&(this.dispatchEvent(new CustomEvent("popup-close",{detail:null})),this.open=!1)}}static{this.styles=e`
     :host {
       display: none;
       position: fixed;
@@ -1515,7 +1515,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
               `}
         </div>
       </div>
-    `}};a([T({type:Boolean,reflect:!0}),s("design:type",Object)],Z.prototype,"open",void 0),a([T({type:String}),s("design:type",String)],Z.prototype,"type",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"icon",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"title",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"description",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"width",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"buttonText",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"confirmText",void 0),a([T({type:String}),s("design:type",Object)],Z.prototype,"cancelText",void 0),a([T({type:Array}),s("design:type",Array)],Z.prototype,"stackedActions",void 0),Z=a([l("custom-popup")],Z);let ee=class extends t{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=e`
+    `}};a([A({type:Boolean,reflect:!0}),s("design:type",Object)],Z.prototype,"open",void 0),a([A({type:String}),s("design:type",String)],Z.prototype,"type",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"icon",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"title",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"description",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"width",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"buttonText",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"confirmText",void 0),a([A({type:String}),s("design:type",Object)],Z.prototype,"cancelText",void 0),a([A({type:Array}),s("design:type",Array)],Z.prototype,"stackedActions",void 0),Z=a([l("custom-popup")],Z);let ee=class extends t{constructor(){super(...arguments),this.value=0,this.max=5}static{this.styles=e`
     :host {
       display: inline-block;
       width: 64px;
@@ -1576,7 +1576,7 @@ function z(e,t){return(t,i,o)=>((e,t,i)=>(i.configurable=!0,i.enumerable=!0,Refl
           ${this.value} de ${this.max}
         </text>
       </svg>
-    `}};a([T({type:Number}),s("design:type",Object)],ee.prototype,"value",void 0),a([T({type:Number}),s("design:type",Object)],ee.prototype,"max",void 0),ee=a([l("progress-circle")],ee);
+    `}};a([A({type:Number}),s("design:type",Object)],ee.prototype,"value",void 0),a([A({type:Number}),s("design:type",Object)],ee.prototype,"max",void 0),ee=a([l("progress-circle")],ee);
 /**
  * @license
  * Copyright 2023 Google LLC
@@ -1587,7 +1587,7 @@ const te=Symbol("attachableController");let ie;r||(ie=new MutationObserver((e=>{
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */const re=["focusin","focusout","pointerdown"];class ne extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new oe(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[ae]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[ae]=!0}}onControlChange(e,t){if(!r)for(const i of re)e?.removeEventListener(i,this),t?.addEventListener(i,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}a([T({type:Boolean,reflect:!0})],ne.prototype,"visible",void 0),a([T({type:Boolean,reflect:!0})],ne.prototype,"inward",void 0);const ae=Symbol("handledByFocusRing"),se=e`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+ */const re=["focusin","focusout","pointerdown"];class ne extends t{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new oe(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[ae]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[ae]=!0}}onControlChange(e,t){if(!r)for(const i of re)e?.removeEventListener(i,this),t?.addEventListener(i,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}a([A({type:Boolean,reflect:!0})],ne.prototype,"visible",void 0),a([A({type:Boolean,reflect:!0})],ne.prototype,"inward",void 0);const ae=Symbol("handledByFocusRing"),se=e`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
 `
 /**
  * @license
@@ -1609,7 +1609,7 @@ const de="cubic-bezier(0.2, 0, 0, 1)";
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */var ce;!function(e){e[e.INACTIVE=0]="INACTIVE",e[e.TOUCH_DELAY=1]="TOUCH_DELAY",e[e.HOLDING=2]="HOLDING",e[e.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(ce||(ce={}));const pe=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],he=r?null:window.matchMedia("(forced-colors: active)");class ue extends t{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=ce.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new oe(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${n(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==ce.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==ce.HOLDING)return this.state===ce.TOUCH_DELAY?(this.state=ce.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=ce.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=ce.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=ce.TOUCH_DELAY,await new Promise((e=>{setTimeout(e,150)})),this.state===ce.TOUCH_DELAY&&(this.state=ce.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==ce.WAITING_FOR_CLICK?this.state===ce.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),i=Math.max(e,t),o=Math.max(.35*i,75),r=Math.floor(.2*i),n=Math.sqrt(t**2+e**2)+10;this.initialSize=r,this.rippleScale=""+(n+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),n=t+o,a=i+r,{pageX:s,pageY:l}=e;return{x:s-n,y:l-a}}getTranslationCoordinates(e){const{height:t,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(t-this.initialSize)/2};let r;return r=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:i/2,y:t/2},r={x:r.x-this.initialSize/2,y:r.y-this.initialSize/2},{startPoint:r,endPoint:o}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:i}=this.getTranslationCoordinates(e),o=`${t.x}px, ${t.y}px`,r=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:de,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=ce.INACTIVE;const e=this.growAnimation;let t=1/0;"number"==typeof e?.currentTime?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise((e=>{setTimeout(e,225-t)})),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if("pointerenter"===e.type||"pointerleave"===e.type)return!this.isTouch(e);const t=1===e.buttons;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:i,left:o,bottom:r,right:n}=this.getBoundingClientRect();return e>=o&&e<=n&&t>=i&&t<=r}isTouch({pointerType:e}){return"touch"===e}async handleEvent(e){if(!he?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){if(!r)for(const i of pe)e?.removeEventListener(i,this),t?.addEventListener(i,this)}}a([T({type:Boolean,reflect:!0})],ue.prototype,"disabled",void 0),a([A()],ue.prototype,"hovered",void 0),a([A()],ue.prototype,"pressed",void 0),a([z(".surface")],ue.prototype,"mdRoot",void 0);
+ */var ce;!function(e){e[e.INACTIVE=0]="INACTIVE",e[e.TOUCH_DELAY=1]="TOUCH_DELAY",e[e.HOLDING=2]="HOLDING",e[e.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"}(ce||(ce={}));const pe=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],he=r?null:window.matchMedia("(forced-colors: active)");class ue extends t{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=ce.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new oe(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return i`<div class="surface ${n(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==ce.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==ce.HOLDING)return this.state===ce.TOUCH_DELAY?(this.state=ce.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=ce.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=ce.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=ce.TOUCH_DELAY,await new Promise((e=>{setTimeout(e,150)})),this.state===ce.TOUCH_DELAY&&(this.state=ce.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==ce.WAITING_FOR_CLICK?this.state===ce.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),i=Math.max(e,t),o=Math.max(.35*i,75),r=Math.floor(.2*i),n=Math.sqrt(t**2+e**2)+10;this.initialSize=r,this.rippleScale=""+(n+o)/r,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:i}=window,{left:o,top:r}=this.getBoundingClientRect(),n=t+o,a=i+r,{pageX:s,pageY:l}=e;return{x:s-n,y:l-a}}getTranslationCoordinates(e){const{height:t,width:i}=this.getBoundingClientRect(),o={x:(i-this.initialSize)/2,y:(t-this.initialSize)/2};let r;return r=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:i/2,y:t/2},r={x:r.x-this.initialSize/2,y:r.y-this.initialSize/2},{startPoint:r,endPoint:o}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:i}=this.getTranslationCoordinates(e),o=`${t.x}px, ${t.y}px`,r=`${i.x}px, ${i.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${o}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:de,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=ce.INACTIVE;const e=this.growAnimation;let t=1/0;"number"==typeof e?.currentTime?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise((e=>{setTimeout(e,225-t)})),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary)return!1;if(this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if("pointerenter"===e.type||"pointerleave"===e.type)return!this.isTouch(e);const t=1===e.buttons;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:i,left:o,bottom:r,right:n}=this.getBoundingClientRect();return e>=o&&e<=n&&t>=i&&t<=r}isTouch({pointerType:e}){return"touch"===e}async handleEvent(e){if(!he?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){if(!r)for(const i of pe)e?.removeEventListener(i,this),t?.addEventListener(i,this)}}a([A({type:Boolean,reflect:!0})],ue.prototype,"disabled",void 0),a([T()],ue.prototype,"hovered",void 0),a([T()],ue.prototype,"pressed",void 0),a([z(".surface")],ue.prototype,"mdRoot",void 0);
 /**
  * @license
  * Copyright 2024 Google LLC
@@ -1661,17 +1661,17 @@ class Pe{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{}
  * @license
  * Copyright 2023 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */class Te extends Pe{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let t=!1,i=!1;for(const{checked:o,required:r}of e)r&&(t=!0),o&&(i=!0);return this.radioElement.checked=i,this.radioElement.required=t,{validity:{valueMissing:t&&!i},validationMessage:this.radioElement.validationMessage}}equals(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++){const o=e[i],r=t[i];if(o.checked!==r.checked||o.required!==r.required)return!1}return!0}copy(e){return e.map((({checked:e,required:t})=>({checked:e,required:t})))}}
+ */class Ae extends Pe{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let t=!1,i=!1;for(const{checked:o,required:r}of e)r&&(t=!0),o&&(i=!0);return this.radioElement.checked=i,this.radioElement.required=t,{validity:{valueMissing:t&&!i},validationMessage:this.radioElement.validationMessage}}equals(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++){const o=e[i],r=t[i];if(o.checked!==r.checked||o.required!==r.required)return!1}return!0}copy(e){return e.map((({checked:e,required:t})=>({checked:e,required:t})))}}
 /**
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */class Ae{get controls(){const e=this.host.getAttribute("name");return e&&this.root&&this.host.isConnected?Array.from(this.root.querySelectorAll(`[name="${e}"]`)):[this.host]}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=e=>{const t="ArrowDown"===e.key,i="ArrowUp"===e.key,o="ArrowLeft"===e.key,r="ArrowRight"===e.key;if(!(o||r||t||i))return;const n=this.controls;if(!n.length)return;e.preventDefault();const a="rtl"===getComputedStyle(this.host).direction?o||t:r||t,s=n.indexOf(this.host);let l=a?s+1:s-1;for(;l!==s;){l>=n.length?l=0:l<0&&(l=n.length-1);const e=n[l];if(!e.hasAttribute("disabled")){for(const t of n)t!==e&&(t.checked=!1,t.tabIndex=-1,t.blur());e.checked=!0,e.tabIndex=0,e.focus(),e.dispatchEvent(new Event("change",{bubbles:!0}));break}a?l++:l--}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,t=e.find((e=>e.checked));if(t||this.focused){const i=t||this.host;i.tabIndex=0;for(const t of e)t!==i&&(t.tabIndex=-1)}else for(const t of e)t.tabIndex=0}}
+ */class Te{get controls(){const e=this.host.getAttribute("name");return e&&this.root&&this.host.isConnected?Array.from(this.root.querySelectorAll(`[name="${e}"]`)):[this.host]}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=e=>{const t="ArrowDown"===e.key,i="ArrowUp"===e.key,o="ArrowLeft"===e.key,r="ArrowRight"===e.key;if(!(o||r||t||i))return;const n=this.controls;if(!n.length)return;e.preventDefault();const a="rtl"===getComputedStyle(this.host).direction?o||t:r||t,s=n.indexOf(this.host);let l=a?s+1:s-1;for(;l!==s;){l>=n.length?l=0:l<0&&(l=n.length-1);const e=n[l];if(!e.hasAttribute("disabled")){for(const t of n)t!==e&&(t.checked=!1,t.tabIndex=-1,t.blur());e.checked=!0,e.tabIndex=0,e.focus(),e.dispatchEvent(new Event("change",{bubbles:!0}));break}a?l++:l--}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,t=e.find((e=>e.checked));if(t||this.focused){const i=t||this.host;i.tabIndex=0;for(const t of e)t!==i&&(t.tabIndex=-1)}else for(const t of e)t.tabIndex=0}}
 /**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */var ze;const Ie=Symbol("checked");let Le=0;const _e=function(e){var t;class i extends e{constructor(){super(...arguments),this[t]=""}get validity(){return this[$e](),this[fe].validity}get validationMessage(){return this[$e](),this[fe].validationMessage}get willValidate(){return this[$e](),this[fe].willValidate}checkValidity(){return this[$e](),this[fe].checkValidity()}reportValidity(){return this[$e](),this[fe].reportValidity()}setCustomValidity(e){this[Se]=e,this[$e]()}requestUpdate(e,t,i){super.requestUpdate(e,t,i),this[$e]()}firstUpdated(e){super.firstUpdated(e),this[$e]()}[(t=Se,$e)](){if(r)return;this[ke]||(this[ke]=this[xe]());const{validity:e,validationMessage:t}=this[ke].getValidity(),i=!!this[Se],o=this[Se]||t;this[fe].setValidity({...e,customError:i},o,this[we]()??void 0)}[xe](){throw new Error("Implement [createValidator]")}[we](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(e){class t extends e{get form(){return this[fe].form}get labels(){return this[fe].labels}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}attributeChangedCallback(e,t,i){if("name"!==e&&"disabled"!==e)super.attributeChangedCallback(e,t,i);else{const i="disabled"===e?null!==t:t;this.requestUpdate(e,i)}}requestUpdate(e,t,i){super.requestUpdate(e,t,i),this[fe].setFormValue(this[Fe](),this[je]())}[Fe](){throw new Error("Implement [getFormValue]")}[je](){return this[Fe]()}formDisabledCallback(e){this.disabled=e}}return t.formAssociated=!0,a([T({noAccessor:!0})],t.prototype,"name",null),a([T({type:Boolean,noAccessor:!0})],t.prototype,"disabled",null),t}((Be=function(e){var t,i,o;class r extends e{constructor(){super(...arguments),this[t]=!0,this[i]=null,this[o]=!1}get[Ce](){return this[Ee]}set[Ce](e){this[Ce]!==e&&(this[Ee]=e,this[Me]())}connectedCallback(){super.connectedCallback(),this[Me]()}attributeChangedCallback(e,t,i){if("tabindex"===e){if(this.requestUpdate("tabIndex",Number(t??-1)),!this[De])return this.hasAttribute("tabindex")?void(this[Oe]=this.tabIndex):(this[Oe]=null,void this[Me]())}else super.attributeChangedCallback(e,t,i)}[(t=Ee,i=Oe,o=De,Me)](){const e=this[Ce]?0:-1,t=this[Oe]??e;this[De]=!0,this.tabIndex=t,this[De]=!1}}return a([T({noAccessor:!0})],r.prototype,"tabIndex",void 0),r}(t),class extends Be{get[fe](){return this[ve]||(this[ve]=this.attachInternals()),this[ve]}})));var Be;class Ne extends _e{get checked(){return this[Ie]}set checked(e){const t=this.checked;t!==e&&(this[Ie]=e,this.requestUpdate("checked",t),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++Le,this[ze]=!1,this.required=!1,this.value="on",this.selectionController=new Ae(this),this.addController(this.selectionController),r||(this[fe].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const e={checked:this.checked};return i`
+ */var ze;const Ie=Symbol("checked");let Le=0;const _e=function(e){var t;class i extends e{constructor(){super(...arguments),this[t]=""}get validity(){return this[$e](),this[fe].validity}get validationMessage(){return this[$e](),this[fe].validationMessage}get willValidate(){return this[$e](),this[fe].willValidate}checkValidity(){return this[$e](),this[fe].checkValidity()}reportValidity(){return this[$e](),this[fe].reportValidity()}setCustomValidity(e){this[Se]=e,this[$e]()}requestUpdate(e,t,i){super.requestUpdate(e,t,i),this[$e]()}firstUpdated(e){super.firstUpdated(e),this[$e]()}[(t=Se,$e)](){if(r)return;this[ke]||(this[ke]=this[xe]());const{validity:e,validationMessage:t}=this[ke].getValidity(),i=!!this[Se],o=this[Se]||t;this[fe].setValidity({...e,customError:i},o,this[we]()??void 0)}[xe](){throw new Error("Implement [createValidator]")}[we](){throw new Error("Implement [getValidityAnchor]")}}return i}(function(e){class t extends e{get form(){return this[fe].form}get labels(){return this[fe].labels}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}attributeChangedCallback(e,t,i){if("name"!==e&&"disabled"!==e)super.attributeChangedCallback(e,t,i);else{const i="disabled"===e?null!==t:t;this.requestUpdate(e,i)}}requestUpdate(e,t,i){super.requestUpdate(e,t,i),this[fe].setFormValue(this[Fe](),this[je]())}[Fe](){throw new Error("Implement [getFormValue]")}[je](){return this[Fe]()}formDisabledCallback(e){this.disabled=e}}return t.formAssociated=!0,a([A({noAccessor:!0})],t.prototype,"name",null),a([A({type:Boolean,noAccessor:!0})],t.prototype,"disabled",null),t}((Be=function(e){var t,i,o;class r extends e{constructor(){super(...arguments),this[t]=!0,this[i]=null,this[o]=!1}get[Ce](){return this[Ee]}set[Ce](e){this[Ce]!==e&&(this[Ee]=e,this[Me]())}connectedCallback(){super.connectedCallback(),this[Me]()}attributeChangedCallback(e,t,i){if("tabindex"===e){if(this.requestUpdate("tabIndex",Number(t??-1)),!this[De])return this.hasAttribute("tabindex")?void(this[Oe]=this.tabIndex):(this[Oe]=null,void this[Me]())}else super.attributeChangedCallback(e,t,i)}[(t=Ee,i=Oe,o=De,Me)](){const e=this[Ce]?0:-1,t=this[Oe]??e;this[De]=!0,this.tabIndex=t,this[De]=!1}}return a([A({noAccessor:!0})],r.prototype,"tabIndex",void 0),r}(t),class extends Be{get[fe](){return this[ve]||(this[ve]=this.attachInternals()),this[ve]}})));var Be;class Ne extends _e{get checked(){return this[Ie]}set checked(e){const t=this.checked;t!==e&&(this[Ie]=e,this.requestUpdate("checked",t),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId="cutout"+ ++Le,this[ze]=!1,this.required=!1,this.value="on",this.selectionController=new Te(this),this.addController(this.selectionController),r||(this[fe].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this)))}render(){const e={checked:this.checked};return i`
       <div class="container ${n(e)}" aria-hidden="true">
         <md-ripple
           part="ripple"
@@ -1694,7 +1694,7 @@ class Pe{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{}
 
         <div class="touch-target"></div>
       </div>
-    `}updated(){this[fe].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,e.defaultPrevented||(me(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0," "!==e.key||e.defaultPrevented||this.click()}[(ze=Ie,Fe)](){return this.checked?this.value:null}[je](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked="true"===e}[xe](){return new Te((()=>this.selectionController?this.selectionController.controls:[this]))}[we](){return this.container}}a([T({type:Boolean})],Ne.prototype,"checked",null),a([T({type:Boolean})],Ne.prototype,"required",void 0),a([T()],Ne.prototype,"value",void 0),a([z(".container")],Ne.prototype,"container",void 0);
+    `}updated(){this[fe].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,e.defaultPrevented||(me(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0," "!==e.key||e.defaultPrevented||this.click()}[(ze=Ie,Fe)](){return this.checked?this.value:null}[je](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked="true"===e}[xe](){return new Ae((()=>this.selectionController?this.selectionController.controls:[this]))}[we](){return this.container}}a([A({type:Boolean})],Ne.prototype,"checked",null),a([A({type:Boolean})],Ne.prototype,"required",void 0),a([A()],Ne.prototype,"value",void 0),a([z(".container")],Ne.prototype,"container",void 0);
 /**
  * @license
  * Copyright 2024 Google LLC
@@ -1765,13 +1765,14 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         ></md-radio>
         <span>${this.checked?"On":"Off"} ${this.error?"Error":""}</span>
       </label>
-    `}};a([T({type:String}),s("design:type",Object)],Ve.prototype,"name",void 0),a([T({type:Boolean}),s("design:type",Object)],Ve.prototype,"checked",void 0),a([T({type:Boolean}),s("design:type",Object)],Ve.prototype,"disabled",void 0),a([T({type:Boolean}),s("design:type",Object)],Ve.prototype,"error",void 0),Ve=a([l("custom-radio")],Ve);let We=class extends t{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.value="",this.label="",this.labelColor="",this.filterable=!0,this.error=!1,this.required=!1,this.optional=!1,this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.highlightedIndex=-1,this._isCleared=!1,this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",Object)],Ve.prototype,"name",void 0),a([A({type:Boolean}),s("design:type",Object)],Ve.prototype,"checked",void 0),a([A({type:Boolean}),s("design:type",Object)],Ve.prototype,"disabled",void 0),a([A({type:Boolean}),s("design:type",Object)],Ve.prototype,"error",void 0),Ve=a([l("custom-radio")],Ve);let We=class extends t{constructor(){super(...arguments),this.options=[],this.placeholder="Filtrar opciones...",this.defaultValue="",this.disabled=!1,this.value="",this.label="",this.labelColor="",this.filterable=!0,this.error=!1,this.errorMessage=null,this.required=!1,this.optional=!1,this.helper=null,this.helperAlign="left",this.isMobile=!1,this.filteredOptions=[],this.filterValue="",this.isOpen=!1,this.mobileFilterValue="",this.highlightedIndex=-1,this._isCleared=!1,this.debounceTimeout=null,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this)}static{this.styles=e`
     :host {
       display: block;
       font-family: 'Graphik', sans-serif;
       width: 100%;
     }
 
+    /* --- Error Styles --- */
     :host([error]) .input-wrapper {
       border: 1px solid var(--ui-negative, red) !important;
     }
@@ -1793,6 +1794,13 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       border-radius: 0 0 4px 4px;
     }
 
+    .error-message {
+      ${_}
+      color: var(--ui-negative, #E00F0F);
+      margin-top: 4px;
+    }
+
+    /* --- General & Helper Styles --- */
     .select-container {
       display: flex;
       flex-direction: column;
@@ -1816,6 +1824,21 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       color: var(--label-color, var(--secondary-color-80));
     }
 
+    .helper-description {
+      ${_}
+      color: var(--secondary-color-40);
+      margin: 0;
+    }
+
+    .required {
+      color: var(--ui-negative);
+    }
+
+    .optional {
+      color: var(--secondary-color-60);
+      ${I}
+    }
+    
     .input-container {
       position: relative;
       width: 100%;
@@ -2058,15 +2081,6 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       display: none;
     }
 
-    .required {
-      color: var(--ui-negative);
-    }
-
-    .optional {
-      color: var(--secondary-color-60);
-      ${I}
-    }
-
     /* Estilos por defecto del icon para mobile */
     .icon-selected {
       width: 24px;
@@ -2085,8 +2099,8 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     /*
-      * Media query para aplicar estilos de escritorio (a partir de 941px)
-    */
+     * Media query para aplicar estilos de escritorio (a partir de 941px)
+     */
     @media (min-width: 941px) {
       .icon-selected {
       /* Estilos de escritorio para el icono, se anulan los de mobile */
@@ -2113,7 +2127,7 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       margin-right: 8px;
       flex-shrink: 0;
     }
-  `}update(e){if(e.has("options")&&(this.filteredOptions=[...this.options]),e.has("defaultValue")||e.has("options")||e.has("value")){if(this._isCleared)return void super.update(e);const t=this.value||this.defaultValue,i=this.options.find((e=>"string"==typeof e?e===t:e.value===t));i?(this.filterValue="string"==typeof i?i:i.label,this.value="string"==typeof i?i:i.value):(this.filterValue="",this.value="")}super.update(e)}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(e){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(e){if(!this.filterable)return;this._isCleared=!1;const t=e.target.value,i=this.maxLength?t.slice(0,this.maxLength).toLowerCase():t.toLowerCase();this.filterValue=i,this.value="",this.filteredOptions=this.options.filter((e=>("string"==typeof e?e:e.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(e){this._isCleared=!1;const t=e.target.value,i=this.maxLength?t.slice(0,this.maxLength).toLowerCase():t.toLowerCase();this.mobileFilterValue=i,this.value="",this.filteredOptions=this.options.filter((e=>("string"==typeof e?e:e.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(e){this._isCleared=!1;const t="string"==typeof e?e:e.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:t},bubbles:!0,composed:!0})),this.filterValue="string"==typeof e?e:e.label,this.value=t,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this._isCleared=!0,this.filterValue="",this.value="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(e){const t=e.target;t instanceof Node&&(this.contains(t)||(this.isOpen=!1,this.requestUpdate()))}handleKeyDown(e){const{key:t}=e;if(!this.isOpen&&("Enter"===t||" "===t))return e.preventDefault(),void(this.isOpen=!0);if(this.isOpen)if("ArrowDown"===t)e.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1),this.requestUpdate();else if("ArrowUp"===t)e.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.requestUpdate();else if("Enter"===t){e.preventDefault();const t=this.filteredOptions[this.highlightedIndex];t&&this.handleSelect(t)}else"Escape"===t&&(e.preventDefault(),this.isOpen=!1)}renderSelectedIcon(){const e=this.options.find((e=>"string"==typeof e?e===this.value:e.value===this.value));return e&&"string"!=typeof e&&e.icon&&"string"==typeof e.icon?i`<span class="icon-selected" .innerHTML="${e.icon}"></span>`:o}renderOptionIcon(e){return e&&"string"==typeof e?i`<span class="icon-list" .innerHTML="${e}"></span>`:o}render(){const e=this.isMobile;return i`
+  `}update(e){if(e.has("options")&&(this.filteredOptions=[...this.options]),e.has("defaultValue")||e.has("options")||e.has("value")){if(this._isCleared)return void super.update(e);const t=this.value||this.defaultValue,i=this.options.find((e=>"string"==typeof e?e===t:e.value===t));i?(this.filterValue="string"==typeof i?i:i.label,this.value="string"==typeof i?i:i.value):(this.filterValue="",this.value="")}super.update(e)}connectedCallback(){super.connectedCallback(),this.updateResponsiveMode(),window.addEventListener("resize",this.updateResponsiveModeBound),document.addEventListener("click",this.handleClickOutside.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.updateResponsiveModeBound),document.removeEventListener("click",this.handleClickOutside.bind(this)),super.disconnectedCallback()}updateResponsiveMode(){this.isMobile=window.innerWidth<=940}handleInputClick(e){this.isMobile&&(this.mobileFilterValue=""),this.disabled||(this.isOpen=!this.isOpen,this.requestUpdate())}handleInput(e){if(!this.filterable)return;this._isCleared=!1;const t=e.target.value,i=this.maxLength?t.slice(0,this.maxLength).toLowerCase():t.toLowerCase();this.filterValue=i,this.value="",this.filteredOptions=this.options.filter((e=>("string"==typeof e?e:e.label).toLowerCase().includes(this.filterValue.toLowerCase()))),this.isOpen=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{this.filterValue.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:this.filterValue},bubbles:!0,composed:!0}))}),300),this.requestUpdate()}handleMobileInput(e){this._isCleared=!1;const t=e.target.value,i=this.maxLength?t.slice(0,this.maxLength).toLowerCase():t.toLowerCase();this.mobileFilterValue=i,this.value="",this.filteredOptions=this.options.filter((e=>("string"==typeof e?e:e.label).toLowerCase().includes(i))),this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=window.setTimeout((()=>{i.length>2&&this.dispatchEvent(new CustomEvent("filter-location",{detail:{value:i},bubbles:!0,composed:!0}))}),300)}handleSelect(e){this._isCleared=!1;const t="string"==typeof e?e:e.value;this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:t},bubbles:!0,composed:!0})),this.filterValue="string"==typeof e?e:e.label,this.value=t,this.isOpen=!1,this.requestUpdate()}handleIconClick(){this.disabled||(this.filterable&&this.filterValue?(this._isCleared=!0,this.filterValue="",this.value="",this.filteredOptions=[...this.options],this.dispatchEvent(new CustomEvent("option-selected",{detail:{value:""},bubbles:!0,composed:!0})),this.isOpen=!1):this.isOpen=!this.isOpen,this.requestUpdate())}handleClickOutside(e){const t=e.target;t instanceof Node&&(this.contains(t)||(this.isOpen=!1,this.requestUpdate()))}handleKeyDown(e){const{key:t}=e;if(!this.isOpen&&("Enter"===t||" "===t))return e.preventDefault(),void(this.isOpen=!0);if(this.isOpen)if("ArrowDown"===t)e.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1),this.requestUpdate();else if("ArrowUp"===t)e.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0),this.requestUpdate();else if("Enter"===t){e.preventDefault();const t=this.filteredOptions[this.highlightedIndex];t&&this.handleSelect(t)}else"Escape"===t&&(e.preventDefault(),this.isOpen=!1)}renderSelectedIcon(){const e=this.options.find((e=>"string"==typeof e?e===this.value:e.value===this.value));return e&&"string"!=typeof e&&e.icon&&"string"==typeof e.icon?i`<span class="icon-selected" .innerHTML="${e.icon}"></span>`:o}renderOptionIcon(e){return e&&"string"==typeof e?i`<span class="icon-list" .innerHTML="${e}"></span>`:o}render(){const e=this.isMobile,t=`text-align: ${this.helperAlign??"left"};`;return i`
       <div class="select-container" style="${this.labelColor?` --label-color: ${this.labelColor}`:""}">
         ${this.label?i`
           <div class="label-container">
@@ -2125,7 +2139,6 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
         `:""}
 
         <div class="input-container ${this.isOpen?"focused":""} ${this.isOpen&&this.filteredOptions.length>0?"open":""} ${e?"mobile":""}">
-
           <div class="input-wrapper">
             ${e?i`
               <div
@@ -2209,8 +2222,19 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
             </ul>
           `:""}
         </div>
+
+        ${this.errorMessage?i`<div class="error-message">${this.errorMessage}</div>`:o}
+
+        ${this.helper?i`
+            <p 
+              class="helper-description"
+              style=${t}
+            >
+              ${this.helper}
+            </p>
+          `:o}
       </div>
-    `}};a([T({type:Array}),s("design:type",Array)],We.prototype,"options",void 0),a([T({type:String}),s("design:type",Object)],We.prototype,"placeholder",void 0),a([T({type:String,attribute:"default-value"}),s("design:type",Object)],We.prototype,"defaultValue",void 0),a([T({type:Boolean}),s("design:type",Object)],We.prototype,"disabled",void 0),a([T({type:Object}),s("design:type",Object)],We.prototype,"value",void 0),a([T({type:String}),s("design:type",Object)],We.prototype,"label",void 0),a([T({type:String}),s("design:type",Object)],We.prototype,"labelColor",void 0),a([T({type:Boolean}),s("design:type",Object)],We.prototype,"filterable",void 0),a([T({type:Number}),s("design:type",Number)],We.prototype,"maxLength",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Boolean)],We.prototype,"error",void 0),a([T({type:Boolean}),s("design:type",Object)],We.prototype,"required",void 0),a([T({type:Boolean}),s("design:type",Object)],We.prototype,"optional",void 0),a([A(),s("design:type",Boolean)],We.prototype,"isMobile",void 0),a([A(),s("design:type",Array)],We.prototype,"filteredOptions",void 0),a([A(),s("design:type",Object)],We.prototype,"filterValue",void 0),a([A(),s("design:type",Object)],We.prototype,"isOpen",void 0),a([A(),s("design:type",Object)],We.prototype,"mobileFilterValue",void 0),a([A(),s("design:type",Object)],We.prototype,"highlightedIndex",void 0),a([A(),s("design:type",Boolean)],We.prototype,"_isCleared",void 0),We=a([l("filterable-select")],We);const Ye=new CSSStyleSheet;Ye.replaceSync("\n  @font-face {\n    font-family: 'Graphik';\n    src: url('/src/assets/font/Graphik-Regular.woff2') format('woff2'),\n         url('/src/assets/font/Graphik-Regular.woff') format('woff'),\n         url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  .body-s {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 100%;\n    letter-spacing: 0%;\n    color: green;\n  }\n\n  .body-l {\n    font-family: Graphik;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 30px;\n  }\n");class Ue extends t{static{this.styles=[Ye,e`
+    `}};a([A({type:Array}),s("design:type",Array)],We.prototype,"options",void 0),a([A({type:String}),s("design:type",Object)],We.prototype,"placeholder",void 0),a([A({type:String,attribute:"default-value"}),s("design:type",Object)],We.prototype,"defaultValue",void 0),a([A({type:Boolean}),s("design:type",Object)],We.prototype,"disabled",void 0),a([A({type:Object}),s("design:type",Object)],We.prototype,"value",void 0),a([A({type:String}),s("design:type",Object)],We.prototype,"label",void 0),a([A({type:String}),s("design:type",Object)],We.prototype,"labelColor",void 0),a([A({type:Boolean}),s("design:type",Object)],We.prototype,"filterable",void 0),a([A({type:Number}),s("design:type",Number)],We.prototype,"maxLength",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Boolean)],We.prototype,"error",void 0),a([A({type:String}),s("design:type",Object)],We.prototype,"errorMessage",void 0),a([A({type:Boolean}),s("design:type",Object)],We.prototype,"required",void 0),a([A({type:Boolean}),s("design:type",Object)],We.prototype,"optional",void 0),a([A({type:String}),s("design:type",Object)],We.prototype,"helper",void 0),a([A({type:String}),s("design:type",String)],We.prototype,"helperAlign",void 0),a([T(),s("design:type",Boolean)],We.prototype,"isMobile",void 0),a([T(),s("design:type",Array)],We.prototype,"filteredOptions",void 0),a([T(),s("design:type",Object)],We.prototype,"filterValue",void 0),a([T(),s("design:type",Object)],We.prototype,"isOpen",void 0),a([T(),s("design:type",Object)],We.prototype,"mobileFilterValue",void 0),a([T(),s("design:type",Object)],We.prototype,"highlightedIndex",void 0),a([T(),s("design:type",Boolean)],We.prototype,"_isCleared",void 0),We=a([l("filterable-select")],We);const Ye=new CSSStyleSheet;Ye.replaceSync("\n  @font-face {\n    font-family: 'Graphik';\n    src: url('/src/assets/font/Graphik-Regular.woff2') format('woff2'),\n         url('/src/assets/font/Graphik-Regular.woff') format('woff'),\n         url('/src/assets/font/Graphik-Regular.eot') format('embedded-opentype');\n    font-weight: normal;\n    font-style: normal;\n  }\n\n  .body-s {\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 100%;\n    letter-spacing: 0%;\n    color: green;\n  }\n\n  .body-l {\n    font-family: Graphik;\n    font-size: 18px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 30px;\n  }\n");class Ue extends t{static{this.styles=[Ye,e`
       :host {
         display: flex;
         position: fixed;
@@ -2446,7 +2470,7 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
           </div>
         `))}
       </div>
-    `}};a([T({type:Number}),s("design:type",Object)],Ge.prototype,"totalSteps",void 0),a([T({type:Number}),s("design:type",Object)],Ge.prototype,"currentStep",void 0),Ge=a([l("custom-stepper")],Ge);let He=class extends t{constructor(){super(...arguments),this.tabs=[],this.selected="",this.internalSelected="",this.showPrev=!1,this.showNext=!1,this.SCROLL_OFFSET=56,this.handleScroll=()=>{const e=this.renderRoot.querySelector(".tab-wrapper");if(!e)return;const{scrollLeft:t,scrollWidth:i,clientWidth:o}=e;this.showPrev=t>0,this.showNext=t+o<i-1}}static{this.styles=e`
+    `}};a([A({type:Number}),s("design:type",Object)],Ge.prototype,"totalSteps",void 0),a([A({type:Number}),s("design:type",Object)],Ge.prototype,"currentStep",void 0),Ge=a([l("custom-stepper")],Ge);let He=class extends t{constructor(){super(...arguments),this.tabs=[],this.selected="",this.internalSelected="",this.showPrev=!1,this.showNext=!1,this.SCROLL_OFFSET=56,this.handleScroll=()=>{const e=this.renderRoot.querySelector(".tab-wrapper");if(!e)return;const{scrollLeft:t,scrollWidth:i,clientWidth:o}=e;this.showPrev=t>0,this.showNext=t+o<i-1}}static{this.styles=e`
     :host {
       display: block;
       border-bottom: 1px solid #E7E8EC;
@@ -2585,8 +2609,7 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
           </button>
         `:null}
       </div>
-    `}};a([T({type:Array}),s("design:type",Array)],He.prototype,"tabs",void 0),a([T({type:String}),s("design:type",String)],He.prototype,"selected",void 0),a([A(),s("design:type",String)],He.prototype,"internalSelected",void 0),a([A(),s("design:type",Object)],He.prototype,"showPrev",void 0),a([A(),s("design:type",Object)],He.prototype,"showNext",void 0),He=a([l("tabs-bar")],He);let Ke=class extends t{constructor(){super(...arguments),this.files=[],this.loading=!1,this.progress=0,this.isDragging=!1,this.disabled=!1}static{this.styles=e`
-
+    `}};a([A({type:Array}),s("design:type",Array)],He.prototype,"tabs",void 0),a([A({type:String}),s("design:type",String)],He.prototype,"selected",void 0),a([T(),s("design:type",String)],He.prototype,"internalSelected",void 0),a([T(),s("design:type",Object)],He.prototype,"showPrev",void 0),a([T(),s("design:type",Object)],He.prototype,"showNext",void 0),He=a([l("tabs-bar")],He);let Ke=class extends t{constructor(){super(...arguments),this.files=[],this.disabled=!1,this.simulatedDelay=0,this.loading=!1,this.progress=0,this.isDragging=!1}static{this.styles=e`
     :host {
       font-family: 'Graphik', sans-serif;
     }
@@ -2681,21 +2704,27 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       background-color: var(--primary-color);
       transition: width 0.1s ease;
     }
-  `}handleFiles(e){if(!e||this.loading)return;const t=Array.from(e).slice(0,3-this.files.length);this.loading=!0,this.progress=0;const i=setInterval((()=>{this.progress+=5,this.progress>=100&&(clearInterval(i),this.files=[...this.files,...t],this.loading=!1,this.progress=0,this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files})))}),100)}onFileInputChange(e){const t=e.target;this.handleFiles(t.files)}onDrop(e){e.preventDefault(),this.disabled||(this.isDragging=!1,this.handleFiles(e.dataTransfer?.files||null))}onDragOver(e){e.preventDefault(),this.disabled||(this.isDragging=!0)}onDragLeave(e){e.preventDefault(),this.disabled||(this.isDragging=!1)}render(){return i`
+  `}async handleFiles(e){if(this.loading||this.disabled)return;const t=Array.isArray(this.files)?this.files:[],i=Array.from(e||[]).slice(0,3-t.length),o=this.simulatedDelay??0;if(o<=0)return this.files=[...t,...i],void this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files}));this.loading=!0,this.progress=0,await this.updateComplete;const r=Date.now(),n=setInterval((()=>{const e=Date.now()-r,a=Math.min(Math.round(e/o*100),100);this.progress=a,this.progress>=100&&(clearInterval(n),this.files=[...t,...i],this.loading=!1,this.progress=0,this.dispatchEvent(new CustomEvent("files-changed",{detail:this.files})))}),10)}onFileInputChange(e){const t=e.target;this.handleFiles(t.files)}onDrop(e){e.preventDefault(),this.disabled||(this.isDragging=!1,this.handleFiles(e.dataTransfer?.files||null))}onDragOver(e){e.preventDefault(),this.disabled||(this.isDragging=!0)}onDragLeave(e){e.preventDefault(),this.disabled||(this.isDragging=!1)}render(){return i`
       <div class="container ${this.isDragging?"dragging":""}"
-          @drop="${this.onDrop}"
-          @dragover="${this.onDragOver}"
-          @dragleave="${this.onDragLeave}">
+        @drop="${this.onDrop}"
+        @dragover="${this.onDragOver}"
+        @dragleave="${this.onDragLeave}"
+      >
         <img class="icon"
           src=${this.disabled?"/assets/img/image-upload-disabled.svg":"/assets/img/image-upload-circle.svg"}
-          alt="Subir imagen" />
+          alt="Subir imagen" 
+        />
+
         <div class="text-container">
-            <div class="text-main">subí hasta 3 imágenes</div>
-            <div class="text-secondary">
-                Podés agregar un archivo o arrastrar y soltar acá
-            </div>
-            <div class="text-tertiary">.jpg, .jpeg, .png</div>
+          <div class="text-main">subí hasta 3 imágenes</div>
+
+          <div class="text-secondary">
+            Podés agregar un archivo o arrastrar y soltar acá
+          </div>
+
+          <div class="text-tertiary">.jpg, .jpeg, .png</div>
         </div>
+
         ${this.loading?i`
             <div class="progress-bar-container">
               <div class="progress-bar" role="progressbar" aria-label="Subiendo archivo…">
@@ -2709,7 +2738,7 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
             </label>
           `}
       </div>
-    `}};a([T({type:Array}),s("design:type",Array)],Ke.prototype,"files",void 0),a([A(),s("design:type",Object)],Ke.prototype,"loading",void 0),a([A(),s("design:type",Object)],Ke.prototype,"progress",void 0),a([A(),s("design:type",Object)],Ke.prototype,"isDragging",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Object)],Ke.prototype,"disabled",void 0),Ke=a([l("upload-image")],Ke);const Xe=6048e5,Qe=Symbol.for("constructDateFrom");function Je(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&Qe in e?e[Qe](t):e instanceof Date?new e.constructor(t):new Date(t)}function Ze(e,t){return Je(t||e,e)}function et(e,t,i){const o=Ze(e,i?.in);if(isNaN(t))return Je(e,NaN);if(!t)return o;const r=o.getDate(),n=Je(e,o.getTime());n.setMonth(o.getMonth()+t+1,0);return r>=n.getDate()?n:(o.setFullYear(n.getFullYear(),n.getMonth(),r),o)}let tt={};function it(){return tt}function ot(e,t){const i=it(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,r=Ze(e,t?.in),n=r.getDay(),a=(n<o?7:0)+n-o;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function rt(e,t){return ot(e,{...t,weekStartsOn:1})}function nt(e,t){const i=Ze(e,t?.in),o=i.getFullYear(),r=Je(i,0);r.setFullYear(o+1,0,4),r.setHours(0,0,0,0);const n=rt(r),a=Je(i,0);a.setFullYear(o,0,4),a.setHours(0,0,0,0);const s=rt(a);return i.getTime()>=n.getTime()?o+1:i.getTime()>=s.getTime()?o:o-1}function at(e){const t=Ze(e),i=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return i.setUTCFullYear(t.getFullYear()),+e-+i}function st(e,...t){const i=Je.bind(null,t.find((e=>"object"==typeof e)));return t.map(i)}function lt(e,t){const i=Ze(e,t?.in);return i.setHours(0,0,0,0),i}function dt(e,t,i){return et(e,12*t,i)}function ct(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+Ze(e)));var t}function pt(e,t){const i=Ze(e,t?.in);return i.setDate(1),i.setHours(0,0,0,0),i}const ht={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function ut(e){return(t={})=>{const i=t.width?String(t.width):e.defaultWidth;return e.formats[i]||e.formats[e.defaultWidth]}}const bt={date:ut({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:ut({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:ut({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},gt={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function mt(e){return(t,i)=>{let o;if("formatting"===(i?.context?String(i.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=i?.width?String(i.width):t;o=e.formattingValues[r]||e.formattingValues[t]}else{const t=e.defaultWidth,r=i?.width?String(i.width):e.defaultWidth;o=e.values[r]||e.values[t]}return o[e.argumentCallback?e.argumentCallback(t):t]}}function yt(e){return(t,i={})=>{const o=i.width,r=o&&e.matchPatterns[o]||e.matchPatterns[e.defaultMatchWidth],n=t.match(r);if(!n)return null;const a=n[0],s=o&&e.parsePatterns[o]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e,t){for(let i=0;i<e.length;i++)if(t(e[i]))return i;return}(s,(e=>e.test(a))):function(e,t){for(const i in e)if(Object.prototype.hasOwnProperty.call(e,i)&&t(e[i]))return i;return}(s,(e=>e.test(a)));let d;d=e.valueCallback?e.valueCallback(l):l,d=i.valueCallback?i.valueCallback(d):d;return{value:d,rest:t.slice(a.length)}}}var ft;const vt={code:"en-US",formatDistance:(e,t,i)=>{let o;const r=ht[e];return o="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),i?.addSuffix?i.comparison&&i.comparison>0?"in "+o:o+" ago":o},formatLong:bt,formatRelative:(e,t,i,o)=>gt[e],localize:{ordinalNumber:(e,t)=>{const i=Number(e),o=i%100;if(o>20||o<10)switch(o%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:mt({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:mt({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:mt({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:mt({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:mt({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(ft={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const i=e.match(ft.matchPattern);if(!i)return null;const o=i[0],r=e.match(ft.parsePattern);if(!r)return null;let n=ft.valueCallback?ft.valueCallback(r[0]):r[0];return n=t.valueCallback?t.valueCallback(n):n,{value:n,rest:e.slice(o.length)}}),era:yt({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:yt({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:yt({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:yt({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:yt({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function xt(e,t){const i=Ze(e,t?.in),o=function(e,t){const[i,o]=st(0,e,t),r=lt(i),n=lt(o),a=+r-at(r),s=+n-at(n);return Math.round((a-s)/864e5)}(i,function(e,t){const i=Ze(e,t?.in);return i.setFullYear(i.getFullYear(),0,1),i.setHours(0,0,0,0),i}(i));return o+1}function wt(e,t){const i=Ze(e,t?.in),o=+rt(i)-+function(e,t){const i=nt(e,t),o=Je(e,0);return o.setFullYear(i,0,4),o.setHours(0,0,0,0),rt(o)}(i);return Math.round(o/Xe)+1}function kt(e,t){const i=Ze(e,t?.in),o=i.getFullYear(),r=it(),n=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,a=Je(t?.in||e,0);a.setFullYear(o+1,0,n),a.setHours(0,0,0,0);const s=ot(a,t),l=Je(t?.in||e,0);l.setFullYear(o,0,n),l.setHours(0,0,0,0);const d=ot(l,t);return+i>=+s?o+1:+i>=+d?o:o-1}function $t(e,t){const i=Ze(e,t?.in),o=+ot(i,t)-+function(e,t){const i=it(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,r=kt(e,t),n=Je(t?.in||e,0);return n.setFullYear(r,0,o),n.setHours(0,0,0,0),ot(n,t)}(i,t);return Math.round(o/Xe)+1}function St(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const Ct={y(e,t){const i=e.getFullYear(),o=i>0?i:1-i;return St("yy"===t?o%100:o,t.length)},M(e,t){const i=e.getMonth();return"M"===t?String(i+1):St(i+1,2)},d:(e,t)=>St(e.getDate(),t.length),a(e,t){const i=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return i.toUpperCase();case"aaa":return i;case"aaaaa":return i[0];default:return"am"===i?"a.m.":"p.m."}},h:(e,t)=>St(e.getHours()%12||12,t.length),H:(e,t)=>St(e.getHours(),t.length),m:(e,t)=>St(e.getMinutes(),t.length),s:(e,t)=>St(e.getSeconds(),t.length),S(e,t){const i=t.length,o=e.getMilliseconds();return St(Math.trunc(o*Math.pow(10,i-3)),t.length)}},Et="midnight",Ot="noon",Dt="morning",Mt="afternoon",Ft="evening",jt="night",Pt={G:function(e,t,i){const o=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return i.era(o,{width:"abbreviated"});case"GGGGG":return i.era(o,{width:"narrow"});default:return i.era(o,{width:"wide"})}},y:function(e,t,i){if("yo"===t){const t=e.getFullYear(),o=t>0?t:1-t;return i.ordinalNumber(o,{unit:"year"})}return Ct.y(e,t)},Y:function(e,t,i,o){const r=kt(e,o),n=r>0?r:1-r;if("YY"===t){return St(n%100,2)}return"Yo"===t?i.ordinalNumber(n,{unit:"year"}):St(n,t.length)},R:function(e,t){return St(nt(e),t.length)},u:function(e,t){return St(e.getFullYear(),t.length)},Q:function(e,t,i){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(o);case"QQ":return St(o,2);case"Qo":return i.ordinalNumber(o,{unit:"quarter"});case"QQQ":return i.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return i.quarter(o,{width:"narrow",context:"formatting"});default:return i.quarter(o,{width:"wide",context:"formatting"})}},q:function(e,t,i){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(o);case"qq":return St(o,2);case"qo":return i.ordinalNumber(o,{unit:"quarter"});case"qqq":return i.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return i.quarter(o,{width:"narrow",context:"standalone"});default:return i.quarter(o,{width:"wide",context:"standalone"})}},M:function(e,t,i){const o=e.getMonth();switch(t){case"M":case"MM":return Ct.M(e,t);case"Mo":return i.ordinalNumber(o+1,{unit:"month"});case"MMM":return i.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return i.month(o,{width:"narrow",context:"formatting"});default:return i.month(o,{width:"wide",context:"formatting"})}},L:function(e,t,i){const o=e.getMonth();switch(t){case"L":return String(o+1);case"LL":return St(o+1,2);case"Lo":return i.ordinalNumber(o+1,{unit:"month"});case"LLL":return i.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return i.month(o,{width:"narrow",context:"standalone"});default:return i.month(o,{width:"wide",context:"standalone"})}},w:function(e,t,i,o){const r=$t(e,o);return"wo"===t?i.ordinalNumber(r,{unit:"week"}):St(r,t.length)},I:function(e,t,i){const o=wt(e);return"Io"===t?i.ordinalNumber(o,{unit:"week"}):St(o,t.length)},d:function(e,t,i){return"do"===t?i.ordinalNumber(e.getDate(),{unit:"date"}):Ct.d(e,t)},D:function(e,t,i){const o=xt(e);return"Do"===t?i.ordinalNumber(o,{unit:"dayOfYear"}):St(o,t.length)},E:function(e,t,i){const o=e.getDay();switch(t){case"E":case"EE":case"EEE":return i.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return i.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},e:function(e,t,i,o){const r=e.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(t){case"e":return String(n);case"ee":return St(n,2);case"eo":return i.ordinalNumber(n,{unit:"day"});case"eee":return i.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return i.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return i.day(r,{width:"short",context:"formatting"});default:return i.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,i,o){const r=e.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(t){case"c":return String(n);case"cc":return St(n,t.length);case"co":return i.ordinalNumber(n,{unit:"day"});case"ccc":return i.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return i.day(r,{width:"narrow",context:"standalone"});case"cccccc":return i.day(r,{width:"short",context:"standalone"});default:return i.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,i){const o=e.getDay(),r=0===o?7:o;switch(t){case"i":return String(r);case"ii":return St(r,t.length);case"io":return i.ordinalNumber(r,{unit:"day"});case"iii":return i.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return i.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},a:function(e,t,i){const o=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return i.dayPeriod(o,{width:"narrow",context:"formatting"});default:return i.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(e,t,i){const o=e.getHours();let r;switch(r=12===o?Ot:0===o?Et:o/12>=1?"pm":"am",t){case"b":case"bb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,i){const o=e.getHours();let r;switch(r=o>=17?Ft:o>=12?Mt:o>=4?Dt:jt,t){case"B":case"BB":case"BBB":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,i){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),i.ordinalNumber(t,{unit:"hour"})}return Ct.h(e,t)},H:function(e,t,i){return"Ho"===t?i.ordinalNumber(e.getHours(),{unit:"hour"}):Ct.H(e,t)},K:function(e,t,i){const o=e.getHours()%12;return"Ko"===t?i.ordinalNumber(o,{unit:"hour"}):St(o,t.length)},k:function(e,t,i){let o=e.getHours();return 0===o&&(o=24),"ko"===t?i.ordinalNumber(o,{unit:"hour"}):St(o,t.length)},m:function(e,t,i){return"mo"===t?i.ordinalNumber(e.getMinutes(),{unit:"minute"}):Ct.m(e,t)},s:function(e,t,i){return"so"===t?i.ordinalNumber(e.getSeconds(),{unit:"second"}):Ct.s(e,t)},S:function(e,t){return Ct.S(e,t)},X:function(e,t,i){const o=e.getTimezoneOffset();if(0===o)return"Z";switch(t){case"X":return At(o);case"XXXX":case"XX":return zt(o);default:return zt(o,":")}},x:function(e,t,i){const o=e.getTimezoneOffset();switch(t){case"x":return At(o);case"xxxx":case"xx":return zt(o);default:return zt(o,":")}},O:function(e,t,i){const o=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+Tt(o,":");default:return"GMT"+zt(o,":")}},z:function(e,t,i){const o=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+Tt(o,":");default:return"GMT"+zt(o,":")}},t:function(e,t,i){return St(Math.trunc(+e/1e3),t.length)},T:function(e,t,i){return St(+e,t.length)}};function Tt(e,t=""){const i=e>0?"-":"+",o=Math.abs(e),r=Math.trunc(o/60),n=o%60;return 0===n?i+String(r):i+String(r)+t+St(n,2)}function At(e,t){if(e%60==0){return(e>0?"-":"+")+St(Math.abs(e)/60,2)}return zt(e,t)}function zt(e,t=""){const i=e>0?"-":"+",o=Math.abs(e);return i+St(Math.trunc(o/60),2)+t+St(o%60,2)}const It=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},Lt=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},_t={p:Lt,P:(e,t)=>{const i=e.match(/(P+)(p+)?/)||[],o=i[1],r=i[2];if(!r)return It(e,t);let n;switch(o){case"P":n=t.dateTime({width:"short"});break;case"PP":n=t.dateTime({width:"medium"});break;case"PPP":n=t.dateTime({width:"long"});break;default:n=t.dateTime({width:"full"})}return n.replace("{{date}}",It(o,t)).replace("{{time}}",Lt(r,t))}},Bt=/^D+$/,Nt=/^Y+$/,Rt=["D","DD","YY","YYYY"];const qt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Vt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Wt=/^'([^]*?)'?$/,Yt=/''/g,Ut=/[a-zA-Z]/;function Gt(e,t,i){const o=it(),r=o.locale??vt,n=o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,a=o.weekStartsOn??o.locale?.options?.weekStartsOn??0,s=Ze(e,i?.in);if(!ct(s))throw new RangeError("Invalid time value");let l=t.match(Vt).map((e=>{const t=e[0];if("p"===t||"P"===t){return(0,_t[t])(e,r.formatLong)}return e})).join("").match(qt).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:Ht(e)};if(Pt[t])return{isToken:!0,value:e};if(t.match(Ut))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));r.localize.preprocessor&&(l=r.localize.preprocessor(s,l));const d={firstWeekContainsDate:n,weekStartsOn:a,locale:r};return l.map((i=>{if(!i.isToken)return i.value;const o=i.value;(function(e){return Nt.test(e)}(o)||function(e){return Bt.test(e)}(o))&&function(e,t,i){const o=function(e,t,i){const o="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${o} to the input \`${i}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,i);if(console.warn(o),Rt.includes(e))throw new RangeError(o)}(o,t,String(e));return(0,Pt[o[0]])(s,o,r.localize,d)})).join("")}function Ht(e){const t=e.match(Wt);return t?t[1].replace(Yt,"'"):e}function Kt(e,t){return Ze(e,t?.in).getDate()}function Xt(e,t){const i=Ze(e,t?.in),o=i.getFullYear(),r=i.getMonth(),n=Je(i,0);return n.setFullYear(o,r+1,0),n.setHours(0,0,0,0),n.getDate()}function Qt(e,t){return+Ze(e)>+Ze(t)}function Jt(e,t){return+Ze(e)<+Ze(t)}function Zt(e,t,i){const[o,r]=st(0,e,t);return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()}function ei(e,t,i){const[o,r]=st(0,e,t);return o.getFullYear()===r.getFullYear()}function ti(e,t){return function(e,t){const[i,o]=st(0,e,t);return+lt(i)===+lt(o)}(Je(e,e),function(e){return Je(e,Date.now())}(e))}let ii=class extends t{constructor(){super(...arguments),this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.minDate=null,this.maxDate=null,this.currentView="days",this.handleOutsideClick=e=>{const t=this.getRootNode(),i=t?.host;!i||e.composedPath().includes(this)||e.composedPath().includes(i)||this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=e`
+    `}};a([A({type:Array}),s("design:type",Array)],Ke.prototype,"files",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],Ke.prototype,"disabled",void 0),a([A({type:Number}),s("design:type",Object)],Ke.prototype,"simulatedDelay",void 0),a([T(),s("design:type",Object)],Ke.prototype,"loading",void 0),a([T(),s("design:type",Object)],Ke.prototype,"progress",void 0),a([T(),s("design:type",Object)],Ke.prototype,"isDragging",void 0),Ke=a([l("upload-image")],Ke);const Xe=6048e5,Qe=Symbol.for("constructDateFrom");function Je(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&Qe in e?e[Qe](t):e instanceof Date?new e.constructor(t):new Date(t)}function Ze(e,t){return Je(t||e,e)}function et(e,t,i){const o=Ze(e,i?.in);if(isNaN(t))return Je(e,NaN);if(!t)return o;const r=o.getDate(),n=Je(e,o.getTime());n.setMonth(o.getMonth()+t+1,0);return r>=n.getDate()?n:(o.setFullYear(n.getFullYear(),n.getMonth(),r),o)}let tt={};function it(){return tt}function ot(e,t){const i=it(),o=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??i.weekStartsOn??i.locale?.options?.weekStartsOn??0,r=Ze(e,t?.in),n=r.getDay(),a=(n<o?7:0)+n-o;return r.setDate(r.getDate()-a),r.setHours(0,0,0,0),r}function rt(e,t){return ot(e,{...t,weekStartsOn:1})}function nt(e,t){const i=Ze(e,t?.in),o=i.getFullYear(),r=Je(i,0);r.setFullYear(o+1,0,4),r.setHours(0,0,0,0);const n=rt(r),a=Je(i,0);a.setFullYear(o,0,4),a.setHours(0,0,0,0);const s=rt(a);return i.getTime()>=n.getTime()?o+1:i.getTime()>=s.getTime()?o:o-1}function at(e){const t=Ze(e),i=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return i.setUTCFullYear(t.getFullYear()),+e-+i}function st(e,...t){const i=Je.bind(null,t.find((e=>"object"==typeof e)));return t.map(i)}function lt(e,t){const i=Ze(e,t?.in);return i.setHours(0,0,0,0),i}function dt(e,t,i){return et(e,12*t,i)}function ct(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+Ze(e)));var t}function pt(e,t){const i=Ze(e,t?.in);return i.setDate(1),i.setHours(0,0,0,0),i}const ht={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function ut(e){return(t={})=>{const i=t.width?String(t.width):e.defaultWidth;return e.formats[i]||e.formats[e.defaultWidth]}}const bt={date:ut({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:ut({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:ut({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},gt={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function mt(e){return(t,i)=>{let o;if("formatting"===(i?.context?String(i.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=i?.width?String(i.width):t;o=e.formattingValues[r]||e.formattingValues[t]}else{const t=e.defaultWidth,r=i?.width?String(i.width):e.defaultWidth;o=e.values[r]||e.values[t]}return o[e.argumentCallback?e.argumentCallback(t):t]}}function yt(e){return(t,i={})=>{const o=i.width,r=o&&e.matchPatterns[o]||e.matchPatterns[e.defaultMatchWidth],n=t.match(r);if(!n)return null;const a=n[0],s=o&&e.parsePatterns[o]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e,t){for(let i=0;i<e.length;i++)if(t(e[i]))return i;return}(s,(e=>e.test(a))):function(e,t){for(const i in e)if(Object.prototype.hasOwnProperty.call(e,i)&&t(e[i]))return i;return}(s,(e=>e.test(a)));let d;d=e.valueCallback?e.valueCallback(l):l,d=i.valueCallback?i.valueCallback(d):d;return{value:d,rest:t.slice(a.length)}}}var ft;const vt={code:"en-US",formatDistance:(e,t,i)=>{let o;const r=ht[e];return o="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),i?.addSuffix?i.comparison&&i.comparison>0?"in "+o:o+" ago":o},formatLong:bt,formatRelative:(e,t,i,o)=>gt[e],localize:{ordinalNumber:(e,t)=>{const i=Number(e),o=i%100;if(o>20||o<10)switch(o%10){case 1:return i+"st";case 2:return i+"nd";case 3:return i+"rd"}return i+"th"},era:mt({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:mt({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:mt({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:mt({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:mt({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(ft={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const i=e.match(ft.matchPattern);if(!i)return null;const o=i[0],r=e.match(ft.parsePattern);if(!r)return null;let n=ft.valueCallback?ft.valueCallback(r[0]):r[0];return n=t.valueCallback?t.valueCallback(n):n,{value:n,rest:e.slice(o.length)}}),era:yt({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:yt({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:yt({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:yt({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:yt({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function xt(e,t){const i=Ze(e,t?.in),o=function(e,t){const[i,o]=st(0,e,t),r=lt(i),n=lt(o),a=+r-at(r),s=+n-at(n);return Math.round((a-s)/864e5)}(i,function(e,t){const i=Ze(e,t?.in);return i.setFullYear(i.getFullYear(),0,1),i.setHours(0,0,0,0),i}(i));return o+1}function wt(e,t){const i=Ze(e,t?.in),o=+rt(i)-+function(e,t){const i=nt(e,t),o=Je(e,0);return o.setFullYear(i,0,4),o.setHours(0,0,0,0),rt(o)}(i);return Math.round(o/Xe)+1}function kt(e,t){const i=Ze(e,t?.in),o=i.getFullYear(),r=it(),n=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,a=Je(t?.in||e,0);a.setFullYear(o+1,0,n),a.setHours(0,0,0,0);const s=ot(a,t),l=Je(t?.in||e,0);l.setFullYear(o,0,n),l.setHours(0,0,0,0);const d=ot(l,t);return+i>=+s?o+1:+i>=+d?o:o-1}function $t(e,t){const i=Ze(e,t?.in),o=+ot(i,t)-+function(e,t){const i=it(),o=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,r=kt(e,t),n=Je(t?.in||e,0);return n.setFullYear(r,0,o),n.setHours(0,0,0,0),ot(n,t)}(i,t);return Math.round(o/Xe)+1}function St(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const Ct={y(e,t){const i=e.getFullYear(),o=i>0?i:1-i;return St("yy"===t?o%100:o,t.length)},M(e,t){const i=e.getMonth();return"M"===t?String(i+1):St(i+1,2)},d:(e,t)=>St(e.getDate(),t.length),a(e,t){const i=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return i.toUpperCase();case"aaa":return i;case"aaaaa":return i[0];default:return"am"===i?"a.m.":"p.m."}},h:(e,t)=>St(e.getHours()%12||12,t.length),H:(e,t)=>St(e.getHours(),t.length),m:(e,t)=>St(e.getMinutes(),t.length),s:(e,t)=>St(e.getSeconds(),t.length),S(e,t){const i=t.length,o=e.getMilliseconds();return St(Math.trunc(o*Math.pow(10,i-3)),t.length)}},Et="midnight",Ot="noon",Dt="morning",Mt="afternoon",Ft="evening",jt="night",Pt={G:function(e,t,i){const o=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return i.era(o,{width:"abbreviated"});case"GGGGG":return i.era(o,{width:"narrow"});default:return i.era(o,{width:"wide"})}},y:function(e,t,i){if("yo"===t){const t=e.getFullYear(),o=t>0?t:1-t;return i.ordinalNumber(o,{unit:"year"})}return Ct.y(e,t)},Y:function(e,t,i,o){const r=kt(e,o),n=r>0?r:1-r;if("YY"===t){return St(n%100,2)}return"Yo"===t?i.ordinalNumber(n,{unit:"year"}):St(n,t.length)},R:function(e,t){return St(nt(e),t.length)},u:function(e,t){return St(e.getFullYear(),t.length)},Q:function(e,t,i){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(o);case"QQ":return St(o,2);case"Qo":return i.ordinalNumber(o,{unit:"quarter"});case"QQQ":return i.quarter(o,{width:"abbreviated",context:"formatting"});case"QQQQQ":return i.quarter(o,{width:"narrow",context:"formatting"});default:return i.quarter(o,{width:"wide",context:"formatting"})}},q:function(e,t,i){const o=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(o);case"qq":return St(o,2);case"qo":return i.ordinalNumber(o,{unit:"quarter"});case"qqq":return i.quarter(o,{width:"abbreviated",context:"standalone"});case"qqqqq":return i.quarter(o,{width:"narrow",context:"standalone"});default:return i.quarter(o,{width:"wide",context:"standalone"})}},M:function(e,t,i){const o=e.getMonth();switch(t){case"M":case"MM":return Ct.M(e,t);case"Mo":return i.ordinalNumber(o+1,{unit:"month"});case"MMM":return i.month(o,{width:"abbreviated",context:"formatting"});case"MMMMM":return i.month(o,{width:"narrow",context:"formatting"});default:return i.month(o,{width:"wide",context:"formatting"})}},L:function(e,t,i){const o=e.getMonth();switch(t){case"L":return String(o+1);case"LL":return St(o+1,2);case"Lo":return i.ordinalNumber(o+1,{unit:"month"});case"LLL":return i.month(o,{width:"abbreviated",context:"standalone"});case"LLLLL":return i.month(o,{width:"narrow",context:"standalone"});default:return i.month(o,{width:"wide",context:"standalone"})}},w:function(e,t,i,o){const r=$t(e,o);return"wo"===t?i.ordinalNumber(r,{unit:"week"}):St(r,t.length)},I:function(e,t,i){const o=wt(e);return"Io"===t?i.ordinalNumber(o,{unit:"week"}):St(o,t.length)},d:function(e,t,i){return"do"===t?i.ordinalNumber(e.getDate(),{unit:"date"}):Ct.d(e,t)},D:function(e,t,i){const o=xt(e);return"Do"===t?i.ordinalNumber(o,{unit:"dayOfYear"}):St(o,t.length)},E:function(e,t,i){const o=e.getDay();switch(t){case"E":case"EE":case"EEE":return i.day(o,{width:"abbreviated",context:"formatting"});case"EEEEE":return i.day(o,{width:"narrow",context:"formatting"});case"EEEEEE":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},e:function(e,t,i,o){const r=e.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(t){case"e":return String(n);case"ee":return St(n,2);case"eo":return i.ordinalNumber(n,{unit:"day"});case"eee":return i.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return i.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return i.day(r,{width:"short",context:"formatting"});default:return i.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,i,o){const r=e.getDay(),n=(r-o.weekStartsOn+8)%7||7;switch(t){case"c":return String(n);case"cc":return St(n,t.length);case"co":return i.ordinalNumber(n,{unit:"day"});case"ccc":return i.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return i.day(r,{width:"narrow",context:"standalone"});case"cccccc":return i.day(r,{width:"short",context:"standalone"});default:return i.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,i){const o=e.getDay(),r=0===o?7:o;switch(t){case"i":return String(r);case"ii":return St(r,t.length);case"io":return i.ordinalNumber(r,{unit:"day"});case"iii":return i.day(o,{width:"abbreviated",context:"formatting"});case"iiiii":return i.day(o,{width:"narrow",context:"formatting"});case"iiiiii":return i.day(o,{width:"short",context:"formatting"});default:return i.day(o,{width:"wide",context:"formatting"})}},a:function(e,t,i){const o=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return i.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return i.dayPeriod(o,{width:"narrow",context:"formatting"});default:return i.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(e,t,i){const o=e.getHours();let r;switch(r=12===o?Ot:0===o?Et:o/12>=1?"pm":"am",t){case"b":case"bb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,i){const o=e.getHours();let r;switch(r=o>=17?Ft:o>=12?Mt:o>=4?Dt:jt,t){case"B":case"BB":case"BBB":return i.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return i.dayPeriod(r,{width:"narrow",context:"formatting"});default:return i.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,i){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),i.ordinalNumber(t,{unit:"hour"})}return Ct.h(e,t)},H:function(e,t,i){return"Ho"===t?i.ordinalNumber(e.getHours(),{unit:"hour"}):Ct.H(e,t)},K:function(e,t,i){const o=e.getHours()%12;return"Ko"===t?i.ordinalNumber(o,{unit:"hour"}):St(o,t.length)},k:function(e,t,i){let o=e.getHours();return 0===o&&(o=24),"ko"===t?i.ordinalNumber(o,{unit:"hour"}):St(o,t.length)},m:function(e,t,i){return"mo"===t?i.ordinalNumber(e.getMinutes(),{unit:"minute"}):Ct.m(e,t)},s:function(e,t,i){return"so"===t?i.ordinalNumber(e.getSeconds(),{unit:"second"}):Ct.s(e,t)},S:function(e,t){return Ct.S(e,t)},X:function(e,t,i){const o=e.getTimezoneOffset();if(0===o)return"Z";switch(t){case"X":return Tt(o);case"XXXX":case"XX":return zt(o);default:return zt(o,":")}},x:function(e,t,i){const o=e.getTimezoneOffset();switch(t){case"x":return Tt(o);case"xxxx":case"xx":return zt(o);default:return zt(o,":")}},O:function(e,t,i){const o=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+At(o,":");default:return"GMT"+zt(o,":")}},z:function(e,t,i){const o=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+At(o,":");default:return"GMT"+zt(o,":")}},t:function(e,t,i){return St(Math.trunc(+e/1e3),t.length)},T:function(e,t,i){return St(+e,t.length)}};function At(e,t=""){const i=e>0?"-":"+",o=Math.abs(e),r=Math.trunc(o/60),n=o%60;return 0===n?i+String(r):i+String(r)+t+St(n,2)}function Tt(e,t){if(e%60==0){return(e>0?"-":"+")+St(Math.abs(e)/60,2)}return zt(e,t)}function zt(e,t=""){const i=e>0?"-":"+",o=Math.abs(e);return i+St(Math.trunc(o/60),2)+t+St(o%60,2)}const It=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},Lt=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},_t={p:Lt,P:(e,t)=>{const i=e.match(/(P+)(p+)?/)||[],o=i[1],r=i[2];if(!r)return It(e,t);let n;switch(o){case"P":n=t.dateTime({width:"short"});break;case"PP":n=t.dateTime({width:"medium"});break;case"PPP":n=t.dateTime({width:"long"});break;default:n=t.dateTime({width:"full"})}return n.replace("{{date}}",It(o,t)).replace("{{time}}",Lt(r,t))}},Bt=/^D+$/,Nt=/^Y+$/,Rt=["D","DD","YY","YYYY"];const qt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Vt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Wt=/^'([^]*?)'?$/,Yt=/''/g,Ut=/[a-zA-Z]/;function Gt(e,t,i){const o=it(),r=o.locale??vt,n=o.firstWeekContainsDate??o.locale?.options?.firstWeekContainsDate??1,a=o.weekStartsOn??o.locale?.options?.weekStartsOn??0,s=Ze(e,i?.in);if(!ct(s))throw new RangeError("Invalid time value");let l=t.match(Vt).map((e=>{const t=e[0];if("p"===t||"P"===t){return(0,_t[t])(e,r.formatLong)}return e})).join("").match(qt).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:Ht(e)};if(Pt[t])return{isToken:!0,value:e};if(t.match(Ut))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));r.localize.preprocessor&&(l=r.localize.preprocessor(s,l));const d={firstWeekContainsDate:n,weekStartsOn:a,locale:r};return l.map((i=>{if(!i.isToken)return i.value;const o=i.value;(function(e){return Nt.test(e)}(o)||function(e){return Bt.test(e)}(o))&&function(e,t,i){const o=function(e,t,i){const o="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${o} to the input \`${i}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,i);if(console.warn(o),Rt.includes(e))throw new RangeError(o)}(o,t,String(e));return(0,Pt[o[0]])(s,o,r.localize,d)})).join("")}function Ht(e){const t=e.match(Wt);return t?t[1].replace(Yt,"'"):e}function Kt(e,t){return Ze(e,t?.in).getDate()}function Xt(e,t){const i=Ze(e,t?.in),o=i.getFullYear(),r=i.getMonth(),n=Je(i,0);return n.setFullYear(o,r+1,0),n.setHours(0,0,0,0),n.getDate()}function Qt(e,t){return+Ze(e)>+Ze(t)}function Jt(e,t){return+Ze(e)<+Ze(t)}function Zt(e,t,i){const[o,r]=st(0,e,t);return o.getFullYear()===r.getFullYear()&&o.getMonth()===r.getMonth()}function ei(e,t,i){const[o,r]=st(0,e,t);return o.getFullYear()===r.getFullYear()}function ti(e,t){return function(e,t){const[i,o]=st(0,e,t);return+lt(i)===+lt(o)}(Je(e,e),function(e){return Je(e,Date.now())}(e))}let ii=class extends t{constructor(){super(...arguments),this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.minDate=null,this.maxDate=null,this.currentView="days",this.handleOutsideClick=e=>{const t=this.getRootNode(),i=t?.host;!i||e.composedPath().includes(this)||e.composedPath().includes(i)||this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}static{this.styles=e`
     /* Estilos generales del contenedor del calendario (escritorio) */
     .calendar-container {
       position: absolute;
@@ -3197,7 +3226,7 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
       <div class="calendar-container" style="width: ${this.calendarWidth}px;">
         ${t}
       </div>
-    `}};a([T({type:Object}),s("design:type",Object)],ii.prototype,"selectedDate",void 0),a([T({type:Object}),s("design:type",Date)],ii.prototype,"viewDate",void 0),a([T({type:Boolean}),s("design:type",Object)],ii.prototype,"isMobile",void 0),a([T({type:Number}),s("design:type",Number)],ii.prototype,"calendarWidth",void 0),a([T({type:Object}),s("design:type",Object)],ii.prototype,"minDate",void 0),a([T({type:Object}),s("design:type",Object)],ii.prototype,"maxDate",void 0),a([A(),s("design:type",String)],ii.prototype,"currentView",void 0),ii=a([l("calendar-overlay")],ii);let oi=class extends t{constructor(){super(...arguments),this.label="",this.placeholder="Selecciona una fecha",this.value="",this.required=!1,this.disabled=!1,this.isRenderClearButton=!0,this.error=!1,this.errorMessage=null,this.optional=!1,this.helper=null,this.helperAlign="left",this.isOpen=!1,this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.handleClickOutside=e=>{e.composedPath().includes(this)||(this.isOpen=!1,this.error&&this.closeOverlay(""))}}static{this.styles=e`
+    `}};a([A({type:Object}),s("design:type",Object)],ii.prototype,"selectedDate",void 0),a([A({type:Object}),s("design:type",Date)],ii.prototype,"viewDate",void 0),a([A({type:Boolean}),s("design:type",Object)],ii.prototype,"isMobile",void 0),a([A({type:Number}),s("design:type",Number)],ii.prototype,"calendarWidth",void 0),a([A({type:Object}),s("design:type",Object)],ii.prototype,"minDate",void 0),a([A({type:Object}),s("design:type",Object)],ii.prototype,"maxDate",void 0),a([T(),s("design:type",String)],ii.prototype,"currentView",void 0),ii=a([l("calendar-overlay")],ii);let oi=class extends t{constructor(){super(...arguments),this.label="",this.placeholder="Selecciona una fecha",this.value="",this.required=!1,this.disabled=!1,this.isRenderClearButton=!0,this.error=!1,this.errorMessage=null,this.optional=!1,this.helper=null,this.helperAlign="left",this.isOpen=!1,this.selectedDate=null,this.viewDate=new Date,this.isMobile=!1,this.calendarWidth=0,this.updateResponsiveModeBound=this.updateResponsiveMode.bind(this),this.handleClickOutside=e=>{e.composedPath().includes(this)||(this.isOpen=!1,this.error&&this.closeOverlay(""))}}static{this.styles=e`
     /* Contenedor principal y tipografía base */
     :host {
       display: block;
@@ -3248,13 +3277,13 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
     }
 
     .helper-description {
-      ${B};
+      ${_}
       color: var(--secondary-color-40);
       margin: 0;
     }
 
     .error-message {
-      ${B};
+      ${_}
       color: var(--ui-negative, #E00F0F);
       margin-top: 4px;
     }
@@ -3375,17 +3404,6 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
             </button>
           </div>
 
-          ${this.helper?i`
-              <p 
-                class="helper-description"
-                style=${r}
-              >
-                ${this.helper}
-              </p>
-            `:o}
-          
-          ${this.errorMessage?i`<div class="error-message">${this.errorMessage}</div>`:o}
-
           ${this.isOpen?i`
               <calendar-overlay
                 .isMobile=${this.isMobile}
@@ -3400,8 +3418,19 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
               >
               </calendar-overlay>
             `:o}
+
+          ${this.errorMessage?i`<div class="error-message">${this.errorMessage}</div>`:o}
+
+          ${this.helper?i`
+              <p 
+                class="helper-description"
+                style=${r}
+              >
+                ${this.helper}
+              </p>
+            `:o}
       </div>
-    `}};a([T({type:String}),s("design:type",Object)],oi.prototype,"label",void 0),a([T({type:String}),s("design:type",Object)],oi.prototype,"placeholder",void 0),a([T({type:String}),s("design:type",Object)],oi.prototype,"value",void 0),a([T({type:Boolean}),s("design:type",Object)],oi.prototype,"required",void 0),a([T({type:Boolean}),s("design:type",Object)],oi.prototype,"disabled",void 0),a([T({type:String}),s("design:type",String)],oi.prototype,"width",void 0),a([T({type:Boolean}),s("design:type",Object)],oi.prototype,"isRenderClearButton",void 0),a([T({type:String}),s("design:type",String)],oi.prototype,"minDate",void 0),a([T({type:String}),s("design:type",String)],oi.prototype,"maxDate",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Object)],oi.prototype,"error",void 0),a([T({type:String}),s("design:type",Object)],oi.prototype,"errorMessage",void 0),a([T({type:Boolean}),s("design:type",Object)],oi.prototype,"optional",void 0),a([T({type:String}),s("design:type",Object)],oi.prototype,"helper",void 0),a([T({type:String}),s("design:type",String)],oi.prototype,"helperAlign",void 0),a([A(),s("design:type",Object)],oi.prototype,"isOpen",void 0),a([A(),s("design:type",Object)],oi.prototype,"selectedDate",void 0),a([A(),s("design:type",Date)],oi.prototype,"viewDate",void 0),a([A(),s("design:type",Object)],oi.prototype,"isMobile",void 0),a([A(),s("design:type",Number)],oi.prototype,"calendarWidth",void 0),a([z(".input-container"),s("design:type",HTMLDivElement)],oi.prototype,"inputContainer",void 0),oi=a([l("datepicker-component")],oi);const ri={"application/pdf":"PDF","application/msword":"Word (.doc)","application/vnd.openxmlformats-officedocument.wordprocessingml.document":"Word (.docx)","image/jpeg":"JPEG","image/png":"PNG","text/plain":"Texto (.txt)"};let ni=class extends t{constructor(){super(...arguments),this.files=[],this.maxFiles=1,this.acceptedFileTypes=[],this.maxFileSize=5242880,this.disabled=!1,this.label="",this.labelColor="",this.buttonText="Agregar archivo",this.helper=null,this.helperAlign="left",this.error=!1,this.errorMessage=null,this.required=!1,this.optional=!1}static{this.styles=e`
+    `}};a([A({type:String}),s("design:type",Object)],oi.prototype,"label",void 0),a([A({type:String}),s("design:type",Object)],oi.prototype,"placeholder",void 0),a([A({type:String}),s("design:type",Object)],oi.prototype,"value",void 0),a([A({type:Boolean}),s("design:type",Object)],oi.prototype,"required",void 0),a([A({type:Boolean}),s("design:type",Object)],oi.prototype,"disabled",void 0),a([A({type:String}),s("design:type",String)],oi.prototype,"width",void 0),a([A({type:Boolean}),s("design:type",Object)],oi.prototype,"isRenderClearButton",void 0),a([A({type:String}),s("design:type",String)],oi.prototype,"minDate",void 0),a([A({type:String}),s("design:type",String)],oi.prototype,"maxDate",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],oi.prototype,"error",void 0),a([A({type:String}),s("design:type",Object)],oi.prototype,"errorMessage",void 0),a([A({type:Boolean}),s("design:type",Object)],oi.prototype,"optional",void 0),a([A({type:String}),s("design:type",Object)],oi.prototype,"helper",void 0),a([A({type:String}),s("design:type",String)],oi.prototype,"helperAlign",void 0),a([T(),s("design:type",Object)],oi.prototype,"isOpen",void 0),a([T(),s("design:type",Object)],oi.prototype,"selectedDate",void 0),a([T(),s("design:type",Date)],oi.prototype,"viewDate",void 0),a([T(),s("design:type",Object)],oi.prototype,"isMobile",void 0),a([T(),s("design:type",Number)],oi.prototype,"calendarWidth",void 0),a([z(".input-container"),s("design:type",HTMLDivElement)],oi.prototype,"inputContainer",void 0),oi=a([l("datepicker-component")],oi);const ri={"application/pdf":"PDF","application/msword":"Word (.doc)","application/vnd.openxmlformats-officedocument.wordprocessingml.document":"Word (.docx)","image/jpeg":"JPEG","image/png":"PNG","text/plain":"Texto (.txt)"};let ni=class extends t{constructor(){super(...arguments),this.files=[],this.maxFiles=1,this.acceptedFileTypes=[],this.maxFileSize=5242880,this.disabled=!1,this.label="",this.labelColor="",this.buttonText="Agregar archivo",this.helper=null,this.helperAlign="left",this.error=!1,this.errorMessage=null,this.required=!1,this.optional=!1}static{this.styles=e`
         :host {
             display: block;
             width: 100%;
@@ -3517,7 +3546,9 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
                     ?disabled=${t}
                     @change="${this.onFileInputChange}" 
                 />
-                
+
+                ${this.errorMessage?i`<div class="error-message">${this.errorMessage}</div>`:o}
+
                 ${this.helper?i`
                         <p 
                             class="helper-description"
@@ -3527,8 +3558,6 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
                         </p>
                     `:o}
 
-                ${this.errorMessage?i`<div class="error-message">${this.errorMessage}</div>`:o}
-
                 ${this.files.length>0?i`
                         <div class="file-list-container">
                             <div class="file-list">
@@ -3550,5 +3579,5 @@ const Re=e`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20p
                         </div>
                     `:o}
             </div>
-        `}};a([T({type:Array}),s("design:type",Array)],ni.prototype,"files",void 0),a([T({type:Number}),s("design:type",Object)],ni.prototype,"maxFiles",void 0),a([T({type:Array}),s("design:type",Array)],ni.prototype,"acceptedFileTypes",void 0),a([T({type:Number}),s("design:type",Object)],ni.prototype,"maxFileSize",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Object)],ni.prototype,"disabled",void 0),a([T({type:String}),s("design:type",String)],ni.prototype,"width",void 0),a([T({type:String}),s("design:type",Object)],ni.prototype,"label",void 0),a([T({type:String}),s("design:type",Object)],ni.prototype,"labelColor",void 0),a([T({type:String}),s("design:type",Object)],ni.prototype,"buttonText",void 0),a([T({type:String}),s("design:type",Object)],ni.prototype,"helper",void 0),a([T({type:String}),s("design:type",String)],ni.prototype,"helperAlign",void 0),a([T({type:Boolean,reflect:!0}),s("design:type",Object)],ni.prototype,"error",void 0),a([T({type:String}),s("design:type",Object)],ni.prototype,"errorMessage",void 0),a([T({type:Boolean}),s("design:type",Object)],ni.prototype,"required",void 0),a([T({type:Boolean}),s("design:type",Object)],ni.prototype,"optional",void 0),a([z('input[type="file"]'),s("design:type",HTMLInputElement)],ni.prototype,"fileInput",void 0),ni=a([l("upload-file")],ni);export{W as AccordionList,V as AccordionPanel,ii as CalendarOverlay,U as CarouselCard,G as Checkbox,J as CustomModal,Z as CustomPopup,Ve as CustomRadio,Ge as CustomStepper,oi as DatePickerComponent,We as FilterableSelect,K as FormGroup,X as IconComponent,ee as ProgressCircle,Y as RandstadButton,H as RandstadForm,Q as RandstadNotice,He as TabsBar,ni as UploadFile,Ke as UploadImage};
+        `}};a([A({type:Array}),s("design:type",Array)],ni.prototype,"files",void 0),a([A({type:Number}),s("design:type",Object)],ni.prototype,"maxFiles",void 0),a([A({type:Array}),s("design:type",Array)],ni.prototype,"acceptedFileTypes",void 0),a([A({type:Number}),s("design:type",Object)],ni.prototype,"maxFileSize",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],ni.prototype,"disabled",void 0),a([A({type:String}),s("design:type",String)],ni.prototype,"width",void 0),a([A({type:String}),s("design:type",Object)],ni.prototype,"label",void 0),a([A({type:String}),s("design:type",Object)],ni.prototype,"labelColor",void 0),a([A({type:String}),s("design:type",Object)],ni.prototype,"buttonText",void 0),a([A({type:String}),s("design:type",Object)],ni.prototype,"helper",void 0),a([A({type:String}),s("design:type",String)],ni.prototype,"helperAlign",void 0),a([A({type:Boolean,reflect:!0}),s("design:type",Object)],ni.prototype,"error",void 0),a([A({type:String}),s("design:type",Object)],ni.prototype,"errorMessage",void 0),a([A({type:Boolean}),s("design:type",Object)],ni.prototype,"required",void 0),a([A({type:Boolean}),s("design:type",Object)],ni.prototype,"optional",void 0),a([z('input[type="file"]'),s("design:type",HTMLInputElement)],ni.prototype,"fileInput",void 0),ni=a([l("upload-file")],ni);export{W as AccordionList,V as AccordionPanel,ii as CalendarOverlay,U as CarouselCard,G as Checkbox,J as CustomModal,Z as CustomPopup,Ve as CustomRadio,Ge as CustomStepper,oi as DatePickerComponent,We as FilterableSelect,K as FormGroup,X as IconComponent,ee as ProgressCircle,Y as RandstadButton,H as RandstadForm,Q as RandstadNotice,He as TabsBar,ni as UploadFile,Ke as UploadImage};
 //# sourceMappingURL=index.js.map